- When enabled, DeerFlow will use reasoning model (
- {config.models.reasoning?.[0]}) to generate more thoughtful
- plans.
+ {t("deepThinkingTooltip.description", {
+ model: config.models.reasoning?.[0] ?? "",
+ })}
}
@@ -237,7 +242,7 @@ export function InputBox({
setEnableDeepThinking(!enableDeepThinking);
}}
>
- Deep Thinking
+ {t("deepThinking")}
)}
@@ -247,13 +252,11 @@ export function InputBox({
title={
- * This site is for demo purposes only. If you want to try your
- own question, please{" "}
+ {t("demoNotice")}{" "}
- click here
+ {t("clickHere")}
{" "}
- to clone it locally and run it.
+ {t("cloneLocally")}
)}
diff --git a/web/src/app/chat/components/research-activities-block.tsx b/web/src/app/chat/components/research-activities-block.tsx
index e2d2413..6730734 100644
--- a/web/src/app/chat/components/research-activities-block.tsx
+++ b/web/src/app/chat/components/research-activities-block.tsx
@@ -5,6 +5,7 @@ import { PythonOutlined } from "@ant-design/icons";
import { motion } from "framer-motion";
import { LRUCache } from "lru-cache";
import { BookOpenText, FileText, PencilRuler, Search } from "lucide-react";
+import { useTranslations } from "next-intl";
import { useTheme } from "next-themes";
import { useMemo } from "react";
import SyntaxHighlighter from "react-syntax-highlighter";
@@ -122,6 +123,7 @@ type SearchResult =
};
function WebSearchToolCall({ toolCall }: { toolCall: ToolCallRuntime }) {
+ const t = useTranslations("chat.research");
const searching = useMemo(() => {
return toolCall.result === undefined;
}, [toolCall.result]);
@@ -159,7 +161,7 @@ function WebSearchToolCall({ toolCall }: { toolCall: ToolCallRuntime }) {
animated={searchResults === undefined}
>
- Searching for
+ {t("searchingFor")}
{(toolCall.args as { query: string }).query}
@@ -238,6 +240,7 @@ function WebSearchToolCall({ toolCall }: { toolCall: ToolCallRuntime }) {
}
function CrawlToolCall({ toolCall }: { toolCall: ToolCallRuntime }) {
+ const t = useTranslations("chat.research");
const url = useMemo(
() => (toolCall.args as { url: string }).url,
[toolCall.args],
@@ -251,7 +254,7 @@ function CrawlToolCall({ toolCall }: { toolCall: ToolCallRuntime }) {
animated={toolCall.result === undefined}
>
- Reading
+ {t("reading")}
diff --git a/web/src/app/chat/components/site-header.tsx b/web/src/app/chat/components/site-header.tsx
index 311a326..5d7e334 100644
--- a/web/src/app/chat/components/site-header.tsx
+++ b/web/src/app/chat/components/site-header.tsx
@@ -3,12 +3,16 @@
import { StarFilledIcon, GitHubLogoIcon } from "@radix-ui/react-icons";
import Link from "next/link";
+import { useTranslations } from 'next-intl';
+import { LanguageSwitcher } from "~/components/deer-flow/language-switcher";
import { NumberTicker } from "~/components/magicui/number-ticker";
import { Button } from "~/components/ui/button";
import { env } from "~/env";
-export async function SiteHeader() {
+export function SiteHeader() {
+ const t = useTranslations('common');
+
return (
@@ -16,7 +20,8 @@ export async function SiteHeader() {
🦌DeerFlow
-
+
+
- Star on GitHub
+ {t('starOnGitHub')}
{env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY &&
env.GITHUB_OAUTH_TOKEN && }
diff --git a/web/src/app/chat/components/welcome.tsx b/web/src/app/chat/components/welcome.tsx
index 82c24e8..4bd0dbe 100644
--- a/web/src/app/chat/components/welcome.tsx
+++ b/web/src/app/chat/components/welcome.tsx
@@ -2,10 +2,13 @@
// SPDX-License-Identifier: MIT
import { motion } from "framer-motion";
+import { useTranslations } from "next-intl";
import { cn } from "~/lib/utils";
export function Welcome({ className }: { className?: string }) {
+ const t = useTranslations("chat.welcome");
+
return (
-
- 👋 Hello, there!
-
+
{t("greeting")}
- Welcome to{" "}
-
- 🦌 DeerFlow
-
- , a deep research assistant built on cutting-edge language models, helps
- you search on web, browse information, and handle complex tasks.
+ {t("description")}
);
diff --git a/web/src/app/chat/page.tsx b/web/src/app/chat/page.tsx
index bf18b19..9536669 100644
--- a/web/src/app/chat/page.tsx
+++ b/web/src/app/chat/page.tsx
@@ -6,6 +6,7 @@
import { GithubOutlined } from "@ant-design/icons";
import dynamic from "next/dynamic";
import Link from "next/link";
+import { useTranslations } from "next-intl";
import { Suspense } from "react";
import { Button } from "~/components/ui/button";
@@ -25,12 +26,14 @@ const Main = dynamic(() => import("./main"), {
});
export default function HomePage() {
+ const t = useTranslations("chat.page");
+
return (
-
+
-
* DEER stands for Deep Exploration and Efficient Research.