feat: Parallel Execution of Nodes in Workflows (#8192)

Co-authored-by: StyleZhang <jasonapring2015@outlook.com>
Co-authored-by: Yi <yxiaoisme@gmail.com>
Co-authored-by: -LAN- <laipz8200@outlook.com>

web/app/components/workflow/limit-tips.tsx

@@ -0,0 +1,39 @@
+import {
+  RiAlertFill,
+  RiCloseLine,
+} from '@remixicon/react'
+import { useStore } from './store'
+import ActionButton from '@/app/components/base/action-button'
+
+const LimitTips = () => {
+  const showTips = useStore(s => s.showTips)
+  const setShowTips = useStore(s => s.setShowTips)
+
+  if (!showTips)
+    return null
+
+  return (
+    <div className='absolute bottom-16 left-1/2 -translate-x-1/2 flex items-center rounded-xl p-2 h-10 border border-components-panel-border bg-components-panel-bg-blur shadow-md z-[9]'>
+      <div
+        className='absolute inset-0 opacity-[0.4] rounded-xl'
+        style={{
+          background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%)',
+        }}
+      ></div>
+      <div className='flex items-center justify-center w-5 h-5'>
+        <RiAlertFill className='w-4 h-4 text-text-warning-secondary' />
+      </div>
+      <div className='mx-1 px-1 system-xs-medium text-text-primary'>
+        {showTips}
+      </div>
+      <ActionButton
+        className='z-[1]'
+        onClick={() => setShowTips('')}
+      >
+        <RiCloseLine className='w-4 h-4' />
+      </ActionButton>
+    </div>
+  )
+}
+
+export default LimitTips