feat(workflow): visual workflow automation builder with @xyflow/react#18
Draft
Copilot wants to merge 2 commits into
Draft
Conversation
…nvas editor Agent-Logs-Url: https://github.com/mdirshadengineer/agentflow/sessions/05f6263c-4f3a-4e09-95ef-e70b4978d542 Co-authored-by: mdirshadengineer <191547746+mdirshadengineer@users.noreply.github.com>
Agent-Logs-Url: https://github.com/mdirshadengineer/agentflow/sessions/05f6263c-4f3a-4e09-95ef-e70b4978d542 Co-authored-by: mdirshadengineer <191547746+mdirshadengineer@users.noreply.github.com>
Copilot created this pull request from a session on behalf of
mdirshadengineer
April 26, 2026 09:42
View session
|
|
Review the following changes in direct dependencies. Learn more about Socket for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds a full visual workflow automation editor to the Vite React app, allowing users to create, connect, and configure agent-based automation flows on an interactive canvas.
Frontend
/workflows(list page with create/browse cards) and/workflows/:workflowId(canvas editor)WorkflowCanvas.tsx) —@xyflow/reactpowered editor with drag-and-drop from node palette, resizable 3-panel layout (react-resizable-panels), dark theme with dot-grid background, edge right-click context menuBaseNodecard shell with idle/running/success/error status overlay:TriggerNode— source-only (manual / webhook / schedule)ActionNode— HTTP / script / transformAgentNode— AI agent invocation with model badgeConditionNode— if/else branch with two source handles (true/false)OutputNode— terminal (email / file / webhook / log), target-onlyNodePanel— left sidebar, nodes are drag sources viadataTransferInspectorPanel— right sidebar, edits any selected node's data fieldsWorkflowToolbar— name editing, save, undo/redo, zoom controls, minimap toggleEdgeContextMenu— right-click on any edge to delete it or insert aConditionNodeat the midpointuseWorkflowhook — owns all graph state (useNodesState/useEdgesState), undo/redo snapshot stack,addNodefactory, andloadWorkflow/saveWorkflowAPI calls/workflowsand/loginvia TanStack Router<Link>; hero CTA changed to "Build a Workflow"Backend
New
packages/cli/src/server/routes/v1/workflows/route.ts— standard CRUD (GET,POST,GET /:id,PUT /:id,DELETE /:id) auto-discovered by@fastify/autoload. Persists workflow graphs as JSON blobs to~/.agentflow/workflows.json(respectsAGENTFLOW_DATA_DIR).