From 769d701f562b41961973e82342c386c4689c693b Mon Sep 17 00:00:00 2001
From: chanx <1243304602@qq.com>
Date: Wed, 15 Oct 2025 12:31:05 +0800
Subject: [PATCH] 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)
---
 .../metadata-filter-conditions.tsx            |  2 +-
 web/src/layouts/next-header.tsx               |  1 +
 web/src/locales/en.ts                         |  4 +-
 web/src/locales/zh.ts                         |  2 +-
 web/src/pages/agents/agent-templates.tsx      |  4 +-
 web/src/pages/home/application-card.tsx       |  2 +-
 web/src/pages/login-next/card.tsx             | 40 ++++++++++++-------
 web/src/pages/login-next/index.less           | 10 +++++
 8 files changed, 44 insertions(+), 21 deletions(-)

diff --git a/web/src/components/metadata-filter/metadata-filter-conditions.tsx b/web/src/components/metadata-filter/metadata-filter-conditions.tsx
index 7aee8c1d8..57e344c36 100644
--- a/web/src/components/metadata-filter/metadata-filter-conditions.tsx
+++ b/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)}>
diff --git a/web/src/layouts/next-header.tsx b/web/src/layouts/next-header.tsx
index 367449540..7558caaaf 100644
--- a/web/src/layouts/next-header.tsx
+++ b/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>
diff --git a/web/src/locales/en.ts b/web/src/locales/en.ts
index e1beb4657..86c0555f5 100644
--- a/web/src/locales/en.ts
+++ b/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',
diff --git a/web/src/locales/zh.ts b/web/src/locales/zh.ts
index 884f56235..7aba5e401 100644
--- a/web/src/locales/zh.ts
+++ b/web/src/locales/zh.ts
@@ -1716,7 +1716,7 @@ Tokenizer 会根据所选方式将内容存储为对应的数据结构。`,
     },
     datasetOverview: {
       downloadTip: '正在从数据源下载文件。',
-      processingTip: '正在由数据流处理文件。',
+      processingTip: '正在由pipeline处理文件。',
       totalFiles: '文件总数',
       downloading: '正在下载',
       processing: '正在处理',
diff --git a/web/src/pages/agents/agent-templates.tsx b/web/src/pages/agents/agent-templates.tsx
index 3cc2a9778..b84e71449 100644
--- a/web/src/pages/agents/agent-templates.tsx
+++ b/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]);
 
diff --git a/web/src/pages/home/application-card.tsx b/web/src/pages/home/application-card.tsx
index 67594f224..b82c40c6c 100644
--- a/web/src/pages/home/application-card.tsx
+++ b/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">
diff --git a/web/src/pages/login-next/card.tsx b/web/src/pages/login-next/card.tsx
index 2e04cd6ba..50ff3917b 100644
--- a/web/src/pages/login-next/card.tsx
+++ b/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}</>}
+    </>
   );
 };
 
diff --git a/web/src/pages/login-next/index.less b/web/src/pages/login-next/index.less
index 7a6c89d89..7c52f360a 100644
--- a/web/src/pages/login-next/index.less
+++ b/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);
 }