FEAT: NEW WORKFLOW ENGINE (#3160)

Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: Yeuoly <admin@srmxy.cn>
Co-authored-by: JzoNg <jzongcode@gmail.com>
Co-authored-by: StyleZhang <jasonapring2015@outlook.com>
Co-authored-by: jyong <jyong@dify.ai>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: jyong <718720800@qq.com>

web/hooks/use-tab-searchparams.ts

@@ -1,9 +1,11 @@
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
+import { useState } from 'react'
 
 type UseTabSearchParamsOptions = {
   defaultTab: string
   routingBehavior?: 'push' | 'replace'
   searchParamName?: string
+  disableSearchParams?: boolean
 }
 
 /**
@@ -20,13 +22,21 @@ export const useTabSearchParams = ({
   defaultTab,
   routingBehavior = 'push',
   searchParamName = 'category',
+  disableSearchParams = false,
 }: UseTabSearchParamsOptions) => {
   const router = useRouter()
   const pathName = usePathname()
   const searchParams = useSearchParams()
-  const activeTab = searchParams.get(searchParamName) || defaultTab
+  const [activeTab, setTab] = useState<string>(
+    !disableSearchParams
+      ? (searchParams.get(searchParamName) || defaultTab)
+      : defaultTab,
+  )
 
   const setActiveTab = (newActiveTab: string) => {
+    setTab(newActiveTab)
+    if (disableSearchParams)
+      return
     router[routingBehavior](`${pathName}?${searchParamName}=${newActiveTab}`)
   }