coco-app-platform/app/run-agent-flow/components/Flow.tsx

'use client';
import React from 'react'
const Flow = () => {
  return (
    <div className="shadow-xl rounded-box min-h-[150px] p-2">
      <ul className="steps">
        <li className="step step-primary">Register</li>
        <li className="step step-primary">Choose plan</li>
        <li className="step">Purchase</li>
        <li className="step">Receive Product</li>
      </ul>
    </div>
  )
}
export default React.memo(React.forwardRef(Flow))