flowgraph/tasks/component-conditional.md

id, name, status, depends_on, scope, risk, impact, level

id	name	status	depends_on	scope	risk	impact	level
component/conditional	Implement <Conditional> ujsx component	completed	schema/edge-attrs setup/project-init	narrow	low	component	implementation

Description

Implement the Conditional ujsx component function. Represents conditional branching — children only execute if the test passes. Supports an optional else prop for the alternative branch.

Acceptance Criteria

• src/component/conditional.ts exports Conditional component function
• Conditional produces UElement with type: "conditional"
• Props: test: ((results: Record<string, CallResult>) => boolean) | string (required), optional else: UNode
• children of Conditional are the then-branch
• else prop is the alternative branch
• String condition: operation name whose completion status determines the branch
• Function condition: receives predecessor results, returns boolean
• Conditional.test cannot reference an Operation inside the Conditional itself (would create circular dependency)
• Re-exported from src/component/index.ts
• Unit tests: correct UElement shape with test as function, test as string, else prop

References

• docs/architecture/workflow-templates.md — Conditional component, else-branch behavior, string condition resolution
• docs/architecture/schema.md — TemplateEdgeAttrs.condition representation

Notes

To be filled by implementation agent

Summary

To be filled on completion