feat(canvas): Phase 3 — Tool, Condition, HumanInput nodes + settings page

[prosdev]

Summary

• 3.1 Register Tool, Condition, and HumanInput node types — toolbar items, placeholder node components, CSS accent classes, nodeTypes registry
• 3.2 ToolNode config panel — tool select dropdown (from /v1/settings/tools), input mapping editor with free-text + datalist autocomplete, output key field; settingsSlice with fetch-once pattern; GET /v1/settings/tools endpoint
• 3.3 ConditionNode config + edge wiring — all 6 condition types (field_equals, field_contains, field_exists, llm_router, tool_error, iteration_limit), inline branch rename editor, config.branches derived from edges at save time, GWEdgeData type for lossless edge round-trips, onConnect/onReconnect branch auto-assignment
• 3.4 HumanInputNode config — prompt textarea, input_key, timeout_ms with NaN guard
• 3.5 Validation rules 6–12 — tool_name, output_key, condition_branch on edges, default_branch for non-exhaustive types, HumanInput prompt and input_key
• 3.6 Settings page — provider status cards (configured/not-configured with env key hint) + tool list; /settings route; gear icon on HomeView
• Fixes — /v1/ prefix for settings endpoints (Vite proxy mismatch), output_key auto-registration in saveGraph, CanvasRoute test fix (RunPanel mock + graphSlice nodes/edges)

Input mapping expressions

The "From state" field accepts any simpleeval expression evaluated against graph state:

Expression	Passes
messages[0].content	Text of the latest user message (LangChain HumanMessage)
tool_result.result	Result value from a previous tool node
"literal"	A hardcoded string value
messages[-1].content	Last message in the list

Validated manually against all 6 built-in tools:

Tool	Param	Expression	Result
calculator	expression	messages[0].content	{"success":true,"result":"4"} with input 2+2
datetime	action	"now"	current ISO timestamp
web_search	query	messages[0].content	Tavily results
wikipedia	query	messages[0].content	article summary
url_fetch	url	messages[0].content	page content
weather	location	messages[0].content	temperature, humidity, wind

Code review findings addressed

Pre-merge review found 5 warnings, 2 addressed before merge:

• W1 fixed — aligned condition node defaults (branch: "yes", no else_branch) with CONDITION_CONFIG_DEFAULTS
• S1 fixed — ToolNodeConfig now resets rows state when node.id changes, preventing stale mapping display when switching between tool nodes
• W3, W5, S3 — tracked as follow-up (race condition in settings fetch, updateEdge type breadth, test coverage for new config panels)

Test plan

• Drag each node type (Tool, Condition, HumanInput) from toolbar onto canvas
• Configure and run a Tool node for each of the 6 built-in tools using the expressions above
• Add a Condition node, connect outgoing edges, rename branches in the config panel
• Verify branch labels appear on canvas edges after save
• Add a HumanInput node, configure prompt and input_key, run and resume
• Check Settings page shows provider status and tool list
• Validate graph rejects missing tool_name, condition_branch, and HumanInput prompt

🤖 Generated with Claude Code