diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx index 21e09bcc0..4b6ebb799 100644 --- a/frontend/src/components/workspace/input-box.tsx +++ b/frontend/src/components/workspace/input-box.tsx @@ -9,6 +9,7 @@ import { PlusIcon, ZapIcon, } from "lucide-react"; +import { useSearchParams } from "next/navigation"; import { useCallback, useMemo, useState, type ComponentProps } from "react"; import { @@ -96,6 +97,7 @@ export function InputBox({ onStop?: () => void; }) { const { t } = useI18n(); + const searchParams = useSearchParams(); const [modelDialogOpen, setModelDialogOpen] = useState(false); const { models } = useModels(); const selectedModel = useMemo(() => { @@ -347,7 +349,7 @@ export function InputBox({ /> - {isNewThread && ( + {isNewThread && searchParams.get("mode") !== "skill" && (
diff --git a/frontend/src/components/workspace/welcome.tsx b/frontend/src/components/workspace/welcome.tsx index 8582d9499..d944c205d 100644 --- a/frontend/src/components/workspace/welcome.tsx +++ b/frontend/src/components/workspace/welcome.tsx @@ -17,16 +17,28 @@ export function Welcome({ className }: { className?: string }) { >
{searchParams.get("mode") === "skill" - ? `🚀 ${t.settings.skills.createSkill}` + ? `✨ ${t.welcome.createYourOwnSkill} ✨` : t.welcome.greeting}
-
- {t.welcome.description.includes("\n") ? ( -
{t.welcome.description}
- ) : ( -

{t.welcome.description}

- )} -
+ {searchParams.get("mode") === "skill" ? ( +
+ {t.welcome.createYourOwnSkillDescription.includes("\n") ? ( +
+              {t.welcome.createYourOwnSkillDescription}
+            
+ ) : ( +

{t.welcome.createYourOwnSkillDescription}

+ )} +
+ ) : ( +
+ {t.welcome.description.includes("\n") ? ( +
{t.welcome.description}
+ ) : ( +

{t.welcome.description}

+ )} +
+ )} ); } diff --git a/frontend/src/core/i18n/locales/en-US.ts b/frontend/src/core/i18n/locales/en-US.ts index 613d31ef8..d055c5bd7 100644 --- a/frontend/src/core/i18n/locales/en-US.ts +++ b/frontend/src/core/i18n/locales/en-US.ts @@ -48,6 +48,10 @@ export const enUS: Translations = { greeting: "👋 Hello, again!", description: "Welcome to 🦌 DeerFlow, an open source super agent. With built-in and custom skills, DeerFlow helps you search on the web, analyze data, and generate artifacts like slides, web pages and do almost anything.", + + createYourOwnSkill: "Create Your Own Skill", + createYourOwnSkillDescription: + "Create your own skill to release the power of DeerFlow. With customized skills,\nDeerFlow can help you search on the web, analyze data, and generate\n artifacts like slides, web pages and do almost anything.", }, // Clipboard diff --git a/frontend/src/core/i18n/locales/types.ts b/frontend/src/core/i18n/locales/types.ts index 169d768e7..673e42f2e 100644 --- a/frontend/src/core/i18n/locales/types.ts +++ b/frontend/src/core/i18n/locales/types.ts @@ -36,6 +36,8 @@ export interface Translations { welcome: { greeting: string; description: string; + createYourOwnSkill: string; + createYourOwnSkillDescription: string; }; // Clipboard diff --git a/frontend/src/core/i18n/locales/zh-CN.ts b/frontend/src/core/i18n/locales/zh-CN.ts index 16713d83f..ae733bb4d 100644 --- a/frontend/src/core/i18n/locales/zh-CN.ts +++ b/frontend/src/core/i18n/locales/zh-CN.ts @@ -48,6 +48,10 @@ export const zhCN: Translations = { greeting: "👋 你好,欢迎回来!", description: "欢迎使用 🦌 DeerFlow,一个完全开源的超级智能体。通过内置和\n自定义的 Skills,DeerFlow 可以帮你搜索网络、分析数据,\n还能为你生成幻灯片、网页等作品,几乎可以做任何事情。", + + createYourOwnSkill: "创建你自己的 Agent SKill", + createYourOwnSkillDescription: + "创建你的 Agent Skill 来释放 DeerFlow 的潜力。通过自定义技能,DeerFlow\n可以帮你搜索网络、分析数据,还能为你生成幻灯片、\n网页等作品,几乎可以做任何事情。", }, // Clipboard