diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx index 21e09bc..4b6ebb7 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 8582d94..d944c20 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 613d31e..d055c5b 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 169d768..673e42f 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 16713d8..ae733bb 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