Extract Component Fixed

[mrbeandev]

This pull request introduces several improvements to the workflow builder UI and logic, focusing on better node management, performance optimizations, and code maintainability. The most impactful changes include adding debounced updates to node editing, preventing redundant workflow/template loading, refactoring helper functions for node display, and cleaning up unused configuration files.

UI and Node Management Enhancements

• Added a debounced update mechanism in ExtractNodePanel.tsx to prevent infinite update loops and improve performance when editing node properties. Also added a node delete button to the panel header for easier node removal. [1] [2] [3]
• Updated props and logic in ExtractNodePanel.tsx to use the node object directly, removed unused MCP tools UI, and clarified instructions for extract nodes. [1] [2] [3]

Workflow Loading and Performance

• Implemented refs to track loaded templates and workflows in WorkflowBuilder.tsx, preventing redundant processing and improving initial load performance. [1] [2] [3] [4]
• Added useCallback for helper functions (getNodeColor, createNodeLabel, seedTemplates) to avoid unnecessary re-creation and improve render efficiency. [1] [2] [3]

Codebase Cleanup and Maintainability

• Removed the unused convex.json configuration file and the generated convex/_generated/api.js file, reducing clutter from the codebase. [1] [2]
• Added explanatory comments and disabled specific ESLint warnings to clarify hook dependencies and prevent unwanted linter errors. [1] [2] [3] [4] [5]