@ranker/raxflow 2.0.4 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hub/components/ChatInput.d.ts +14 -0
- package/dist/hub/components/ChatInput.d.ts.map +1 -0
- package/dist/hub/components/ChatInput.js +14 -0
- package/dist/hub/components/ChatInput.js.map +1 -0
- package/dist/hub/components/ChatMessage.d.ts +14 -0
- package/dist/hub/components/ChatMessage.d.ts.map +1 -0
- package/dist/hub/components/ChatMessage.js +23 -0
- package/dist/hub/components/ChatMessage.js.map +1 -0
- package/dist/hub/components/HubHeader.d.ts +12 -0
- package/dist/hub/components/HubHeader.d.ts.map +1 -0
- package/dist/hub/components/HubHeader.js +12 -0
- package/dist/hub/components/HubHeader.js.map +1 -0
- package/dist/hub/components/index.d.ts +7 -0
- package/dist/hub/components/index.d.ts.map +1 -0
- package/dist/hub/components/index.js +7 -0
- package/dist/hub/components/index.js.map +1 -0
- package/dist/tui/App.d.ts.map +1 -1
- package/dist/tui/App.js +7 -6
- package/dist/tui/App.js.map +1 -1
- package/dist/tui/components/ChatPanel.d.ts +1 -1
- package/dist/tui/components/ChatPanel.d.ts.map +1 -1
- package/dist/tui/components/ChatPanel.js +37 -26
- package/dist/tui/components/ChatPanel.js.map +1 -1
- package/dist/tui/components/DAGPanel.d.ts +3 -4
- package/dist/tui/components/DAGPanel.d.ts.map +1 -1
- package/dist/tui/components/DAGPanel.js +44 -36
- package/dist/tui/components/DAGPanel.js.map +1 -1
- package/dist/tui/components/Header.d.ts.map +1 -1
- package/dist/tui/components/Header.js +54 -36
- package/dist/tui/components/Header.js.map +1 -1
- package/dist/tui/components/HelpOverlay.d.ts.map +1 -1
- package/dist/tui/components/HelpOverlay.js +7 -5
- package/dist/tui/components/HelpOverlay.js.map +1 -1
- package/dist/tui/components/InputBar.d.ts.map +1 -1
- package/dist/tui/components/InputBar.js +25 -13
- package/dist/tui/components/InputBar.js.map +1 -1
- package/dist/tui/components/LogsPanel.d.ts.map +1 -1
- package/dist/tui/components/LogsPanel.js +23 -17
- package/dist/tui/components/LogsPanel.js.map +1 -1
- package/dist/tui/components/MemoryPanel.d.ts +1 -1
- package/dist/tui/components/MemoryPanel.d.ts.map +1 -1
- package/dist/tui/components/MemoryPanel.js +24 -31
- package/dist/tui/components/MemoryPanel.js.map +1 -1
- package/dist/tui/components/MetricsPanel.d.ts +1 -1
- package/dist/tui/components/MetricsPanel.d.ts.map +1 -1
- package/dist/tui/components/MetricsPanel.js +10 -13
- package/dist/tui/components/MetricsPanel.js.map +1 -1
- package/dist/tui/components/SelectMenu.d.ts +20 -0
- package/dist/tui/components/SelectMenu.d.ts.map +1 -0
- package/dist/tui/components/SelectMenu.js +19 -0
- package/dist/tui/components/SelectMenu.js.map +1 -0
- package/dist/tui/components/StatusPanel.d.ts +1 -1
- package/dist/tui/components/StatusPanel.d.ts.map +1 -1
- package/dist/tui/components/StatusPanel.js +26 -18
- package/dist/tui/components/StatusPanel.js.map +1 -1
- package/dist/tui/components/animations/ProgressBar.d.ts +8 -1
- package/dist/tui/components/animations/ProgressBar.d.ts.map +1 -1
- package/dist/tui/components/animations/ProgressBar.js +52 -26
- package/dist/tui/components/animations/ProgressBar.js.map +1 -1
- package/dist/tui/components/animations/Pulse.d.ts +11 -3
- package/dist/tui/components/animations/Pulse.d.ts.map +1 -1
- package/dist/tui/components/animations/Pulse.js +23 -14
- package/dist/tui/components/animations/Pulse.js.map +1 -1
- package/dist/tui/components/animations/Spinner.d.ts +2 -1
- package/dist/tui/components/animations/Spinner.d.ts.map +1 -1
- package/dist/tui/components/animations/Spinner.js +31 -16
- package/dist/tui/components/animations/Spinner.js.map +1 -1
- package/dist/tui/components/animations/StatusAnimator.d.ts +3 -0
- package/dist/tui/components/animations/StatusAnimator.d.ts.map +1 -1
- package/dist/tui/components/animations/StatusAnimator.js +43 -28
- package/dist/tui/components/animations/StatusAnimator.js.map +1 -1
- package/dist/tui/components/animations/TypingEffect.d.ts +1 -0
- package/dist/tui/components/animations/TypingEffect.d.ts.map +1 -1
- package/dist/tui/components/animations/TypingEffect.js +13 -7
- package/dist/tui/components/animations/TypingEffect.js.map +1 -1
- package/dist/tui/components/animations/index.d.ts +3 -2
- package/dist/tui/components/animations/index.d.ts.map +1 -1
- package/dist/tui/components/animations/index.js +2 -2
- package/dist/tui/components/animations/index.js.map +1 -1
- package/dist/tui/components/composed/Button.d.ts +18 -0
- package/dist/tui/components/composed/Button.d.ts.map +1 -0
- package/dist/tui/components/composed/Button.js +22 -0
- package/dist/tui/components/composed/Button.js.map +1 -0
- package/dist/tui/components/composed/Divider.d.ts +13 -0
- package/dist/tui/components/composed/Divider.d.ts.map +1 -0
- package/dist/tui/components/composed/Divider.js +18 -0
- package/dist/tui/components/composed/Divider.js.map +1 -0
- package/dist/tui/components/composed/StatusBadge.d.ts +14 -0
- package/dist/tui/components/composed/StatusBadge.d.ts.map +1 -0
- package/dist/tui/components/composed/StatusBadge.js +28 -0
- package/dist/tui/components/composed/StatusBadge.js.map +1 -0
- package/dist/tui/components/composed/index.d.ts +7 -0
- package/dist/tui/components/composed/index.d.ts.map +1 -0
- package/dist/tui/components/composed/index.js +7 -0
- package/dist/tui/components/composed/index.js.map +1 -0
- package/dist/tui/components/layouts/Container.d.ts +14 -0
- package/dist/tui/components/layouts/Container.d.ts.map +1 -0
- package/dist/tui/components/layouts/Container.js +10 -0
- package/dist/tui/components/layouts/Container.js.map +1 -0
- package/dist/tui/components/layouts/Grid.d.ts +14 -0
- package/dist/tui/components/layouts/Grid.d.ts.map +1 -0
- package/dist/tui/components/layouts/Grid.js +13 -0
- package/dist/tui/components/layouts/Grid.js.map +1 -0
- package/dist/tui/components/layouts/Stack.d.ts +32 -0
- package/dist/tui/components/layouts/Stack.d.ts.map +1 -0
- package/dist/tui/components/layouts/Stack.js +17 -0
- package/dist/tui/components/layouts/Stack.js.map +1 -0
- package/dist/tui/components/layouts/index.d.ts +7 -0
- package/dist/tui/components/layouts/index.d.ts.map +1 -0
- package/dist/tui/components/layouts/index.js +7 -0
- package/dist/tui/components/layouts/index.js.map +1 -0
- package/dist/tui/components/primitives/Box.d.ts +28 -0
- package/dist/tui/components/primitives/Box.d.ts.map +1 -0
- package/dist/tui/components/primitives/Box.js +38 -0
- package/dist/tui/components/primitives/Box.js.map +1 -0
- package/dist/tui/components/primitives/Panel.d.ts +17 -0
- package/dist/tui/components/primitives/Panel.d.ts.map +1 -0
- package/dist/tui/components/primitives/Panel.js +12 -0
- package/dist/tui/components/primitives/Panel.js.map +1 -0
- package/dist/tui/components/primitives/Text.d.ts +18 -0
- package/dist/tui/components/primitives/Text.d.ts.map +1 -0
- package/dist/tui/components/primitives/Text.js +21 -0
- package/dist/tui/components/primitives/Text.js.map +1 -0
- package/dist/tui/components/primitives/index.d.ts +7 -0
- package/dist/tui/components/primitives/index.d.ts.map +1 -0
- package/dist/tui/components/primitives/index.js +7 -0
- package/dist/tui/components/primitives/index.js.map +1 -0
- package/dist/tui/hooks/useTerminalSize.d.ts +3 -0
- package/dist/tui/hooks/useTerminalSize.d.ts.map +1 -1
- package/dist/tui/hooks/useTerminalSize.js +36 -10
- package/dist/tui/hooks/useTerminalSize.js.map +1 -1
- package/dist/tui/styles/colors.d.ts +4 -0
- package/dist/tui/styles/colors.d.ts.map +1 -1
- package/dist/tui/styles/colors.js +54 -14
- package/dist/tui/styles/colors.js.map +1 -1
- package/dist/tui/styles/design-system.d.ts +107 -0
- package/dist/tui/styles/design-system.d.ts.map +1 -0
- package/dist/tui/styles/design-system.js +140 -0
- package/dist/tui/styles/design-system.js.map +1 -0
- package/dist/tui/styles/index.d.ts +4 -2
- package/dist/tui/styles/index.d.ts.map +1 -1
- package/dist/tui/styles/index.js +3 -2
- package/dist/tui/styles/index.js.map +1 -1
- package/dist/tui/styles/themes.d.ts +10 -0
- package/dist/tui/styles/themes.d.ts.map +1 -1
- package/dist/tui/styles/themes.js +137 -47
- package/dist/tui/styles/themes.js.map +1 -1
- package/dist/tui/styles/tokens.d.ts +262 -0
- package/dist/tui/styles/tokens.d.ts.map +1 -0
- package/dist/tui/styles/tokens.js +230 -0
- package/dist/tui/styles/tokens.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ChatInput - Input bar pour le hub avec commandes visuelles
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
interface ChatInputProps {
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
value?: string;
|
|
8
|
+
focused?: boolean;
|
|
9
|
+
width?: number | string;
|
|
10
|
+
height?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare const ChatInput: React.FC<ChatInputProps>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=ChatInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/hub/components/ChatInput.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,cAAc;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6B9C,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box } from "../../tui/components/primitives/Box.js";
|
|
3
|
+
import { Text } from "../../tui/components/primitives/Text.js";
|
|
4
|
+
import { getCurrentTheme } from "../../tui/styles/colors.js";
|
|
5
|
+
import { indicators } from "../../tui/styles/design-system.js";
|
|
6
|
+
export const ChatInput = ({ placeholder = "Type message or /command...", value = "", focused = false, width = "100%", height = 1, }) => {
|
|
7
|
+
const theme = getCurrentTheme();
|
|
8
|
+
const borderColor = focused ? theme.colors.primary : theme.colors.border;
|
|
9
|
+
const displayText = value || placeholder;
|
|
10
|
+
const isDim = !value;
|
|
11
|
+
return (_jsxs(Box, { width: width, height: height, flexDirection: "row", gap: 1, paddingX: 1, borderTopColor: borderColor, borderBottomColor: borderColor, alignItems: "center", children: [_jsx(Text, { color: "primary", children: indicators.arrow }), _jsx(Text, { color: isDim ? "tertiary" : "primary", dim: isDim, children: displayText.length > 0 ? displayText : placeholder })] }));
|
|
12
|
+
};
|
|
13
|
+
ChatInput.displayName = "ChatInput";
|
|
14
|
+
//# sourceMappingURL=ChatInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatInput.js","sourceRoot":"","sources":["../../../src/hub/components/ChatInput.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAU/D,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,WAAW,GAAG,6BAA6B,EAC3C,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,CAAC,GACX,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;IACzE,MAAM,WAAW,GAAG,KAAK,IAAI,WAAW,CAAC;IACzC,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC;IAErB,OAAO,CACL,MAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,aAAa,EAAC,KAAK,EACnB,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,CAAC,EACX,cAAc,EAAE,WAAW,EAC3B,iBAAiB,EAAE,WAAW,EAC9B,UAAU,EAAC,QAAQ,aAEnB,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,YAAE,UAAU,CAAC,KAAK,GAAQ,EAC/C,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,YACpD,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAC9C,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ChatMessage - Renders a single chat message with styling
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
type MessageRole = "user" | "assistant" | "system";
|
|
6
|
+
interface ChatMessageProps {
|
|
7
|
+
role: MessageRole;
|
|
8
|
+
content: string;
|
|
9
|
+
timestamp?: boolean;
|
|
10
|
+
width?: number | string;
|
|
11
|
+
}
|
|
12
|
+
export declare const ChatMessage: React.FC<ChatMessageProps>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=ChatMessage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/hub/components/ChatMessage.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEnD,UAAU,gBAAgB;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAcD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuBlD,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box } from "../../tui/components/primitives/Box.js";
|
|
3
|
+
import { Text } from "../../tui/components/primitives/Text.js";
|
|
4
|
+
import { getCurrentTheme } from "../../tui/styles/colors.js";
|
|
5
|
+
import { indicators } from "../../tui/styles/design-system.js";
|
|
6
|
+
const roleIcons = {
|
|
7
|
+
user: indicators.arrow,
|
|
8
|
+
assistant: indicators.bullet,
|
|
9
|
+
system: indicators.info,
|
|
10
|
+
};
|
|
11
|
+
const roleColors = {
|
|
12
|
+
user: "primary",
|
|
13
|
+
assistant: "secondary",
|
|
14
|
+
system: "info",
|
|
15
|
+
};
|
|
16
|
+
export const ChatMessage = ({ role, content, timestamp = false, width = "100%", }) => {
|
|
17
|
+
const theme = getCurrentTheme();
|
|
18
|
+
const icon = roleIcons[role];
|
|
19
|
+
const color = roleColors[role];
|
|
20
|
+
return (_jsxs(Box, { flexDirection: "column", width: width, marginY: 0, children: [_jsxs(Box, { flexDirection: "row", gap: 1, marginBottom: 1, children: [_jsx(Text, { color: color, children: icon }), _jsx(Text, { color: color, bold: true, children: role })] }), _jsx(Box, { flexDirection: "row", paddingLeft: 3, width: "100%", children: _jsx(Text, { color: role === "system" ? "tertiary" : "primary", children: content }) })] }));
|
|
21
|
+
};
|
|
22
|
+
ChatMessage.displayName = "ChatMessage";
|
|
23
|
+
//# sourceMappingURL=ChatMessage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../src/hub/components/ChatMessage.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAW/D,MAAM,SAAS,GAAgC;IAC7C,IAAI,EAAE,UAAU,CAAC,KAAK;IACtB,SAAS,EAAE,UAAU,CAAC,MAAM;IAC5B,MAAM,EAAE,UAAU,CAAC,IAAI;CACxB,CAAC;AAEF,MAAM,UAAU,GAA0D;IACxE,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,MAAM,GACf,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAE/B,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,aAClD,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,aAC9C,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YAAG,IAAI,GAAQ,EACjC,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,kBACrB,IAAI,GACA,IACH,EACN,KAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,WAAW,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,YACnD,KAAC,IAAI,IAAC,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,YAAG,OAAO,GAAQ,GACrE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* HubHeader - Minimaliste header pour le hub
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
interface HubHeaderProps {
|
|
6
|
+
title?: string;
|
|
7
|
+
subtitle?: string;
|
|
8
|
+
showDivider?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const HubHeader: React.FC<HubHeaderProps>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=HubHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HubHeader.d.ts","sourceRoot":"","sources":["../../../src/hub/components/HubHeader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuB9C,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box } from "../../tui/components/primitives/Box.js";
|
|
3
|
+
import { Text } from "../../tui/components/primitives/Text.js";
|
|
4
|
+
import { Divider } from "../../tui/components/composed/Divider.js";
|
|
5
|
+
import { getCurrentTheme } from "../../tui/styles/colors.js";
|
|
6
|
+
import { indicators } from "../../tui/styles/design-system.js";
|
|
7
|
+
export const HubHeader = ({ title = "RAX Flow Hub", subtitle, showDivider = true, }) => {
|
|
8
|
+
const theme = getCurrentTheme();
|
|
9
|
+
return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsxs(Box, { flexDirection: "row", gap: 1, alignItems: "center", children: [_jsx(Text, { bold: true, color: "primary", children: indicators.online }), _jsx(Text, { bold: true, children: title })] }), subtitle && (_jsx(Text, { color: "secondary", dim: true, children: subtitle })), showDivider && _jsx(Divider, { margin: 0 })] }));
|
|
10
|
+
};
|
|
11
|
+
HubHeader.displayName = "HubHeader";
|
|
12
|
+
//# sourceMappingURL=HubHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HubHeader.js","sourceRoot":"","sources":["../../../src/hub/components/HubHeader.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAQ/D,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,KAAK,GAAG,cAAc,EACtB,QAAQ,EACR,WAAW,GAAG,IAAI,GACnB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,aACtC,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAClD,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,SAAS,YACvB,UAAU,CAAC,MAAM,GACb,EACP,KAAC,IAAI,IAAC,IAAI,kBAAE,KAAK,GAAQ,IACrB,EACL,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,GAAG,kBACxB,QAAQ,GACJ,CACR,EACA,WAAW,IAAI,KAAC,OAAO,IAAC,MAAM,EAAE,CAAC,GAAI,IAClC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hub/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hub/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
package/dist/tui/App.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/tui/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/tui/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,eAAO,MAAM,GAAG,oCAiSd,CAAC"}
|
package/dist/tui/App.js
CHANGED
|
@@ -28,7 +28,7 @@ export const App = React.memo(function App() {
|
|
|
28
28
|
setTheme(state.theme);
|
|
29
29
|
}, [state.theme]);
|
|
30
30
|
const viewMode = state.viewMode;
|
|
31
|
-
const { layoutMode, availableWidth, availableHeight } = terminalSize;
|
|
31
|
+
const { layoutMode, availableWidth, availableHeight, isCompact, isMinimal } = terminalSize;
|
|
32
32
|
const panelWidths = useMemo(() => calculatePanelWidths(layoutMode, viewMode === "minimal" ? "single" : "split", availableWidth), [layoutMode, viewMode, availableWidth]);
|
|
33
33
|
useEffect(() => {
|
|
34
34
|
intervalRef.current = setInterval(() => {
|
|
@@ -46,7 +46,6 @@ export const App = React.memo(function App() {
|
|
|
46
46
|
});
|
|
47
47
|
}, []);
|
|
48
48
|
useInput((input, key) => {
|
|
49
|
-
// Handle interactive command navigation
|
|
50
49
|
if (state.interactiveCommand.type) {
|
|
51
50
|
if (key.upArrow) {
|
|
52
51
|
handleInteractiveCommandNavigation("up");
|
|
@@ -64,6 +63,7 @@ export const App = React.memo(function App() {
|
|
|
64
63
|
handleInteractiveCommandNavigation("escape");
|
|
65
64
|
return;
|
|
66
65
|
}
|
|
66
|
+
return;
|
|
67
67
|
}
|
|
68
68
|
if (key.ctrl && (input === "c" || input === "d")) {
|
|
69
69
|
exit();
|
|
@@ -85,7 +85,7 @@ export const App = React.memo(function App() {
|
|
|
85
85
|
handleTab();
|
|
86
86
|
return;
|
|
87
87
|
}
|
|
88
|
-
}
|
|
88
|
+
});
|
|
89
89
|
const handleSubmit = useCallback((input) => {
|
|
90
90
|
const trimmed = input.trim();
|
|
91
91
|
if (!trimmed)
|
|
@@ -173,9 +173,10 @@ export const App = React.memo(function App() {
|
|
|
173
173
|
model: state.model,
|
|
174
174
|
}), [handleSubmit, state.suggestions, state.isProcessing, state.projectName, availableWidth, state.model]);
|
|
175
175
|
const actualViewMode = viewMode === "minimal" ? "minimal" : viewMode;
|
|
176
|
-
const
|
|
177
|
-
const
|
|
178
|
-
const
|
|
176
|
+
const theme = getCurrentTheme();
|
|
177
|
+
const renderFullLayout = () => (_jsxs(Box, { flexDirection: "column", width: availableWidth, flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(ChatPanel, { ...chatPanelProps }), _jsx(DAGPanel, { ...dagPanelProps }), _jsx(LogsPanel, { ...logsPanelProps }), _jsxs(Box, { flexDirection: "column", width: panelWidths.metrics, children: [_jsx(MetricsPanel, { ...metricsPanelProps }), _jsx(MemoryPanel, { ...memoryPanelProps })] })] }), state.interactiveCommand.type && (_jsx(Box, { width: availableWidth, borderStyle: "single", borderColor: theme.colors.borderActive, paddingX: 1, children: _jsx(InteractiveMenu, { type: state.interactiveCommand.type, options: state.interactiveCommand.options, selectedIndex: state.interactiveCommand.selectedIndex, width: availableWidth - 4 }) }))] }));
|
|
178
|
+
const renderCompactLayout = () => (_jsxs(Box, { flexDirection: "column", width: availableWidth, flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(ChatPanel, { ...chatPanelProps }), _jsx(DAGPanel, { ...dagPanelProps }), _jsx(StatusPanel, { ...statusPanelProps })] }), state.interactiveCommand.type && (_jsx(Box, { width: availableWidth, borderStyle: "single", borderColor: theme.colors.borderActive, paddingX: 1, children: _jsx(InteractiveMenu, { type: state.interactiveCommand.type, options: state.interactiveCommand.options, selectedIndex: state.interactiveCommand.selectedIndex, width: availableWidth - 4 }) }))] }));
|
|
179
|
+
const renderMinimalLayout = () => (_jsxs(Box, { flexDirection: "column", width: availableWidth, flexGrow: 1, children: [_jsxs(Box, { flexGrow: 1, children: [activePanel === "chat" && _jsx(ChatPanel, { ...chatPanelProps }), activePanel === "dag" && _jsx(DAGPanel, { ...dagPanelProps }), activePanel === "status" && _jsx(StatusPanel, { ...statusPanelProps }), activePanel === "logs" && _jsx(LogsPanel, { ...logsPanelProps }), activePanel === "metrics" && _jsx(MetricsPanel, { ...metricsPanelProps, maxHeight: availableHeight }), activePanel === "memory" && _jsx(MemoryPanel, { ...memoryPanelProps, maxHeight: availableHeight })] }), state.interactiveCommand.type && (_jsx(Box, { width: availableWidth, borderStyle: "single", borderColor: theme.colors.borderActive, paddingX: 1, children: _jsx(InteractiveMenu, { type: state.interactiveCommand.type, options: state.interactiveCommand.options, selectedIndex: state.interactiveCommand.selectedIndex, width: availableWidth - 4 }) }))] }));
|
|
179
180
|
return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsx(Header, { ...headerProps }), showHelp ? (_jsx(HelpOverlay, { onDismiss: handleDismissHelp })) : (_jsxs(_Fragment, { children: [actualViewMode === "full" && renderFullLayout(), actualViewMode === "compact" && renderCompactLayout(), actualViewMode === "minimal" && renderMinimalLayout(), _jsx(InputBar, { ...inputBarProps })] }))] }));
|
|
180
181
|
});
|
|
181
182
|
//# sourceMappingURL=App.js.map
|
package/dist/tui/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/tui/App.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,GAAG,EAAQ,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/tui/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/tui/components/ChatPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAMlE,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;IACf,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;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;
|
|
1
|
+
{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/tui/components/ChatPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAMlE,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;IACf,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;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwFD,eAAO,MAAM,SAAS,4CAyFpB,CAAC;AAEH,YAAY,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React, { useState, useEffect, useMemo, memo } from "react";
|
|
3
3
|
import { Box, Text } from "ink";
|
|
4
|
-
import { formatTimestamp } from "../styles/index.js";
|
|
5
4
|
import { TypingEffect, ProcessingIndicator } from "./animations/index.js";
|
|
6
5
|
import { getCurrentTheme } from "../styles/colors.js";
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const
|
|
6
|
+
import { indicators } from "../styles/tokens.js";
|
|
7
|
+
const TYPING_SPEED = 20;
|
|
8
|
+
const TYPING_BUFFER_MS = 300;
|
|
9
|
+
const MESSAGE_ICONS = {
|
|
10
|
+
user: indicators.arrow,
|
|
11
|
+
system: indicators.info,
|
|
12
|
+
agent: indicators.diamond,
|
|
13
|
+
error: indicators.error,
|
|
14
|
+
success: indicators.success,
|
|
15
|
+
};
|
|
16
|
+
const MessageItem = memo(function MessageItem({ message, animate = false, maxWidth, showDetails, }) {
|
|
10
17
|
const theme = getCurrentTheme();
|
|
11
|
-
const isDark = theme.name === "default";
|
|
12
18
|
const typeColors = {
|
|
13
19
|
user: theme.colors.textPrimary,
|
|
14
20
|
system: theme.colors.textTertiary,
|
|
@@ -16,35 +22,40 @@ const MessageItem = memo(function MessageItem({ message, animate = false, maxWid
|
|
|
16
22
|
error: theme.colors.error,
|
|
17
23
|
success: theme.colors.success,
|
|
18
24
|
};
|
|
19
|
-
const
|
|
20
|
-
user: "
|
|
21
|
-
system: "
|
|
22
|
-
agent: "
|
|
23
|
-
error: "
|
|
24
|
-
success: "
|
|
25
|
+
const typeLabels = {
|
|
26
|
+
user: "YOU",
|
|
27
|
+
system: "SYS",
|
|
28
|
+
agent: "AGENT",
|
|
29
|
+
error: "ERR",
|
|
30
|
+
success: "OK",
|
|
25
31
|
};
|
|
26
|
-
const
|
|
27
|
-
? `[${message.agent.toUpperCase().slice(0, 8)}]`
|
|
28
|
-
: typeTags[message.type];
|
|
29
|
-
const formattedTime = useMemo(() => formatTimestamp(message.timestamp), [message.timestamp]);
|
|
32
|
+
const icon = MESSAGE_ICONS[message.type] || indicators.bullet;
|
|
30
33
|
const color = typeColors[message.type] || theme.colors.textPrimary;
|
|
34
|
+
const label = message.agent
|
|
35
|
+
? message.agent.toUpperCase().slice(0, 6)
|
|
36
|
+
: typeLabels[message.type];
|
|
37
|
+
const formatTime = useMemo(() => {
|
|
38
|
+
const h = message.timestamp.getHours().toString().padStart(2, "0");
|
|
39
|
+
const m = message.timestamp.getMinutes().toString().padStart(2, "0");
|
|
40
|
+
return `${h}:${m}`;
|
|
41
|
+
}, [message.timestamp]);
|
|
31
42
|
const truncatedContent = useMemo(() => {
|
|
32
|
-
const
|
|
33
|
-
if (message.content.length >
|
|
34
|
-
return message.content.slice(0,
|
|
43
|
+
const maxLen = Math.max(20, maxWidth - 20);
|
|
44
|
+
if (message.content.length > maxLen * 3) {
|
|
45
|
+
return message.content.slice(0, maxLen * 3) + "…";
|
|
35
46
|
}
|
|
36
47
|
return message.content;
|
|
37
48
|
}, [message.content, maxWidth]);
|
|
38
|
-
return (_jsxs(Box, { flexDirection: "column", marginBottom:
|
|
49
|
+
return (_jsxs(Box, { flexDirection: "column", marginBottom: 0, children: [_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: theme.colors.textQuaternary, children: ["[", formatTime, "]"] }), _jsxs(Text, { color: color, bold: true, children: [" ", icon, " "] }), _jsx(Text, { color: color, bold: true, children: label.padEnd(6) }), showDetails && message.model && (_jsxs(Text, { color: theme.colors.textQuaternary, children: [" [", message.model.slice(0, 10), "]"] }))] }), animate ? (_jsx(TypingEffect, { text: truncatedContent, speed: TYPING_SPEED, showCursor: false, prefix: " " })) : (_jsxs(Text, { color: theme.colors.textPrimary, children: [" ", truncatedContent] }))] }));
|
|
39
50
|
});
|
|
40
|
-
export const ChatPanel = memo(function ChatPanel({ messages, isProcessing, isActive, maxHeight = 20, width = 60, model }) {
|
|
51
|
+
export const ChatPanel = memo(function ChatPanel({ messages, isProcessing, isActive, maxHeight = 20, width = 60, model, }) {
|
|
41
52
|
const theme = getCurrentTheme();
|
|
42
|
-
const isDark = theme.name === "default";
|
|
43
53
|
const borderColor = isActive
|
|
44
|
-
? theme.colors.
|
|
54
|
+
? theme.colors.borderActive
|
|
45
55
|
: theme.colors.border;
|
|
46
56
|
const [animatingMessageId, setAnimatingMessageId] = useState(null);
|
|
47
57
|
const timeoutRef = React.useRef(null);
|
|
58
|
+
const compact = width < 50;
|
|
48
59
|
const maxMsgs = Math.max(2, Math.floor((maxHeight - 4) / 3));
|
|
49
60
|
const displayMessages = useMemo(() => messages.slice(-maxMsgs), [messages, maxMsgs]);
|
|
50
61
|
useEffect(() => {
|
|
@@ -58,14 +69,14 @@ export const ChatPanel = memo(function ChatPanel({ messages, isProcessing, isAct
|
|
|
58
69
|
setAnimatingMessageId(lastMessage.id);
|
|
59
70
|
timeoutRef.current = setTimeout(() => {
|
|
60
71
|
setAnimatingMessageId(null);
|
|
61
|
-
}, lastMessage.content.length *
|
|
72
|
+
}, lastMessage.content.length * TYPING_SPEED + TYPING_BUFFER_MS);
|
|
62
73
|
return () => {
|
|
63
74
|
if (timeoutRef.current)
|
|
64
75
|
clearTimeout(timeoutRef.current);
|
|
65
76
|
};
|
|
66
77
|
}, [messages]);
|
|
67
|
-
const messageElements = useMemo(() => displayMessages.map((msg) => (_jsx(MessageItem, { message: msg, animate: msg.id === animatingMessageId, maxWidth: width,
|
|
68
|
-
const title = "
|
|
69
|
-
return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, width: width, height: maxHeight, borderStyle: "single", borderColor: borderColor, paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, flexShrink: 0, children: [_jsx(Text, { color: theme.colors.primary, bold: true, children:
|
|
78
|
+
const messageElements = useMemo(() => displayMessages.map((msg) => (_jsx(MessageItem, { message: msg, animate: msg.id === animatingMessageId, maxWidth: width, showDetails: !compact }, msg.id))), [displayMessages, animatingMessageId, width, compact]);
|
|
79
|
+
const title = compact ? "CHAT" : "CHAT";
|
|
80
|
+
return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, width: width, height: maxHeight, borderStyle: "single", borderColor: borderColor, paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, flexShrink: 0, children: [_jsx(Text, { color: theme.colors.primary, bold: true, children: indicators.square }), _jsxs(Text, { color: theme.colors.textPrimary, bold: true, children: [" ", title] }), !compact && model && (_jsxs(Text, { color: theme.colors.textQuaternary, children: [" [", model.slice(0, 12), "]"] }))] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [messages.length === 0 ? (_jsx(Text, { color: theme.colors.textTertiary, children: compact ? "No messages" : "Start a conversation…" })) : (messageElements), isProcessing && _jsx(ProcessingIndicator, { text: "Processing", spinnerType: "dots" })] })] }));
|
|
70
81
|
});
|
|
71
82
|
//# sourceMappingURL=ChatPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatPanel.js","sourceRoot":"","sources":["../../../src/tui/components/ChatPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ChatPanel.js","sourceRoot":"","sources":["../../../src/tui/components/ChatPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { AgentState } from "./AgentStateIcon.js";
|
|
3
2
|
interface DAGSubtask {
|
|
4
3
|
id: string;
|
|
5
4
|
name: string;
|
|
6
|
-
state
|
|
5
|
+
state?: string;
|
|
7
6
|
}
|
|
8
7
|
interface DAGNode {
|
|
9
8
|
id: string;
|
|
10
9
|
name: string;
|
|
11
10
|
status: "pending" | "running" | "done" | "error";
|
|
12
11
|
agent?: string;
|
|
13
|
-
state?:
|
|
12
|
+
state?: string;
|
|
14
13
|
executionTime?: number;
|
|
15
14
|
detail?: string;
|
|
16
15
|
subtasks?: DAGSubtask[];
|
|
@@ -19,7 +18,7 @@ interface DAGLevel {
|
|
|
19
18
|
name: string;
|
|
20
19
|
progress: number;
|
|
21
20
|
nodes: DAGNode[];
|
|
22
|
-
status?:
|
|
21
|
+
status?: "done" | "running" | "pending";
|
|
23
22
|
}
|
|
24
23
|
interface WorkflowState {
|
|
25
24
|
levels: DAGLevel[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DAGPanel.d.ts","sourceRoot":"","sources":["../../../src/tui/components/DAGPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DAGPanel.d.ts","sourceRoot":"","sources":["../../../src/tui/components/DAGPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAM7C,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;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,MAAM,CAAC;IACf,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;AAiGD,UAAU,aAAa;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,2CA8EnB,CAAC;AAEH,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,53 +1,61 @@
|
|
|
1
|
-
import { jsxs as _jsxs, jsx as _jsx
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo, memo } from "react";
|
|
3
3
|
import { Box, Text } from "ink";
|
|
4
|
-
import { getStatusIndicator, getSpinnerFrame, treeChars } from "../styles/index.js";
|
|
5
4
|
import { AnimatedProgressBar } from "./animations/index.js";
|
|
6
|
-
import { AgentStateIcon } from "./AgentStateIcon.js";
|
|
7
5
|
import { getCurrentTheme } from "../styles/colors.js";
|
|
6
|
+
import { indicators } from "../styles/tokens.js";
|
|
7
|
+
const STATUS_ICONS = {
|
|
8
|
+
pending: "○",
|
|
9
|
+
running: "◐",
|
|
10
|
+
done: "●",
|
|
11
|
+
error: "✗",
|
|
12
|
+
};
|
|
13
|
+
function getNodeIcon(status, tick) {
|
|
14
|
+
if (status === "running") {
|
|
15
|
+
const frames = ["◐", "◓", "◑", "◒"];
|
|
16
|
+
return frames[tick % frames.length];
|
|
17
|
+
}
|
|
18
|
+
return STATUS_ICONS[status] || "○";
|
|
19
|
+
}
|
|
8
20
|
const DAGNodeItem = memo(function DAGNodeItem({ node, tick, isLast, compact }) {
|
|
9
21
|
const theme = getCurrentTheme();
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
const
|
|
24
|
-
? getSpinnerFrame(tick, "dots")
|
|
25
|
-
: statusInfo.icon;
|
|
26
|
-
const prefix = isLast ? treeChars.lastBranch : treeChars.branch;
|
|
22
|
+
const statusColor = useMemo(() => {
|
|
23
|
+
switch (node.status) {
|
|
24
|
+
case "done":
|
|
25
|
+
return theme.colors.success;
|
|
26
|
+
case "running":
|
|
27
|
+
return theme.colors.warning;
|
|
28
|
+
case "error":
|
|
29
|
+
return theme.colors.error;
|
|
30
|
+
default:
|
|
31
|
+
return theme.colors.textTertiary;
|
|
32
|
+
}
|
|
33
|
+
}, [node.status, theme]);
|
|
34
|
+
const icon = getNodeIcon(node.status, tick);
|
|
35
|
+
const prefix = isLast ? "└─" : "├─";
|
|
27
36
|
const timeStr = node.executionTime ? `${node.executionTime.toFixed(1)}s` : "";
|
|
28
|
-
const nodeName = compact ? node.name.slice(0,
|
|
29
|
-
return (
|
|
37
|
+
const nodeName = compact ? node.name.slice(0, 10) : node.name.slice(0, 16);
|
|
38
|
+
return (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: theme.colors.textQuaternary, children: [prefix, " "] }), _jsxs(Text, { color: statusColor, children: [icon, " "] }), _jsx(Text, { color: theme.colors.textPrimary, children: nodeName.padEnd(compact ? 10 : 16) }), timeStr && !compact && (_jsxs(Text, { color: theme.colors.textTertiary, children: [" ", timeStr] }))] }));
|
|
30
39
|
});
|
|
31
40
|
const DAGLevelView = memo(function DAGLevelView({ level, tick, isActive, compact }) {
|
|
32
41
|
const theme = getCurrentTheme();
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
: (isDark ? "#a0a0a0" : "#475569");
|
|
37
|
-
return (_jsxs(Box, { flexDirection: "column", marginBottom: compact ? 0 : 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: levelColor, bold: true, children: level.name.slice(0, compact ? 8 : 12).padEnd(compact ? 8 : 12) }), _jsx(AnimatedProgressBar, { progress: level.progress, width: compact ? 10 : 16, tick: tick, animated: isActive, showMarker: isActive, glowEffect: isActive })] }), !compact && (_jsx(Box, { flexDirection: "row", children: _jsx(Text, { color: isActive ? (theme.colors.primary) : (theme.colors.textTertiary), children: isActive ? "┃" : "│" }) })), level.nodes.map((node, idx) => (_jsx(DAGNodeItem, { node: node, tick: tick, isLast: idx === level.nodes.length - 1, compact: compact }, node.id)))] }));
|
|
42
|
+
const levelColor = isActive ? theme.colors.primary : theme.colors.textSecondary;
|
|
43
|
+
const levelName = compact ? level.name.slice(0, 6) : level.name.slice(0, 10);
|
|
44
|
+
return (_jsxs(Box, { flexDirection: "column", marginBottom: compact ? 0 : 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: levelColor, bold: true, children: levelName.padEnd(compact ? 6 : 10) }), _jsx(Text, { color: theme.colors.textQuaternary, children: " \u2502 " }), _jsx(AnimatedProgressBar, { progress: level.progress, width: compact ? 8 : 14, tick: tick, animated: isActive, showMarker: isActive, glowEffect: isActive, compact: compact })] }), level.nodes.map((node, idx) => (_jsx(DAGNodeItem, { node: node, tick: tick, isLast: idx === level.nodes.length - 1, compact: compact }, node.id)))] }));
|
|
38
45
|
});
|
|
39
|
-
export const DAGPanel = memo(function DAGPanel({ workflowState, tick, isActive, maxHeight = 20, width = 46 }) {
|
|
46
|
+
export const DAGPanel = memo(function DAGPanel({ workflowState, tick, isActive, maxHeight = 20, width = 46, }) {
|
|
40
47
|
const theme = getCurrentTheme();
|
|
41
|
-
const isDark = theme.name === "default";
|
|
42
48
|
const borderColor = isActive
|
|
43
|
-
?
|
|
44
|
-
:
|
|
49
|
+
? theme.colors.borderActive
|
|
50
|
+
: theme.colors.border;
|
|
45
51
|
const compact = width < 40 || maxHeight < 15;
|
|
46
|
-
const visibleLevels =
|
|
52
|
+
const visibleLevels = useMemo(() => {
|
|
53
|
+
const levelHeight = compact ? 3 : 5;
|
|
54
|
+
return Math.max(1, Math.floor((maxHeight - 6) / levelHeight));
|
|
55
|
+
}, [maxHeight, compact]);
|
|
47
56
|
const levelViews = useMemo(() => workflowState.levels.slice(0, visibleLevels).map((level, index) => (_jsx(DAGLevelView, { level: level, tick: tick, isActive: index === workflowState.currentLevel, compact: compact }, level.name))), [workflowState.levels, workflowState.currentLevel, tick, visibleLevels, compact]);
|
|
48
|
-
const isAnimating =
|
|
49
|
-
const title = compact ? "
|
|
50
|
-
|
|
51
|
-
return (_jsxs(Box, { flexDirection: "column", width: width, height: maxHeight, borderStyle: "single", borderColor: borderColor, paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, flexShrink: 0, children: [_jsx(Text, { color: primaryColor, bold: true, children: "\u250C\u2500" }), _jsx(Text, { color: primaryColor, bold: true, children: title }), _jsx(Text, { color: theme.colors.textTertiary, children: "─".repeat(Math.max(5, width - (compact ? 12 : 18))) })] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: levelViews }), !compact && (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 1, flexShrink: 0, children: _jsx(Text, { color: theme.colors.textTertiary, children: "\u251C\u2500 TOTAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }) }), _jsxs(Box, { flexDirection: "row", flexShrink: 0, children: [_jsx(Text, { color: isDark ? "#a0a0a0" : "#475569", children: "Progress: " }), _jsx(AnimatedProgressBar, { progress: workflowState.totalProgress, width: 10, tick: tick, animated: isAnimating, showMarker: true })] })] }))] }));
|
|
57
|
+
const isAnimating = workflowState.totalProgress > 0 && workflowState.totalProgress < 100;
|
|
58
|
+
const title = compact ? "DAG" : "DAG";
|
|
59
|
+
return (_jsxs(Box, { flexDirection: "column", width: width, height: maxHeight, borderStyle: "single", borderColor: borderColor, paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, flexShrink: 0, children: [_jsx(Text, { color: theme.colors.primary, bold: true, children: indicators.square }), _jsxs(Text, { color: theme.colors.textPrimary, bold: true, children: [" ", title] })] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: workflowState.levels.length === 0 ? (_jsx(Text, { color: theme.colors.textTertiary, children: compact ? "No workflow" : "No active workflow" })) : (levelViews) }), !compact && workflowState.levels.length > 0 && (_jsx(Box, { flexDirection: "column", marginTop: 1, flexShrink: 0, children: _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: theme.colors.textTertiary, children: "TOTAL " }), _jsx(AnimatedProgressBar, { progress: workflowState.totalProgress, width: 12, tick: tick, animated: isAnimating, showMarker: true, compact: false })] }) }))] }));
|
|
52
60
|
});
|
|
53
61
|
//# sourceMappingURL=DAGPanel.js.map
|