Polish graph-first test case authoring

[jamil2018]

Summary

• align the test-case details and Quick Tips cards with the flow panel theme
• replace native selectors with shadcn controls and add locator-aware parameter configuration
• make step creation save configured parameters before adding canonical invocations
• modernize graph nodes with parameter details, compact actions, and connected edge insertion controls
• keep root source and create-appraisejs scaffold output synchronized

Why

The graph-first authoring flow had inconsistent styling and exposed controls before their required parameter values were configured. Graph nodes also lacked clear invocation details and a coherent connected-node insertion affordance.

Validation

• focused Vitest coverage for flow diagram, authoring projections, and step invocation editing
• affected-file ESLint and Prettier checks
• pre-commit Fallow and React Doctor gates
• scaffold synchronization with prepare-template
• Graphify artifact regeneration
• live in-app browser verification of connector geometry and step-details interaction

Notes

The unrelated local environment configuration change was excluded from this PR.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	vaul@​1.1.2

View full report