Fix: bug fixes and icon replacement #10703 (#10814)

### What problem does this PR solve?

Fix: bug fixes and icon replacement #10703

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/agents/index.tsx

@@ -75,7 +75,7 @@ export default function Agents() {
           title={t('flow.agents')}
           searchString={searchString}
           onSearchChange={handleInputChange}
-          icon="agent"
+          icon="agents"
           filters={filters}
           onChange={handleFilterSubmit}
           value={filterValue}

web/src/pages/agents/upload-agent-dialog/upload-agent-form.tsx

@@ -41,7 +41,7 @@ export function UploadAgentForm({ hideModal, onOk }: IModalProps<any>) {
     <Form {...form}>
       <form
         onSubmit={form.handleSubmit(onSubmit)}
-        className="space-y-6"
+        className="space-y-6 w-full text-ellipsis overflow-hidden"
         id={TagRenameId}
       >
         <NameFormField></NameFormField>
@@ -53,6 +53,7 @@ export function UploadAgentForm({ hideModal, onOk }: IModalProps<any>) {
               <FormLabel required>DSL</FormLabel>
               <FormControl>
                 <FileUploader
+                  className="w-[calc(100%-40px)] text-ellipsis overflow-hidden"
                   value={field.value}
                   onValueChange={field.onChange}
                   maxFileCount={1}

web/src/pages/datasets/dataset-card.tsx

@@ -43,7 +43,10 @@ export function SeeAllCard() {
   const { navigateToDatasetList } = useNavigatePage();
 
   return (
-    <Card className="w-full flex-none h-full" onClick={navigateToDatasetList}>
+    <Card
+      className="w-full flex-none h-full cursor-pointer"
+      onClick={navigateToDatasetList}
+    >
       <CardContent className="p-2.5 pt-1 w-full h-full flex items-center justify-center gap-1.5 text-text-secondary">
         See All <ChevronRight className="size-4" />
       </CardContent>

web/src/pages/datasets/index.tsx

@@ -63,7 +63,7 @@ export default function Datasets() {
         filters={owners}
         onChange={handleFilterSubmit}
         className="px-8"
-        icon={'data'}
+        icon={'datasets'}
       >
         <Button onClick={showModal}>
           <Plus className=" size-2.5" />

web/src/pages/home/application-card.tsx

@@ -48,7 +48,7 @@ export type SeeAllAppCardProps = {
 
 export function SeeAllAppCard({ click }: SeeAllAppCardProps) {
   return (
-    <Card className="w-full min-h-[76px]" onClick={click}>
+    <Card className="w-full min-h-[76px] cursor-pointer" onClick={click}>
       <CardContent className="p-2.5 pt-1 w-full h-full flex items-center justify-center gap-1.5 text-text-secondary">
         See All <ChevronRight className="size-4" />
       </CardContent>

web/src/pages/home/applications.tsx

@@ -1,5 +1,5 @@
 import { CardSineLineContainer } from '@/components/card-singleline-container';
-import { IconFont } from '@/components/icon-font';
+import { HomeIcon } from '@/components/svg-icon';
 import { Segmented, SegmentedValue } from '@/components/ui/segmented';
 import { Routes } from '@/routes';
 import { useCallback, useMemo, useState } from 'react';
@@ -11,9 +11,9 @@ import { ChatList } from './chat-list';
 import { SearchList } from './search-list';
 
 const IconMap = {
-  [Routes.Chats]: 'chat',
-  [Routes.Searches]: 'search',
-  [Routes.Agents]: 'agent',
+  [Routes.Chats]: 'chats',
+  [Routes.Searches]: 'searches',
+  [Routes.Agents]: 'agents',
 };
 
 export function Applications() {
@@ -42,10 +42,14 @@ export function Applications() {
     <section className="mt-12">
       <div className="flex justify-between items-center mb-5">
         <h2 className="text-2xl font-bold flex gap-2.5">
-          <IconFont
+          {/* <IconFont
             name={IconMap[val as keyof typeof IconMap]}
             className="size-8"
-          ></IconFont>
+          ></IconFont> */}
+          <HomeIcon
+            name={`${IconMap[val as keyof typeof IconMap]}`}
+            width={'32'}
+          />
           {options.find((x) => x.value === val)?.label}
         </h2>
         <Segmented

web/src/pages/home/datasets.tsx

@@ -1,6 +1,6 @@
 import { CardSineLineContainer } from '@/components/card-singleline-container';
-import { IconFont } from '@/components/icon-font';
 import { RenameDialog } from '@/components/rename-dialog';
+import { HomeIcon } from '@/components/svg-icon';
 import { CardSkeleton } from '@/components/ui/skeleton';
 import { useFetchNextKnowledgeListByPage } from '@/hooks/use-knowledge-request';
 import { useTranslation } from 'react-i18next';
@@ -22,7 +22,8 @@ export function Datasets() {
   return (
     <section>
       <h2 className="text-2xl font-bold mb-6 flex gap-2.5 items-center">
-        <IconFont name="data" className="size-8"></IconFont>
+        {/* <IconFont name="data" className="size-8"></IconFont> */}
+        <HomeIcon name="datasets" width={'32'} />
         {t('header.dataset')}
       </h2>
       <div className="flex gap-6">

web/src/pages/next-chats/index.tsx

@@ -40,7 +40,7 @@ export default function ChatList() {
       <div className="px-8 pt-8">
         <ListFilterBar
           title={t('chat.chatApps')}
-          icon="chat"
+          icon="chats"
           onSearchChange={handleInputChange}
           searchString={searchString}
         >

web/src/pages/next-searches/index.tsx

@@ -48,7 +48,7 @@ export default function SearchList() {
     <section className="w-full h-full flex flex-col">
       <div className="px-8 pt-8">
         <ListFilterBar
-          icon="search"
+          icon="searches"
           title={t('searchApps')}
           showFilter={false}
           onSearchChange={(e) => handleSearchChange(e.target.value)}