From ab7b8399af99273da27202ee62e9377df3df46ab Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Sun, 28 Jun 2026 12:00:31 +0800
Subject: [PATCH] feat: update FlowgramNodeRenderer to include selected state
 and enhance styling

---
 .../ai-workflows/_components/flowgram-node-renderer.tsx    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx b/web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx
index a084cab..0099405 100644
--- a/web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx
+++ b/web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx
@@ -10,7 +10,7 @@ import { useLayoutEffect } from "react"
 import { cn } from "@/lib/utils"
 
 export function FlowgramNodeRenderer(props: WorkflowNodeProps) {
-  const { node, form } = useNodeRender()
+  const { selected, node, form } = useNodeRender()
   const nodeType = String(node.flowNodeType ?? "")
 
   useLayoutEffect(() => {
@@ -24,7 +24,10 @@ export function FlowgramNodeRenderer(props: WorkflowNodeProps) {
   return (
     <WorkflowNodeRenderer
       node={props.node}
-      className={cn("overflow-visible")}
+      className={cn(
+        "overflow-visible rounded-2xl border transition-colors",
+        selected ? "border-(--g-selection-background)" : "border-transparent"
+      )}
       style={{ padding: 0 }}
       portPrimaryColor="var(--g-selection-background)"
       portSecondaryColor="#c9cdd4"