Fix: Optimize metadata filters, add Ingestion pipeline options to agent templates page #9869 (#10572)

### What problem does this PR solve?

Fix: Optimize metadata filters, add Ingestion pipeline options to agent
templates page

### Type of change

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

web/src/components/metadata-filter/metadata-filter-conditions.tsx

@@ -63,7 +63,7 @@ export function MetadataFilterConditions({
               <Plus />
             </Button>
           </DropdownMenuTrigger>
-          <DropdownMenuContent>
+          <DropdownMenuContent className="max-h-[300px] !overflow-y-auto scrollbar-auto">
             {Object.keys(metadata.data).map((key, idx) => {
               return (
                 <DropdownMenuItem key={idx} onClick={add(key)}>

web/src/layouts/next-header.tsx

@@ -161,6 +161,7 @@ export function Header() {
           <RAGFlowAvatar
             name={nickname}
             avatar={avatar}
+            isPerson
             className="size-8 cursor-pointer"
             onClick={navigateToOldProfile}
           ></RAGFlowAvatar>

web/src/locales/en.ts

@@ -955,7 +955,7 @@ This auto-tagging feature enhances retrieval by adding another layer of domain-s
       marketing: 'Marketing',
       consumerApp: 'Consumer App',
       other: 'Other',
-      pipeline: 'Ingestion pipeline',
+      ingestionPipeline: 'Ingestion Pipeline',
       agents: 'Agents',
       days: 'Days',
       beginInput: 'Begin Input',
@@ -1826,7 +1826,7 @@ Important structured information may include: names, dates, locations, events, k
     },
     datasetOverview: {
       downloadTip: 'Files being downloaded from data sources. ',
-      processingTip: 'Files being processed by data pipelines.',
+      processingTip: 'Files being processed by Ingestion pipeline.',
       totalFiles: 'Total Files',
       downloading: 'Downloading',
       downloadSuccessTip: 'Total successful downloads',

web/src/locales/zh.ts

@@ -1716,7 +1716,7 @@ Tokenizer 会根据所选方式将内容存储为对应的数据结构。`,
     },
     datasetOverview: {
       downloadTip: '正在从数据源下载文件。',
-      processingTip: '正在由数据流处理文件。',
+      processingTip: '正在由pipeline处理文件。',
       totalFiles: '文件总数',
       downloading: '正在下载',
       processing: '正在处理',

web/src/pages/agents/agent-templates.tsx

@@ -91,9 +91,9 @@ export default function AgentTemplates() {
       return templateList;
     }
     return templateList.filter(
-      (item, index) =>
+      (item) =>
         item.canvas_type?.toLocaleLowerCase() ===
-          selectMenuItem?.toLocaleLowerCase() || index === 0,
+        selectMenuItem?.toLocaleLowerCase(),
     );
   }, [selectMenuItem, templateList]);
 

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

@@ -28,7 +28,7 @@ export function ApplicationCard({
             name={app.title || 'CN'}
           ></RAGFlowAvatar>
           <div className="flex-1">
-            <h3 className="text-sm font-normal line-clamp-1 mb-1 text-ellipsis w-[180px] overflow-hidden">
+            <h3 className="text-sm font-normal line-clamp-1 mb-1 text-ellipsis w-[160px] overflow-hidden">
               {app.title}
             </h3>
             <p className="text-xs font-normal text-text-secondary">

web/src/pages/login-next/card.tsx

@@ -16,23 +16,35 @@ const FlipCard3D = (props: IProps) => {
       setIsFlipped(true);
     }
   }, [isLoginPage]);
-
+  const isBackfaceVisibilitySupported = () => {
+    return (
+      CSS.supports('backface-visibility', 'hidden') ||
+      CSS.supports('-webkit-backface-visibility', 'hidden') ||
+      CSS.supports('-moz-backface-visibility', 'hidden') ||
+      CSS.supports('-ms-backface-visibility', 'hidden')
+    );
+  };
   return (
-    <div className="relative w-full h-full perspective-1000">
-      <div
-        className={`relative w-full h-full transition-transform transform-style-3d ${isFlipped ? 'rotate-y-180' : ''}`}
-      >
-        {/* Front Face */}
-        <div className="absolute inset-0 flex items-center justify-center backface-hidden">
-          {children}
-        </div>
+    <>
+      {isBackfaceVisibilitySupported() && (
+        <div className="relative w-full h-full perspective-1000">
+          <div
+            className={`relative w-full h-full transition-transform transform-style-3d ${isFlipped ? 'rotate-y-180' : ''}`}
+          >
+            {/* Front Face */}
+            <div className="absolute inset-0 flex items-center justify-center backface-hidden rotate-y-0">
+              {children}
+            </div>
 
-        {/* Back Face */}
-        <div className="absolute inset-0 flex items-center justify-center backface-hidden rotate-y-180">
-          {children}
+            {/* Back Face */}
+            <div className="absolute inset-0 flex items-center justify-center backface-hidden rotate-y-180">
+              {children}
+            </div>
+          </div>
         </div>
-      </div>
-    </div>
+      )}
+      {!isBackfaceVisibilitySupported() && <>{children}</>}
+    </>
   );
 };
 

web/src/pages/login-next/index.less

@@ -42,6 +42,7 @@
 //////////////////////////////////////////////////////////////////////////
 .perspective-1000 {
   perspective: 1000px;
+  -webkit-perspective: 1000px;
   overflow: hidden;
   min-height: 680px;
   display: flex;
@@ -49,12 +50,21 @@
 }
 .transform-style-3d {
   transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
   transition-duration: 0.4s;
 }
 .backface-hidden {
   backface-visibility: hidden;
+  -webkit-backface-visibility: hidden; /* Chrome、Safari */
+  -moz-backface-visibility: hidden; /* Firefox */
+  -ms-backface-visibility: hidden; /* Internet Explorer */
 }
 
 .rotate-y-180 {
   transform: rotateY(180deg);
+  -webkit-transform: rotateY(180deg);
+}
+.rotate-y-0 {
+  transform: rotateY(0deg);
+  -webkit-transform: rotateY(0deg);
 }