[feat]: feature idea on component of workflow.

[parshvJS]

Feature description

Feature Request: Advanced Workflow Component

Overview:
There is a significant need for a robust UI component called "Workflow" that can visually represent a step-by-step process to users in an intuitive and structured format.

Core Requirements:

• The component must support a sequential list of steps, each displaying:

  • Title

  • Description

  • Status Flags:

    • isLoading
    • isNextLoading
    • isError
    • isCompleted

Advanced Capabilities:

1. Tree Workflow Support:

   • Enable branching and sub-topic visualization.
   • Each step can have an array of subTopic steps.
   • Display nested structure clearly (e.g., using collapsible branches).

2. Parallel Step Execution:

   • Allow marking and rendering of steps that can execute in parallel.
   • Visual differentiation from strictly sequential steps.

Usage Simplicity:

• Developers should be able to pass an array of objects with the following schema:

[
  {
    title: "Step 1",
    description: "Initialize input",
    subTopic: [ ...optional nested steps... ],
    isLoading: false,
    isNextLoading: false,
    isError: false,
    isCompleted: true,
    isParallel: false // optional
  },
  ...
]

Summary:
This component will empower developers to create visually rich, user-guided workflows with both linear and non-linear paths, clear state tracking, and flexible expansion into sub-tasks or branches. It is especially useful for onboarding flows, automation pipelines, audit tasks, and AI agent step tracking.

Affected component/components

No response

Additional Context

Additional details here...

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues and PRs

[shadcn]

@parshvJS what do you think of https://stepperize.vercel.app/docs/react/shadcn/introduction?

[parshvJS]

yes that is exactly what i was looking for

npx shadcn add https://stepperize.vercel.app/r/stepper-demo.json
for other devs, here is the command to use stepperize as per their docs

we can think about making this more advanced, since in agentic AI related apps, workflow visualization and parallel task execution are key elements to show to the user.

but for now this is awesome , thanks !