-
本机版本
+
{i18next.t("dict.gen_bfedfa19")}
{formatDesktopVersion(updater.currentVersion)}
-
更新状态
+
{i18next.t("layout.desktopUpdatePanel.dex6pz")}
{getDesktopUpdaterStatusLabel(updater.status)}
-
可用版本
+
{i18next.t("dict.gen_29afa32e")}
{updater.availableVersion ? formatDesktopVersion(updater.availableVersion) : "—"}
@@ -95,7 +96,7 @@ export default function DesktopUpdatePanel({ updater, showEnvironment = true }:
{typeof updater.progressPercent === "number" ? (
- 下载进度
+ {i18next.t("layout.desktopUpdatePanel.ag2ohp")}
{Math.round(updater.progressPercent)}%
@@ -110,9 +111,7 @@ export default function DesktopUpdatePanel({ updater, showEnvironment = true }:
-
+
{showCheckButton ? (
+ {i18next.t("layout.desktopBootstrapShell.afvrf2")}
) : null}
{showInstallButton ? (
+ {i18next.t("layout.desktopUpdatePanel.kmbgf2")}
) : null}
diff --git a/client/src/components/layout/LanguageSwitcher.tsx b/client/src/components/layout/LanguageSwitcher.tsx
new file mode 100644
index 0000000000..b2ae3dd478
--- /dev/null
+++ b/client/src/components/layout/LanguageSwitcher.tsx
@@ -0,0 +1,69 @@
+import i18next from "i18next";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { Globe } from "lucide-react";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+
+export interface LanguageOption {
+ code: string;
+ label: string;
+ nativeLabel: string;
+}
+
+interface LanguageSwitcherProps {
+ variant?: "outline" | "ghost" | "default" | "secondary";
+ size?: "default" | "sm" | "lg" | "icon";
+ className?: string;
+}
+
+export default function LanguageSwitcher({
+ className = "",
+}: LanguageSwitcherProps) {
+ const { t, i18n } = useTranslation();
+ const currentLang = (i18n.language || "zh").startsWith("en") ? "en" : "zh";
+
+ const supportedLanguages: LanguageOption[] = [
+ { code: "zh", label: i18next.t("layout.languageSwitcher.fwrpxp"), nativeLabel: i18next.t("layout.languageSwitcher.fwrpxp") },
+ { code: "en", label: "English", nativeLabel: "English" },
+ ];
+
+ const handleLanguageChange = (newLang: string) => {
+ i18n.changeLanguage(newLang);
+ localStorage.setItem("app_language", newLang);
+ };
+
+ const currentOption = supportedLanguages.find((l) => l.code === currentLang) ?? supportedLanguages[0];
+
+ return (
+
+
+
+ );
+}
diff --git a/client/src/components/layout/Navbar.tsx b/client/src/components/layout/Navbar.tsx
index cc178a519c..f48dfe8f16 100644
--- a/client/src/components/layout/Navbar.tsx
+++ b/client/src/components/layout/Navbar.tsx
@@ -1,13 +1,16 @@
import { useLocation } from "react-router-dom";
+import { useTranslation } from "react-i18next";
import { SlidersHorizontal } from "lucide-react";
import LLMSelector from "@/components/common/LLMSelector";
+import ImageModelSelector from "@/components/common/ImageModelSelector";
import { useCreationSetup } from "@/components/onboarding/CreationSetupContext";
import AppVersionBadge from "@/components/layout/AppVersionBadge";
+import DesktopReleaseNotesDialog from "@/components/layout/DesktopReleaseNotesDialog";
import DesktopBrandMark from "@/components/layout/DesktopBrandMark";
import LiveExecutionDialog from "@/components/liveExecution/LiveExecutionDialog";
import ProjectGithubLink from "@/components/layout/ProjectGithubLink";
+import LanguageSwitcher from "@/components/layout/LanguageSwitcher";
import ThemeToggle from "@/components/theme/ThemeToggle";
-import DesktopReleaseNotesDialog from "@/components/layout/DesktopReleaseNotesDialog";
import { Button } from "@/components/ui/button";
import {
AUTO_DIRECTOR_MOBILE_CLASSES,
@@ -21,6 +24,7 @@ interface NavbarProps {
export default function Navbar(props: NavbarProps) {
const { workspaceNavMode, onWorkspaceNavModeChange } = props;
+ const { t } = useTranslation();
const { openQuickSetup } = useCreationSetup();
const location = useLocation();
const isHome = location.pathname === "/";
@@ -33,7 +37,7 @@ export default function Navbar(props: NavbarProps) {
-
AI 小说创作工作台
+
{t("navbar.title", "AI 小说创作工作台")}
@@ -50,11 +54,12 @@ export default function Navbar(props: NavbarProps) {
className={useMobileAutoDirectorShell ? AUTO_DIRECTOR_MOBILE_CLASSES.navbarWorkspaceToggle : undefined}
onClick={() => onWorkspaceNavModeChange?.(workspaceNavMode === "workspace" ? "project" : "workspace")}
>
- {workspaceNavMode === "workspace" ? "项目导航" : "创作导航"}
+ {workspaceNavMode === "workspace" ? t("navbar.projectNav", "项目导航") : t("navbar.createNav", "创作导航")}
) : null}
+
-
diff --git a/client/src/components/layout/NovelWorkspaceRail.tsx b/client/src/components/layout/NovelWorkspaceRail.tsx
index d3c1e55ad9..937e2adb66 100644
--- a/client/src/components/layout/NovelWorkspaceRail.tsx
+++ b/client/src/components/layout/NovelWorkspaceRail.tsx
@@ -1,3 +1,4 @@
+import i18next from "i18next";
import { useMemo, useState } from "react";
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import {
@@ -82,12 +83,12 @@ function hasChapterPlanContent(chapter: VolumePlan["chapters"][number]): boolean
}
function formatTaskStatus(status: string | null | undefined): string {
- if (status === "running") return "进行中";
- if (status === "queued") return "排队中";
- if (status === "waiting_approval") return "待审核";
- if (status === "failed") return "异常";
- if (status === "succeeded") return "已完成";
- return "空闲";
+ if (status === "running") return i18next.t("tasks.levelRunning");
+ if (status === "queued") return i18next.t("tasks.filterStatusQueued");
+ if (status === "waiting_approval") return i18next.t("dict.gen_5cb42476");
+ if (status === "failed") return i18next.t("dict.gen_c195df63");
+ if (status === "succeeded") return i18next.t("tasks.filterStatusSucceeded");
+ return i18next.t("dict.gen_87bb5bbc");
}
function shouldShowBookAutomationProjectionWithoutActiveTask(input: {
@@ -324,11 +325,11 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
const workflowProgressCount = workflowIndex >= 0 ? workflowIndex + 1 : completedStepCount;
const novelTitle = novelDetail?.title?.trim() || "小说创作工作台";
const runtimeActionSummary = runtimeProjection?.nextActionLabel
- ? `下一步：${runtimeProjection.nextActionLabel}`
+ ? i18next.t("layout.novelWorkspaceRail.u959pi", { val1: (runtimeProjection.nextActionLabel) })
: null;
const runtimeSummary = dashboardView?.currentAction?.trim()
|| (dashboardView?.requiresUserAction
- ? `需要处理：${dashboardView.userActionReason ?? "请先查看当前停留点"}`
+ ? i18next.t("layout.novelWorkspaceRail.ughjvr", { val1: (dashboardView.userActionReason ?? "请先查看当前停留点") })
: null)
|| runtimeSnapshot?.displayState.currentAction?.trim()
|| runtimeProjection?.headline
@@ -342,8 +343,8 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
|| (activeTask.status === "failed"
? activeTask.lastError || "后台任务已中断，可打开执行详情查看原因。"
: activeTask.status === "waiting_approval"
- ? `等待处理：${getNovelWorkspaceTabLabel(workflowCurrentTab ?? activeTab)}`
- : activeTask.currentItemLabel || `AI 正在推进 ${getNovelWorkspaceTabLabel(workflowCurrentTab ?? activeTab)}`)
+ ? i18next.t("layout.novelWorkspaceRail.64fodo", { val1: (getNovelWorkspaceTabLabel(workflowCurrentTab ?? activeTab)) })
+ : activeTask.currentItemLabel || i18next.t("layout.novelWorkspaceRail.x935c0", { val1: (getNovelWorkspaceTabLabel(workflowCurrentTab ?? activeTab)) }))
: "当前没有后台导演任务，可以直接继续手动创作。";
const cockpitProjection = useMemo(() => {
if (!visibleBookAutomationProjection || !runtimeSummary?.trim()) {
@@ -398,7 +399,7 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
const continueDirectorMutation = useMutation({
mutationFn: async () => {
if (!activeTask?.id) {
- throw new Error("当前没有可继续的自动导演任务。");
+ throw new Error(i18next.t("dict.gen_8b4231ef"));
}
return continueNovelWorkflow(activeTask.id, {
continuationMode: resolveDirectorContinueMode(activeTask),
@@ -430,7 +431,7 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
toast.success(feedback.message);
},
onError: (error) => {
- toast.error(error instanceof Error ? error.message : "继续自动导演失败。");
+ toast.error(error instanceof Error ? error.message : i18next.t("toasts.failedAutoDirector"));
},
});
@@ -450,9 +451,7 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
-
- 创作工作台
-
+
{i18next.t("layout.novelWorkspaceRail.npze6g")}
{novelTitle}
@@ -476,9 +475,7 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
variant="outline"
className="justify-start bg-background"
onClick={() => navigate("/novels")}
- >
- 返回小说列表
-
+ >{i18next.t("dict.gen_9c469174")}
) : (
@@ -568,7 +565,7 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
{!collapsed ? (
@@ -597,8 +594,8 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
variant="outline"
className="h-9 w-9"
onClick={openProgressDialog}
- title={`查看导演进度：${formatTaskStatus(activeTask?.status)}`}
- aria-label="查看导演进度"
+ title={i18next.t("layout.novelWorkspaceRail.lndi3l", { val1: (formatTaskStatus(activeTask?.status)) })}
+ aria-label={i18next.t("dict.gen_efbfb3ff")}
>
@@ -609,8 +606,8 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
variant="outline"
className="h-9 w-9"
onClick={onSwitchToProjectNav}
- title="切换到项目导航"
- aria-label="切换到项目导航"
+ title={i18next.t("dict.gen_047a2c31")}
+ aria-label={i18next.t("dict.gen_047a2c31")}
>
@@ -625,9 +622,7 @@ export default function NovelWorkspaceRail(props: NovelWorkspaceRailProps) {
AI 自动导演进度
-
- 查看这本书的推进步骤、最近进展和 AI 用量。
-
+ {i18next.t("layout.novelWorkspaceRail.m4mdi")}
setProgressDialogOpen(false)}
onConfirmAndContinue={() => continueDirectorMutation.mutate()}
isConfirmingAndContinuing={continueDirectorMutation.isPending}
+ onOpenTaskCenter={() => {
+ setProgressDialogOpen(false);
+ navigate("/tasks");
+ }}
/>
diff --git a/client/src/components/layout/ProjectGithubLink.tsx b/client/src/components/layout/ProjectGithubLink.tsx
index bd8d646f91..edd4a213df 100644
--- a/client/src/components/layout/ProjectGithubLink.tsx
+++ b/client/src/components/layout/ProjectGithubLink.tsx
@@ -1,8 +1,10 @@
+import i18next from "i18next";
+const t = (key: string, options?: any) => i18next.t(key, options) as string;
import { Github } from "lucide-react";
import { cn } from "@/lib/utils";
-const PROJECT_GITHUB_URL = "https://github.com/ExplosiveCoderflome/AI-Novel-Writing-Assistant";
-const PROJECT_GITHUB_LABEL = "AI-Novel-Writing-Assistant";
+const PROJECT_GITHUB_URL = "https://github.com/winnerineast/GeneralAgent";
+const PROJECT_GITHUB_LABEL = "GeneralAgent";
interface ProjectGithubLinkProps {
className?: string;
@@ -18,8 +20,8 @@ export default function ProjectGithubLink({ className }: ProjectGithubLinkProps)
"inline-flex h-5 shrink-0 items-center gap-1 rounded-md px-1 text-[11px] leading-none text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
className,
)}
- title="打开 GitHub 仓库"
- aria-label="打开 GitHub 仓库"
+ title={i18next.t("dict.gen_8f9e4b3e")}
+ aria-label={i18next.t("dict.gen_8f9e4b3e")}
>
{PROJECT_GITHUB_LABEL}
diff --git a/client/src/components/layout/ServerStartupGate.tsx b/client/src/components/layout/ServerStartupGate.tsx
index 46843f22b8..a555bdf1d0 100644
--- a/client/src/components/layout/ServerStartupGate.tsx
+++ b/client/src/components/layout/ServerStartupGate.tsx
@@ -1,3 +1,5 @@
+import i18next from "i18next";
+const t = (key: string, options?: any) => i18next.t(key, options) as string;
import { useEffect, useMemo, useState, type ReactNode } from "react";
import { LoaderCircle, RefreshCw } from "lucide-react";
import { API_BASE_URL, APP_RUNTIME } from "@/lib/constants";
@@ -41,16 +43,12 @@ function ServerStartupScreen(props: {
-
正在连接本地创作服务
-
- 页面已准备好，系统会在服务可用后自动进入工作台。
-
+
{i18next.t("dict.gen_da4a0654")}
+
{i18next.t("layout.serverStartupGate.r8ysxh")}
{waiting ? (
+ {i18next.t("dict.gen_a1ad5204")}
) : null}
diff --git a/client/src/components/layout/Sidebar.tsx b/client/src/components/layout/Sidebar.tsx
index 5c1c188520..9f94d755bf 100644
--- a/client/src/components/layout/Sidebar.tsx
+++ b/client/src/components/layout/Sidebar.tsx
@@ -1,3 +1,4 @@
+import i18next from "i18next";
import { useQuery } from "@tanstack/react-query";
import { useEffect, useState } from "react";
import {
@@ -9,10 +10,12 @@ import {
Database,
Globe2,
House,
+ Film,
Images,
LayoutDashboard,
ListTodo,
MonitorPlay,
+ Route,
SquareStack,
ScanSearch,
Settings2,
@@ -21,6 +24,7 @@ import {
Tags,
UsersRound,
WandSparkles,
+ Video,
Workflow,
type LucideIcon,
} from "lucide-react";
@@ -34,6 +38,8 @@ import { Button } from "@/components/ui/button";
import { VisualAssetLibraryDialog } from "@/components/visualAssets";
import { cn } from "@/lib/utils";
+import { useTranslation } from "react-i18next";
+
interface NavItem {
to: string;
label: string;
@@ -47,53 +53,54 @@ interface NavGroup {
items: NavItem[];
}
-const navGroups: NavGroup[] = [
- {
- title: "创作",
- items: [
- { to: "/", label: "首页", icon: House },
- { to: "/help", label: "创作向导", icon: CircleHelp },
- { to: "/novels", label: "小说列表", icon: BookOpenText },
- { to: "/drama", label: "短剧工作台", icon: MonitorPlay, disabled: true },
- { to: "/comic", label: "漫画工作台", icon: SquareStack },
- { to: "/creative-hub", label: "创作中枢", icon: LayoutDashboard },
- { to: "/book-analysis", label: "拆书", icon: ScanSearch },
- ],
- },
- {
- title: "资产",
- items: [
- { to: "/genres", label: "题材基底库", icon: Tags },
- { to: "/story-modes", label: "推进模式库", icon: Workflow },
- { to: "/titles", label: "标题工坊", icon: SquarePen },
- { to: "/knowledge", label: "知识库", icon: Database },
- { to: "/worlds", label: "世界样本库", icon: Globe2 },
- { to: "/style-engine", label: "写法引擎", icon: WandSparkles },
- { to: "/anti-ai-rules", label: "反 AI 规则", icon: ShieldCheck },
- { to: "/base-characters", label: "基础角色库", icon: UsersRound },
- { to: "#visual-assets", label: "视觉资源库", icon: Images, action: "visual_asset_library" },
- ],
- },
- {
- title: "系统",
- items: [
- { to: "/tasks", label: "运行记录", icon: ListTodo },
- { to: "/auto-director/follow-ups", label: "导演跟进", icon: Workflow },
- { to: "/prompt-workbench", label: "提示词管理", icon: Braces },
- { to: "/settings", label: "系统设置", icon: Settings2 },
- ],
- },
-];
-
interface SidebarProps {
collapsed: boolean;
onToggle: () => void;
}
export default function Sidebar({ collapsed, onToggle }: SidebarProps) {
+ const { t } = useTranslation();
const [badgeQueriesEnabled, setBadgeQueriesEnabled] = useState(false);
const [visualAssetLibraryOpen, setVisualAssetLibraryOpen] = useState(false);
+ const navGroups: NavGroup[] = [
+ {
+ title: t("sidebar.groupCreative", "创作与扩展"),
+ items: [
+ { to: "/", label: t("sidebar.home", "首页"), icon: House },
+ { to: "/help", label: t("sidebar.help", "创作向导"), icon: CircleHelp },
+ { to: "/novels", label: t("sidebar.novels", "小说列表"), icon: BookOpenText },
+ { to: "/multimedia", label: t("sidebar.multimedia", "多媒体改编"), icon: Film },
+ { to: "/creative-hub", label: t("sidebar.creativeHub", "创作中枢"), icon: LayoutDashboard },
+ { to: "/book-analysis", label: t("sidebar.bookAnalysis", "拆书"), icon: ScanSearch },
+ { to: "/tasks", label: t("sidebar.tasks", "运行记录"), icon: ListTodo },
+ { to: "/auto-director/follow-ups", label: t("sidebar.autoDirector", "导演跟进"), icon: Workflow },
+ ],
+ },
+ {
+ title: t("sidebar.groupAssets", "资产"),
+ items: [
+ { to: "/genres", label: t("sidebar.genres", "题材基底库"), icon: Tags },
+ { to: "/story-modes", label: t("sidebar.storyModes", "推进模式库"), icon: Workflow },
+ { to: "/titles", label: t("sidebar.titles", "标题工坊"), icon: SquarePen },
+ { to: "/knowledge", label: t("sidebar.knowledge", "知识库"), icon: Database },
+ { to: "/worlds", label: t("sidebar.worlds", "世界样本库"), icon: Globe2 },
+ { to: "/style-engine", label: t("sidebar.styleEngine", "写法引擎"), icon: WandSparkles },
+ { to: "/anti-ai-rules", label: t("sidebar.antiAiRules", "反 AI 规则"), icon: ShieldCheck },
+ { to: "/base-characters", label: t("sidebar.baseCharacters", "基础角色库"), icon: UsersRound },
+ { to: "#visual-assets", label: t("sidebar.visualAssets", "视觉资源库"), icon: Images, action: "visual_asset_library" },
+ ],
+ },
+ {
+ title: t("sidebar.groupSystem", "系统"),
+ items: [
+ { to: "/prompt-workbench", label: t("sidebar.prompts", "提示词管理"), icon: Braces },
+ { to: "/settings/model-routes", label: t("sidebar.modelRoutes", "模型路由"), icon: Route },
+ { to: "/settings", label: t("sidebar.settings", "系统设置"), icon: Settings2 },
+ ],
+ },
+ ];
+
useEffect(() => {
const timer = window.setTimeout(() => setBadgeQueriesEnabled(true), 500);
return () => window.clearTimeout(timer);
@@ -133,7 +140,7 @@ export default function Sidebar({ collapsed, onToggle }: SidebarProps) {
const failedIndexCount = knowledgeDocuments.filter((item) => item.latestIndexStatus === "failed").length;
const renderBadge = (to: string) => {
- if (to === "/comic") {
+ if (to === "/multimedia") {
if (collapsed) {
return null;
}
@@ -141,7 +148,7 @@ export default function Sidebar({ collapsed, onToggle }: SidebarProps) {
Beta
@@ -253,7 +260,7 @@ export default function Sidebar({ collapsed, onToggle }: SidebarProps) {
return (
{item.label}
) : null}
{!collapsed ? (
- 即将推出
+ {i18next.t("layout.sidebar.awvfr9")}
) : null}
);
diff --git a/client/src/components/layout/TaskRecoveryContext.tsx b/client/src/components/layout/TaskRecoveryContext.tsx
index a4b6c99643..683bb368be 100644
--- a/client/src/components/layout/TaskRecoveryContext.tsx
+++ b/client/src/components/layout/TaskRecoveryContext.tsx
@@ -1,3 +1,5 @@
+import i18next from "i18next";
+const t = (key: string, options?: any) => i18next.t(key, options) as string;
import { createContext, useCallback, useContext, useEffect, useMemo, useState, type ReactNode } from "react";
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import type { RecoverableTaskSummary } from "@ai-novel/shared/types/task";
@@ -80,12 +82,12 @@ export function TaskRecoveryProvider({ children }: { children: ReactNode }) {
next.add(recoveryItemKey(variables));
return next;
});
- toast.success("已开始恢复任务。");
+ toast.success(i18next.t("dict.gen_07826f27"));
refreshTaskState();
void recoveryQuery.refetch();
},
onError: (error) => {
- toast.error(error instanceof Error ? error.message : "恢复任务失败。");
+ toast.error(error instanceof Error ? error.message : i18next.t("dict.gen_2cf820a2"));
},
});
@@ -100,12 +102,12 @@ export function TaskRecoveryProvider({ children }: { children: ReactNode }) {
}
return next;
});
- toast.success(resumedCount > 0 ? `已开始恢复 ${resumedCount} 个任务。` : "当前没有可恢复任务。");
+ toast.success(resumedCount > 0 ? i18next.t("layout.taskRecoveryContext.nkixai", { val1: resumedCount }) : i18next.t("dict.gen_3c783b2d"));
refreshTaskState();
void recoveryQuery.refetch();
},
onError: (error) => {
- toast.error(error instanceof Error ? error.message : "批量恢复任务失败。");
+ toast.error(error instanceof Error ? error.message : i18next.t("dict.gen_12c15229"));
},
});
diff --git a/client/src/components/layout/TaskRecoveryDialog.tsx b/client/src/components/layout/TaskRecoveryDialog.tsx
index 12eff51df9..39d38a7125 100644
--- a/client/src/components/layout/TaskRecoveryDialog.tsx
+++ b/client/src/components/layout/TaskRecoveryDialog.tsx
@@ -1,3 +1,5 @@
+import i18next from "i18next";
+const t = (key: string, options?: any) => i18next.t(key, options) as string;
import type { RecoverableTaskSummary } from "@ai-novel/shared/types/task";
import { Link } from "react-router-dom";
import { Badge } from "@/components/ui/badge";
@@ -11,18 +13,18 @@ import { useTaskRecovery } from "./TaskRecoveryContext";
function formatTaskKind(kind: RecoverableTaskSummary["kind"]): string {
if (kind === "novel_workflow") {
- return "小说主流程";
+ return i18next.t("dict.gen_398df545");
}
if (kind === "novel_pipeline") {
- return "章节流水线";
+ return i18next.t("dict.gen_30261b85");
}
if (kind === "book_analysis") {
- return "拆书任务";
+ return i18next.t("dict.gen_fc2be1f8");
}
if (kind === "style_extraction") {
- return "写法提取";
+ return i18next.t("tasks.filterKindStyleExtraction");
}
- return "图片任务";
+ return i18next.t("dict.gen_8cf8ad31");
}
export default function TaskRecoveryDialog() {
@@ -40,15 +42,13 @@ export default function TaskRecoveryDialog() {
return (
-