Feat: add German translations for all agent templates and optimized line breaks for template titles (#10643)

### What does this PR solve?
German translation for all agent template and optimizing line breaks in
the title for the new translation.

### Type of change
- [x] New Feature (non-breaking change which adds functionality)

agent/templates/advanced_ingestion_pipeline.json

@@ -2,10 +2,12 @@
     "id": 23,
     "title": {
         "en": "Advanced Ingestion Pipeline",
+        "de": "Erweiterte Ingestion Pipeline",
         "zh": "编排复杂的 Ingestion Pipeline"
     },
     "description": {
         "en": "This template demonstrates how to use an LLM to generate summaries, keywords, Q&A, and metadata for each chunk to support diverse retrieval needs.",
+        "de": "Diese Vorlage demonstriert, wie ein LLM verwendet wird, um Zusammenfassungen, Schlüsselwörter, Fragen & Antworten und Metadaten für jedes Segment zu generieren, um vielfältige Abrufanforderungen zu unterstützen.",
         "zh": "此模板演示如何利用大模型为切片生成摘要、关键词、问答及元数据，以满足多样化的召回需求。"
     },
     "canvas_type": "Ingestion Pipeline",

agent/templates/chunk_summary.json

@@ -2,10 +2,12 @@
     "id": 24,
     "title": {
         "en": "Chunk Summary",
+        "de": "Segmentzusammenfassung",
         "zh": "总结切片"
     },
     "description": {
         "en": "This template uses an LLM to generate chunk summaries for building text and vector indexes. During retrieval, summaries enhance matching, and the original chunks are returned as results.",
+        "de": "Diese Vorlage nutzt ein LLM zur Generierung von Segmentzusammenfassungen für den Aufbau von Text- und Vektorindizes. Bei der Abfrage verbessern die Zusammenfassungen die Übereinstimmung, während die ursprünglichen Segmente als Ergebnisse zurückgegeben werden.",
         "zh": "此模板利用大模型生成切片摘要，并据此建立全文索引与向量。检索时以摘要提升匹配效果，最终召回对应的原文切片。"
     },
     "canvas_type": "Ingestion Pipeline",

agent/templates/customer_service.json

@@ -3,9 +3,11 @@
     "id": 2,
     "title": {
         "en": "Multi-Agent Customer Support",
+        "de": "Multi Agenten Kundensupport",
         "zh": "多智能体客服"},
     "description": {
         "en": "This is a multi-agent system for intelligent customer service processing based on user intent classification. It uses the lead-agent to identify the type of user needs, assign tasks to sub-agents for processing.",
+        "de": "Dies ist ein Multi-Agenten-System für die intelligente Kundenservice-Verarbeitung basierend auf Benutzerabsichtsklassifizierung. Es verwendet den Haupt-Agenten zur Identifizierung der Art der Benutzerbedürfnisse und weist Aufgaben an Unter-Agenten zur Verarbeitung zu.",
         "zh": "多智能体系统，用于智能客服场景。基于用户意图分类，使用主智能体识别用户需求类型，并将任务分配给子智能体进行处理。"},
     "canvas_type": "Agent",
     "dsl": {

agent/templates/deep_research.json

@@ -3,9 +3,11 @@
     "id": 1,
     "title": {
         "en": "Deep Research",
+        "de": "Tiefgehende Recherche",
         "zh": "深度研究"},
     "description": {
         "en": "For professionals in sales, marketing, policy, or consulting, the Multi-Agent Deep Research Agent conducts structured, multi-step investigations across diverse sources and delivers consulting-style reports with clear citations.",
+        "de": "Für Fachleute in Vertrieb, Marketing, Politik oder Beratung führt der Multi-Agenten-Tiefenforschungsagent strukturierte, mehrstufige Untersuchungen über verschiedene Quellen durch und liefert Berichte im Beratungsstil mit klaren Quellenangaben.",
         "zh": "专为销售、市场、政策或咨询领域的专业人士设计，多智能体的深度研究会结合多源信息进行结构化、多步骤地回答问题，并附带有清晰的引用。"},
     "canvas_type": "Recommended",
     "dsl": {

agent/templates/ecommerce_customer_service_workflow.json

@@ -2,10 +2,12 @@
     "id": 22,
     "title": {
         "en": "Ecommerce Customer Service Workflow",
+        "de": "Ecommerce Kundenservice Workflow",
         "zh": "电子商务客户服务工作流程"
     },
     "description": {
         "en": "This template helps e-commerce platforms address complex customer needs, such as comparing product features, providing usage support, and coordinating home installation services.",
+        "de": "Diese Vorlage hilft E-Commerce-Plattformen, komplexe Kundenbedürfnisse zu erfüllen, wie z.B. den Vergleich von Produktmerkmalen, die Bereitstellung von Nutzungsunterstützung und die Koordination von Hausinstallationsdiensten.",
         "zh": "该模板可帮助电子商务平台解决复杂的客户需求，例如比较产品功能、提供使用支持和协调家庭安装服务。"
     },
     "canvas_type": "Customer Support",

agent/templates/generate_SEO_blog.json

@@ -2,9 +2,11 @@
     "id": 8,
     "title": {
         "en": "Generate SEO Blog",
+        "de": "SEO Blog generieren",
         "zh": "生成SEO博客"},
     "description": {
         "en": "This is a multi-agent version of the SEO blog generation workflow. It simulates a small team of AI “writers”, where each agent plays a specialized role — just like a real editorial team.",
+        "de": "Dies ist eine Multi-Agenten-Version des Workflows zur Erstellung von SEO-Blogs. Sie simuliert ein kleines Team von KI-„Autoren“, in dem jeder Agent eine spezielle Rolle übernimmt – genau wie in einem echten Redaktionsteam.",
         "zh": "多智能体架构可根据简单的用户输入自动生成完整的SEO博客文章。模拟小型“作家”团队，其中每个智能体扮演一个专业角色——就像真正的编辑团队。"},
     "canvas_type": "Agent",
     "dsl": {

agent/templates/knowledge_base_report.json

@@ -2,9 +2,11 @@
     "id": 20,
     "title": {
         "en": "Report Agent Using Knowledge Base",
+        "de": "Berichtsagent mit Wissensdatenbank",
         "zh": "知识库检索智能体"},
     "description": {
         "en": "A report generation assistant using local knowledge base, with advanced capabilities in task planning, reasoning, and reflective analysis. Recommended for academic research paper Q&A",
+        "de": "Ein Berichtsgenerierungsassistent, der eine lokale Wissensdatenbank nutzt, mit erweiterten Fähigkeiten in Aufgabenplanung, Schlussfolgerung und reflektierender Analyse. Empfohlen für akademische Forschungspapier-Fragen und -Antworten.",
         "zh": "一个使用本地知识库的报告生成助手，具备高级能力，包括任务规划、推理和反思性分析。推荐用于学术研究论文问答。"},
     "canvas_type": "Agent",
     "dsl": {

agent/templates/knowledge_base_report_r.json

@@ -2,9 +2,11 @@
     "id": 21,
     "title": {
         "en": "Report Agent Using Knowledge Base",
+        "de": "Berichtsagent mit Wissensdatenbank",
         "zh": "知识库检索智能体"},
     "description": {
         "en": "A report generation assistant using local knowledge base, with advanced capabilities in task planning, reasoning, and reflective analysis. Recommended for academic research paper Q&A",
+        "de": "Ein Berichtsgenerierungsassistent, der eine lokale Wissensdatenbank nutzt, mit erweiterten Fähigkeiten in Aufgabenplanung, Schlussfolgerung und reflektierender Analyse. Empfohlen für akademische Forschungspapier-Fragen und -Antworten.",
         "zh": "一个使用本地知识库的报告生成助手，具备高级能力，包括任务规划、推理和反思性分析。推荐用于学术研究论文问答。"},
     "canvas_type": "Recommended",
     "dsl": {

agent/templates/market_generate_seo_blog.json

@@ -2,9 +2,11 @@
     "id": 12,
     "title": {
         "en": "Generate SEO Blog",
+        "de": "SEO Blog generieren",
         "zh": "生成SEO博客"},
     "description": {
-        "en": "This workflow automatically generates a complete SEO-optimized blog article based on a simple user input. You don’t need any writing experience. Just provide a topic or short request — the system will handle the rest.",
+        "en": "This workflow automatically generates a complete SEO-optimized blog article based on a simple user input. You don't need any writing experience. Just provide a topic or short request — the system will handle the rest.",
+        "de": "Dieser Workflow generiert automatisch einen vollständigen SEO-optimierten Blogartikel basierend auf einer einfachen Benutzereingabe. Sie benötigen keine Schreiberfahrung. Geben Sie einfach ein Thema oder eine kurze Anfrage ein – das System übernimmt den Rest.",
         "zh": "此工作流根据简单的用户输入自动生成完整的SEO博客文章。你无需任何写作经验，只需提供一个主题或简短请求，系统将处理其余部分。"},
     "canvas_type": "Marketing",
     "dsl": {

agent/templates/seo_blog.json

@@ -2,9 +2,11 @@
     "id": 4,
     "title": {
         "en": "Generate SEO Blog",
+        "de": "SEO Blog generieren",
         "zh": "生成SEO博客"},
     "description": {
-        "en": "This workflow automatically generates a complete SEO-optimized blog article based on a simple user input. You don’t need any writing experience. Just provide a topic or short request — the system will handle the rest.",
+        "en": "This workflow automatically generates a complete SEO-optimized blog article based on a simple user input. You don't need any writing experience. Just provide a topic or short request — the system will handle the rest.",
+        "de": "Dieser Workflow generiert automatisch einen vollständigen SEO-optimierten Blogartikel basierend auf einer einfachen Benutzereingabe. Sie benötigen keine Schreiberfahrung. Geben Sie einfach ein Thema oder eine kurze Anfrage ein – das System übernimmt den Rest.",
         "zh": "此工作流根据简单的用户输入自动生成完整的SEO博客文章。你无需任何写作经验，只需提供一个主题或简短请求，系统将处理其余部分。"},
     "canvas_type": "Recommended",
     "dsl": {

agent/templates/sql_assistant.json

@@ -2,10 +2,12 @@
     "id": 17,
     "title": {
         "en": "SQL Assistant",
+        "de": "SQL Assistent",
         "zh": "SQL助理"},
     "description": {
-        "en": "SQL Assistant is an AI-powered tool that lets business users turn plain-English questions into fully formed SQL queries. Simply type your question (e.g., “Show me last quarter’s top 10 products by revenue”) and SQL Assistant generates the exact SQL, runs it against your database, and returns the results in seconds. ",
-        "zh": "用户能够将简单文本问题转化为完整的SQL查询并输出结果。只需输入您的问题（例如，“展示上个季度前十名按收入排序的产品”），SQL助理就会生成精确的SQL语句，对其运行您的数据库，并几秒钟内返回结果。"},
+        "en": "SQL Assistant is an AI-powered tool that lets business users turn plain-English questions into fully formed SQL queries. Simply type your question (e.g., 'Show me last quarter's top 10 products by revenue') and SQL Assistant generates the exact SQL, runs it against your database, and returns the results in seconds. ",
+        "de": "SQL-Assistent ist ein KI-gestütztes Tool, mit dem Geschäftsanwender einfache englische Fragen in vollständige SQL-Abfragen umwandeln können. Geben Sie einfach Ihre Frage ein (z.B. 'Zeige mir die Top 10 Produkte des letzten Quartals nach Umsatz') und der SQL-Assistent generiert das exakte SQL, führt es gegen Ihre Datenbank aus und liefert die Ergebnisse in Sekunden.",
+        "zh": "用户能够将简单文本问题转化为完整的SQL查询并输出结果。只需输入您的问题（例如，展示上个季度前十名按收入排序的产品），SQL助理就会生成精确的SQL语句，对其运行您的数据库，并几秒钟内返回结果。"},
     "canvas_type": "Marketing",
     "dsl": {
             "components": {

agent/templates/title_chunker.json

@@ -2,10 +2,12 @@
     "id": 25,
     "title": {
         "en": "Title Chunker",
+        "de": "Titel basierte Segmentierung",
         "zh": "标题切片"
     },
     "description": {
         "en": "This template slices the parsed file based on its title structure. It is ideal for documents with well-defined headings, such as product manuals, legal contracts, research reports, and academic papers.",
+        "de": "Diese Vorlage segmentiert die geparste Datei basierend auf ihrer Titelstruktur. Sie eignet sich ideal für Dokumente mit klar definierten Überschriften, wie Produkthandbücher, Verträge, Forschungsberichte und wissenschaftliche Arbeiten.",
         "zh": "此模板将解析后的文件按标题结构进行切片，适用于具有清晰标题层级的文档类型，如产品手册、合同法规、研究报告和学术论文等。"
     },
     "canvas_type": "Ingestion Pipeline",

web/src/interfaces/database/flow.ts

@@ -52,12 +52,14 @@ export interface IFlowTemplate {
   description: {
     en: string;
     zh: string;
+    de: string;
   };
   dsl: DSL;
   id: string;
   title: {
     en: string;
     zh: string;
+    de: string;
   };
   update_date: string;
   update_time: number;

web/src/pages/agents/template-card.tsx

@@ -20,7 +20,7 @@ export function TemplateCard({ data, showModal }: IProps) {
 
   const language = useMemo(() => {
     return i18n.language || 'en';
-  }, []) as 'en' | 'zh';
+  }, []) as 'en' | 'zh' | 'de';
 
   return (
     <Card className="border-colors-outline-neutral-standard group relative min-h-40">
@@ -31,9 +31,9 @@ export function TemplateCard({ data, showModal }: IProps) {
             avatar={data.avatar ? data.avatar : 'https://github.com/shadcn.png'}
             name={data?.title[language] || 'CN'}
           ></RAGFlowAvatar>
-          <div className="text-[18px] font-bold ">{data?.title[language]}</div>
+          <div className="text-[18px] font-bold break-words hyphens-auto overflow-hidden"lang={language}>{data?.title[language]}</div>
         </div>
-        <p className="break-words">{data?.description[language]}</p>
+        <p className="break-words hypens-auto"lang={language}>{data?.description[language]}</p>
         <div className="group-hover:bg-gradient-to-t from-black/70 from-10% via-black/0 via-50% to-black/0 w-full h-full group-hover:block absolute top-0 left-0 hidden rounded-xl">
           <Button
             variant="default"