- );
-}
diff --git a/client/src/i18n/locales/en/workflows.json b/client/src/i18n/locales/en/workflows.json
index 5dc8eef5..ad2065e1 100644
--- a/client/src/i18n/locales/en/workflows.json
+++ b/client/src/i18n/locales/en/workflows.json
@@ -58,11 +58,6 @@
"howToRead": "Each column is one layer. Box width is constant; the small badge is the count. Edges flow left-to-right; thicker edges = more frequent transitions. Hover any node for stats; click to filter the rest of the page by it.",
"why": "Use it to answer 'where does work go in my workflows?' - which subagent types dominate, where compaction kicks in, and which paths end in errors vs clean completions."
},
- "toolFlow": {
- "what": "A Sankey-style chart of consecutive tool-call transitions across every session in scope. Each band is one (source → target) pair counted across all sessions.",
- "howToRead": "Tools appear as colored bars on the left and right. Bands connect them: thickness = number of times the source ran immediately before the target. Hover a band for share-of-source and share-of-target percentages; hover a node for its total usage and share of all tool calls.",
- "why": "Surfaces habitual tool chains (e.g. Read → Edit → Bash). Useful for spotting loops, wasted hops, and missing tool variety in agent behavior."
- },
"drillIn": {
"what": "Per-session detail view: full agent tree, tool-call timeline, and raw event sequence for whichever session you select.",
"howToRead": "Pick a session from the dropdown above or click a bubble in the scatter plot. The tabs let you switch between hierarchical (Agent Tree), temporal (Tool Timeline), and chronological (Event Sequence) views of the same session.",
@@ -221,24 +216,6 @@
}
}
},
- "toolFlow": {
- "title": "Tool Execution Flow",
- "subtitle": "How tools chain together - Sankey-style directed flow",
- "noData": "No tool flow data",
- "transitionCount_one": "{{count}} transition",
- "transitionCount_other": "{{count}} transitions",
- "tooltip": {
- "node": "Tool node",
- "link": "Tool transition",
- "totalCalls": "Total calls",
- "shareOfAll": "Share of all tool use",
- "transitionsObserved": "Transitions observed",
- "shareOfSourceFmt": "Share of {{source}} → next",
- "shareOfTargetFmt": "Share of prev → {{target}}",
- "nodeDescFmt": "Bar height shows how often {{name}} appears across all sessions in scope. Bands flowing in on the left show what ran before {{name}}; bands flowing out on the right show what ran after.",
- "linkDescFmt": "Across every session, this counts how often {{source}} ran immediately before {{target}}. Thicker bands = more common transitions; the percentages show how dominant this hop is among each tool's outgoing / incoming flow."
- }
- },
"drillIn": {
"title": "Session Drill-In",
"subtitle": "Select a session from the scatter plot or use the dropdown to explore",
diff --git a/client/src/i18n/locales/vi/workflows.json b/client/src/i18n/locales/vi/workflows.json
index ff0052ea..04bd39f1 100644
--- a/client/src/i18n/locales/vi/workflows.json
+++ b/client/src/i18n/locales/vi/workflows.json
@@ -58,11 +58,6 @@
"howToRead": "Mỗi cột là một lớp. Khung node có cùng kích thước; con số là số lần. Cạnh đi từ trái sang phải; cạnh càng dày = lượt chuyển càng phổ biến. Hover bất kỳ node để xem thống kê; bấm để lọc phần còn lại của trang theo node đó.",
"why": "Dùng để trả lời 'công việc trong workflow của tôi đi đâu?' - loại Subagent nào chiếm ưu thế, nén ngữ cảnh xảy ra ở đâu, và đường nào kết thúc bằng lỗi so với hoàn tất sạch."
},
- "toolFlow": {
- "what": "Biểu đồ kiểu Sankey về các lượt chuyển tool gọi liên tiếp trên mọi phiên trong phạm vi. Mỗi băng là một cặp (nguồn → đích) đếm trên toàn bộ phiên.",
- "howToRead": "Tool xuất hiện thành các thanh màu ở hai bên. Băng nối chúng: độ dày = số lần nguồn chạy ngay trước đích. Hover một băng để xem tỷ trọng-trong-nguồn và tỷ trọng-trong-đích; hover một node để xem tổng lượt dùng và tỷ trọng trên tổng tool.",
- "why": "Phơi bày những chuỗi tool quen thuộc (ví dụ Read → Edit → Bash). Hữu ích để phát hiện vòng lặp, bước thừa, và sự đơn điệu trong cách Agent dùng tool."
- },
"drillIn": {
"what": "Khung chi tiết theo phiên: cây Agent đầy đủ, dòng thời gian tool gọi và chuỗi sự kiện thô của phiên bạn chọn.",
"howToRead": "Chọn phiên từ dropdown phía trên hoặc bấm một bong bóng trong biểu đồ phân tán. Các tab cho phép chuyển giữa góc nhìn phân cấp (Agent Tree), thời gian (Tool Timeline) và theo trình tự (Event Sequence) của cùng một phiên.",
@@ -221,24 +216,6 @@
}
}
},
- "toolFlow": {
- "title": "Luồng thực thi công cụ",
- "subtitle": "Chuỗi liên kết giữa các công cụ - luồng có hướng kiểu Sankey",
- "noData": "Chưa có dữ liệu luồng công cụ",
- "transitionCount_one": "{{count}} lượt chuyển",
- "transitionCount_other": "{{count}} lượt chuyển",
- "tooltip": {
- "node": "Node công cụ",
- "link": "Lượt chuyển công cụ",
- "totalCalls": "Tổng số lượt gọi",
- "shareOfAll": "Tỷ trọng trên tổng dùng tool",
- "transitionsObserved": "Số lượt chuyển quan sát",
- "shareOfSourceFmt": "Tỷ trọng {{source}} → kế tiếp",
- "shareOfTargetFmt": "Tỷ trọng trước → {{target}}",
- "nodeDescFmt": "Chiều cao thanh thể hiện tần suất {{name}} xuất hiện trên mọi phiên trong phạm vi. Băng đi vào bên trái cho thấy tool chạy trước {{name}}; băng đi ra bên phải cho thấy tool chạy sau.",
- "linkDescFmt": "Trên mọi phiên, đây là số lần {{source}} chạy ngay trước {{target}}. Băng càng dày = lượt chuyển càng phổ biến; phần trăm cho biết bước này chiếm tỷ trọng bao nhiêu trong luồng ra/vào của mỗi tool."
- }
- },
"drillIn": {
"title": "Phân tích chi tiết phiên",
"subtitle": "Chọn phiên từ biểu đồ phân tán hoặc dùng danh sách để khám phá",
diff --git a/client/src/pages/Workflows.tsx b/client/src/pages/Workflows.tsx
index 80f8cfad..5237707d 100644
--- a/client/src/pages/Workflows.tsx
+++ b/client/src/pages/Workflows.tsx
@@ -3,10 +3,10 @@
* @description Workflows page. Opens on this dashboard's OWN pipelines — per-node
* pass rates across every lane, and which skills/plugins actually get used — then
* the Claude Code orchestration analytics: headline stats, Workflow-tool runs, the
- * spawning DAG, tool flow, patterns, model delegation, error propagation, session
- * complexity, compaction impact and the per-session drill-in. Issue #6 dropped the
- * agent collaboration network and the subagent effectiveness scorecards as too
- * specialized to act on.
+ * spawning DAG, patterns, model delegation, error propagation, session complexity,
+ * compaction impact and the per-session drill-in. Issue #6 dropped the agent
+ * collaboration network and the subagent effectiveness scorecards as too
+ * specialized to act on; the tool-execution Sankey followed for the same reason.
* @author Nguyễn Ngọc Trí Vĩ
*/
/* =============================================================================
@@ -35,7 +35,6 @@
* - `../components/workflows/SkillUsagePanel`
* - `../components/workflows/WorkflowRunsPanel`
* - `../components/workflows/OrchestrationDAG`
- * - `../components/workflows/ToolExecutionFlow`
* - `../components/workflows/WorkflowPatterns`
* - `../components/workflows/ModelDelegationFlow`
* - `../components/workflows/ErrorPropagationMap`
@@ -82,7 +81,6 @@ import type { WorkflowData, WSMessage } from "../lib/types";
import { WorkflowStats } from "../components/workflows/WorkflowStats";
import { OrchestrationDAG } from "../components/workflows/OrchestrationDAG";
-import { ToolExecutionFlow } from "../components/workflows/ToolExecutionFlow";
import { WorkflowPatterns } from "../components/workflows/WorkflowPatterns";
import { ModelDelegationFlow } from "../components/workflows/ModelDelegationFlow";
import { ErrorPropagationMap } from "../components/workflows/ErrorPropagationMap";
@@ -267,19 +265,9 @@ export function Workflows() {
)}
- {/* Section 4: Tool Execution Flow */}
+ {/* Section 4: Workflow Patterns */}
-
-
-
- {/* Section 5: Workflow Patterns */}
- {}} />
- {/* Section 6 + 7: Two Column */}
+ {/* Section 5 + 6: Two Column */}
- {/* Section 8 + 9: Two Column */}
+ {/* Section 7 + 8: Two Column */}