feat: support assistant frontend (#2139)

Co-authored-by: StyleZhang <jasonapring2015@outlook.com>

web/app/components/tools/tool-nav-list/index.tsx

@@ -0,0 +1,28 @@
+'use client'
+import type { FC } from 'react'
+import React from 'react'
+import cn from 'classnames'
+import Item from './item'
+import type { Collection } from '@/app/components/tools/types'
+type Props = {
+  className?: string
+  currentName: string
+  list: Collection[]
+  onChosen: (index: number) => void
+}
+
+const ToolNavList: FC<Props> = ({
+  className,
+  currentName,
+  list,
+  onChosen,
+}) => {
+  return (
+    <div className={cn(className)}>
+      {list.map((item, index) => (
+        <Item isCurrent={item.name === currentName} key={item.name} payload={item} onClick={() => onChosen(index)}></Item>
+      ))}
+    </div>
+  )
+}
+export default React.memo(ToolNavList)