From 6c257a55f03121958e1bef1400f357a72e81c19b Mon Sep 17 00:00:00 2001
From: Lum1104 <linyux1104@163.com>
Date: Wed, 6 May 2026 22:20:40 +0800
Subject: [PATCH] feat(dashboard): tested badge on node cards (#113)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Render a small green dot next to the complexity badge whenever a node's
tags contain "tested" — surfacing the deterministic linker's signal so
users can see at a glance which files have paired tests.

Plumb node.tags through both CustomNodeData construction sites in
GraphView.tsx; KnowledgeGraphView.tsx already passes tags.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../dashboard/src/components/CustomNode.tsx      | 16 +++++++++++++---
 .../dashboard/src/components/GraphView.tsx       |  2 ++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/understand-anything-plugin/packages/dashboard/src/components/CustomNode.tsx b/understand-anything-plugin/packages/dashboard/src/components/CustomNode.tsx
index 01c912f..39fe319 100644
--- a/understand-anything-plugin/packages/dashboard/src/components/CustomNode.tsx
+++ b/understand-anything-plugin/packages/dashboard/src/components/CustomNode.tsx
@@ -151,9 +151,19 @@ function CustomNodeComponent({
           <span className={`text-[10px] font-semibold uppercase tracking-wider ${textColor}`}>
             {data.nodeType}
           </span>
-          <span className={`text-[9px] font-mono ${complexityColor}`}>
-            {data.complexity}
-          </span>
+          <div className="flex items-center gap-1.5">
+            <span className={`text-[9px] font-mono ${complexityColor}`}>
+              {data.complexity}
+            </span>
+            {data.tags?.includes("tested") && (
+              <span
+                className="inline-block w-1.5 h-1.5 rounded-full bg-node-function shadow-[0_0_4px_rgba(90,158,111,0.6)]"
+                role="img"
+                aria-label="Tested"
+                title="Has tests"
+              />
+            )}
+          </div>
         </div>
 
         <div className="text-sm font-serif text-text-primary truncate" title={data.label}>
diff --git a/understand-anything-plugin/packages/dashboard/src/components/GraphView.tsx b/understand-anything-plugin/packages/dashboard/src/components/GraphView.tsx
index 891d997..4ba8d1b 100644
--- a/understand-anything-plugin/packages/dashboard/src/components/GraphView.tsx
+++ b/understand-anything-plugin/packages/dashboard/src/components/GraphView.tsx
@@ -533,6 +533,7 @@ function useLayerDetailTopology(): LayerDetailTopology & {
           nodeType: node.type,
           summary: node.summary,
           complexity: node.complexity,
+          tags: node.tags,
           isHighlighted: false,
           searchScore: undefined,
           isSelected: false,
@@ -908,6 +909,7 @@ function buildCustomFlowNode(
       nodeType: node.type,
       summary: node.summary,
       complexity: node.complexity,
+      tags: node.tags,
       isHighlighted: false,
       searchScore: undefined,
       isSelected: false,