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

refactor: remove unused PlusIcon and clean up WorkflowEditor styles

Browse Source
This commit is contained in:
mlogclub
2026-06-22 19:08:50 +08:00
parent a3588eb04e
commit 2f75516464
1 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/dashboard/ai-workflows/_components/workflow-editor.tsx
+2 -6
View File
@@ -20,7 +20,7 @@ import {
type NodeProps, type NodeProps,
type ReactFlowInstance, type ReactFlowInstance,
} from "@xyflow/react" } from "@xyflow/react"
import { AlertCircleIcon, CheckCircle2Icon, PlusIcon } from "lucide-react" import { AlertCircleIcon, CheckCircle2Icon } from "lucide-react"
import { useCallback, useEffect, useMemo, useRef, useState } from "react" import { useCallback, useEffect, useMemo, useRef, useState } from "react"
import { Badge } from "@/components/ui/badge" import { Badge } from "@/components/ui/badge"
@@ -343,9 +343,8 @@ export function WorkflowEditor({
} }
addNode(spec) addNode(spec)
}} }}
className="flex w-full cursor-grab items-start gap-2 rounded-md border bg-background px-3 py-2 text-left text-sm hover:bg-muted active:cursor-grabbing" className="flex w-full cursor-grab rounded-md border bg-background px-3 py-2 text-left text-sm hover:bg-muted active:cursor-grabbing"
> >
<PlusIcon className="mt-0.5 size-4 shrink-0 text-muted-foreground" />
<span className="min-w-0"> <span className="min-w-0">
<span className="block truncate font-medium">{spec.title}</span> <span className="block truncate font-medium">{spec.title}</span>
<span className="mt-1 line-clamp-2 text-xs text-muted-foreground"> <span className="mt-1 line-clamp-2 text-xs text-muted-foreground">
@@ -394,9 +393,6 @@ export function WorkflowEditor({
<MiniMap pannable zoomable /> <MiniMap pannable zoomable />
</ReactFlow> </ReactFlow>
<WorkflowValidationBadge errors={validation.errors} valid={validation.valid} /> <WorkflowValidationBadge errors={validation.errors} valid={validation.valid} />
<div className="pointer-events-none absolute bottom-3 left-3 rounded-md border bg-background/95 px-3 py-2 text-xs text-muted-foreground shadow-sm">
从节点右侧圆点拖到下一个节点，或依次点击两个连接点完成连线。
</div>
{pendingNodeDrag?.active ? ( {pendingNodeDrag?.active ? (
<div <div
className="pointer-events-none fixed z-50 rounded-md border bg-background px-3 py-2 text-sm font-medium shadow-lg" className="pointer-events-none fixed z-50 rounded-md border bg-background px-3 py-2 text-sm font-medium shadow-lg"