wlw/ai-agent
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update FlowgramNodeRenderer to include selected state and enhance styling

Browse Source
This commit is contained in:
mlogclub
2026-06-28 12:00:31 +08:00
parent f809b5e526
commit ab7b8399af
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/dashboard/ai-workflows/_components/flowgram-node-renderer.tsx
+5 -2
View File
@@ -10,7 +10,7 @@ import { useLayoutEffect } from "react"
import { cn } from "@/lib/utils" import { cn } from "@/lib/utils"
export function FlowgramNodeRenderer(props: WorkflowNodeProps) { export function FlowgramNodeRenderer(props: WorkflowNodeProps) {
const { node, form } = useNodeRender() const { selected, node, form } = useNodeRender()
const nodeType = String(node.flowNodeType ?? "") const nodeType = String(node.flowNodeType ?? "")
useLayoutEffect(() => { useLayoutEffect(() => {
@@ -24,7 +24,10 @@ export function FlowgramNodeRenderer(props: WorkflowNodeProps) {
return ( return (
<WorkflowNodeRenderer <WorkflowNodeRenderer
node={props.node} 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 }} style={{ padding: 0 }}
portPrimaryColor="var(--g-selection-background)" portPrimaryColor="var(--g-selection-background)"
portSecondaryColor="#c9cdd4" portSecondaryColor="#c9cdd4"