feat(workflows): drop the Tool Execution Flow sankey

The d3-sankey tool-transition chart was the last of the deep harness-internals
visualizations issue #6 set out to remove: a wall of bands showing that Read
tends to precede Edit, with nothing a reader could act on. It goes, along with
its i18n keys in both locales and the now-orphaned d3-sankey dependency.

The workflows API response is untouched — `toolFlow` still ships in the
aggregate and still feeds the Dashboard's top-tools list. Remaining sections
renumber 4-9.
This commit is contained in:
2026-08-26 10:54:53 +07:00
parent 348c645ef3
commit 79e56c3221
9 changed files with 26 additions and 1014 deletions
@@ -10715,197 +10715,6 @@ exports[`screen snapshots > Workflows 1`] = `
>
4
</span>
<h2
class="text-sm font-semibold text-fg-primary"
>
Tool Execution Flow
</h2>
<button
aria-expanded="false"
aria-label="What this shows"
class="flex items-center justify-center rounded-full p-0.5 -m-0.5 text-fg-muted hover:text-fg-secondary transition-colors focus:outline-none focus:ring-1 focus:ring-accent/40"
type="button"
>
<svg
class="lucide lucide-info w-3.5 h-3.5"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M12 16v-4"
/>
<path
d="M12 8h.01"
/>
</svg>
</button>
</div>
<span
class="hidden lg:block flex-shrink-0 max-w-[20rem] xl:max-w-sm truncate text-right text-[11px] text-fg-muted"
title="How tools chain together - Sankey-style directed flow"
>
How tools chain together - Sankey-style directed flow
</span>
</div>
<div
class="card p-4 flex-1"
>
<div
class="relative"
>
<div
class="flex items-center justify-center"
style="height: 320px;"
>
<span
class="text-sm text-fg-muted"
>
No tool flow data
</span>
</div>
<div
class="flex flex-wrap gap-x-4 gap-y-1.5 mt-3 px-1"
>
<div
class="flex items-center gap-1.5"
>
<span
class="inline-block w-2.5 h-2.5 rounded-sm flex-shrink-0"
style="background: rgb(59, 130, 246); opacity: 0.9;"
/>
<span
class="text-xs text-fg-secondary"
>
Read
</span>
</div>
<div
class="flex items-center gap-1.5"
>
<span
class="inline-block w-2.5 h-2.5 rounded-sm flex-shrink-0"
style="background: rgb(34, 197, 94); opacity: 0.9;"
/>
<span
class="text-xs text-fg-secondary"
>
Write
</span>
</div>
<div
class="flex items-center gap-1.5"
>
<span
class="inline-block w-2.5 h-2.5 rounded-sm flex-shrink-0"
style="background: rgb(234, 179, 8); opacity: 0.9;"
/>
<span
class="text-xs text-fg-secondary"
>
Edit
</span>
</div>
<div
class="flex items-center gap-1.5"
>
<span
class="inline-block w-2.5 h-2.5 rounded-sm flex-shrink-0"
style="background: rgb(239, 68, 68); opacity: 0.9;"
/>
<span
class="text-xs text-fg-secondary"
>
Bash
</span>
</div>
<div
class="flex items-center gap-1.5"
>
<span
class="inline-block w-2.5 h-2.5 rounded-sm flex-shrink-0"
style="background: rgb(168, 85, 247); opacity: 0.9;"
/>
<span
class="text-xs text-fg-secondary"
>
Grep
</span>
</div>
<div
class="flex items-center gap-1.5"
>
<span
class="inline-block w-2.5 h-2.5 rounded-sm flex-shrink-0"
style="background: rgb(236, 72, 153); opacity: 0.9;"
/>
<span
class="text-xs text-fg-secondary"
>
Glob
</span>
</div>
<div
class="flex items-center gap-1.5"
>
<span
class="inline-block w-2.5 h-2.5 rounded-sm flex-shrink-0"
style="background: rgb(99, 102, 241); opacity: 0.9;"
/>
<span
class="text-xs text-fg-secondary"
>
Agent
</span>
</div>
<div
class="flex items-center gap-1.5"
>
<span
class="inline-block w-2.5 h-2.5 rounded-sm flex-shrink-0"
style="background: rgb(100, 116, 139); opacity: 0.9;"
/>
<span
class="text-xs text-fg-secondary"
>
Other
</span>
</div>
</div>
<div
aria-hidden="true"
class="fixed z-50 px-3 py-2 rounded-lg shadow-2xl pointer-events-none"
role="tooltip"
style="display: none; opacity: 0; left: 0px; top: 0px; background: rgb(18, 18, 31); border: 1px solid rgb(42, 42, 74); color: rgb(226, 232, 240); min-width: 240px; max-width: 320px; transition: opacity 120ms ease-out;"
/>
</div>
</div>
</div>
<div
class="flex flex-col h-full"
>
<div
class="flex items-center justify-between gap-4 mb-3"
>
<div
class="flex items-center gap-2.5 min-w-0"
>
<span
class="w-5 h-5 rounded-md bg-accent/15 text-accent text-[11px] font-bold flex items-center justify-center flex-shrink-0"
>
5
</span>
<h2
class="text-sm font-semibold text-fg-primary"
>
@@ -11013,7 +10822,7 @@ exports[`screen snapshots > Workflows 1`] = `
<span
class="w-5 h-5 rounded-md bg-accent/15 text-accent text-[11px] font-bold flex items-center justify-center flex-shrink-0"
>
6
5
</span>
<h2
class="text-sm font-semibold text-fg-primary"
@@ -11103,7 +10912,7 @@ exports[`screen snapshots > Workflows 1`] = `
<span
class="w-5 h-5 rounded-md bg-accent/15 text-accent text-[11px] font-bold flex items-center justify-center flex-shrink-0"
>
7
6
</span>
<h2
class="text-sm font-semibold text-fg-primary"
@@ -11205,7 +11014,7 @@ exports[`screen snapshots > Workflows 1`] = `
<span
class="w-5 h-5 rounded-md bg-accent/15 text-accent text-[11px] font-bold flex items-center justify-center flex-shrink-0"
>
8
7
</span>
<h2
class="text-sm font-semibold text-fg-primary"
@@ -11309,7 +11118,7 @@ exports[`screen snapshots > Workflows 1`] = `
<span
class="w-5 h-5 rounded-md bg-accent/15 text-accent text-[11px] font-bold flex items-center justify-center flex-shrink-0"
>
9
8
</span>
<h2
class="text-sm font-semibold text-fg-primary"
@@ -11404,7 +11213,7 @@ exports[`screen snapshots > Workflows 1`] = `
<span
class="w-5 h-5 rounded-md bg-accent/15 text-accent text-[11px] font-bold flex items-center justify-center flex-shrink-0"
>
10
9
</span>
<h2
class="text-sm font-semibold text-fg-primary"