@allbluecn/web-app 0.9.4 → 0.10.0

package/src/components/story/inline-editors/__tests__/dependency-type-select.test.tsx

@@ -29,12 +29,7 @@ import { render, screen, fireEvent, waitFor } from "@testing-library/react";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { DependencyTypeSelect } from "../dependency-type-select";
 
-vi.mock("react-i18next", () => ({
-  useTranslation: () => ({
-    t: (key: string, vars?: Record<string, string>) =>
-      vars ? `${key}(${Object.values(vars).join(",")})` : key,
-  }),
-}));
+;
 
 vi.mock("@/components/ui/tooltip", () => ({
   TooltipProvider: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
@@ -68,30 +63,30 @@ describe("DependencyTypeSelect", () => {
   describe("trigger variant", () => {
     it("无 value 时显示 Waypoints 图标占位 + placeholder 文案", () => {
       renderSelect({ variant: "trigger" });
-      expect(screen.getByRole("button", { name: "dependency.typePlaceholder" })).toBeInTheDocument();
+      expect(screen.getByRole("button", { name: "选择依赖方式" })).toBeInTheDocument();
     });
 
     it("有 value 时显示对应 option 的 label", () => {
       renderSelect({ variant: "trigger", value: "blocking" });
-      expect(screen.getByRole("button", { name: "dependency.options.blocking" })).toBeInTheDocument();
+      expect(screen.getByRole("button", { name: "所选需求在我结束之后才能开始" })).toBeInTheDocument();
     });
 
     it("受控 open：外部控制 Popover 开合", () => {
       const onOpenChange = vi.fn();
       renderSelect({ variant: "trigger", open: true, onOpenChange });
-      expect(screen.getByText("dependency.options.blocked_by")).toBeInTheDocument();
+      expect(screen.getByText("在所选需求结束之后开始")).toBeInTheDocument();
 
-      fireEvent.click(screen.getByText("dependency.options.blocking"));
+      fireEvent.click(screen.getByText("所选需求在我结束之后才能开始"));
       expect(onOpenChange).toHaveBeenCalledWith(false);
     });
 
     it("非受控 open：点击 trigger 打开 Popover", async () => {
       const onChange = vi.fn();
       renderSelect({ variant: "trigger", onChange });
-      expect(screen.queryByText("dependency.options.blocked_by")).not.toBeInTheDocument();
-      fireEvent.click(screen.getByRole("button", { name: "dependency.typePlaceholder" }));
+      expect(screen.queryByText("在所选需求结束之后开始")).not.toBeInTheDocument();
+      fireEvent.click(screen.getByRole("button", { name: "选择依赖方式" }));
       await waitFor(() => {
-        expect(screen.getByText("dependency.options.blocked_by")).toBeInTheDocument();
+        expect(screen.getByText("在所选需求结束之后开始")).toBeInTheDocument();
       });
     });
   });
@@ -99,7 +94,7 @@ describe("DependencyTypeSelect", () => {
   describe("badge variant", () => {
     it("有 value 时显示 badgeLabel + identifier 插值", () => {
       renderSelect({ variant: "badge", value: "blocked_by", identifier: "AB-123" });
-      expect(screen.getByText("dependency.labels.blocked_by(AB-123)")).toBeInTheDocument();
+      expect(screen.getAllByText("我在对方结束之后开始").length).toBeGreaterThan(0);
     });
 
     it("有 currentIdentifier 时渲染含 tooltipLabel 的 TooltipContent", () => {
@@ -109,18 +104,18 @@ describe("DependencyTypeSelect", () => {
         identifier: "AB-456",
         currentIdentifier: "AB-789",
       });
-      expect(screen.getByText("dependency.tooltips.blocking(AB-456,AB-789)")).toBeInTheDocument();
+      expect(screen.getAllByText("对方在我结束之后开始").length).toBeGreaterThan(0);
     });
 
-    it("无 currentIdentifier 时不渲染 TooltipContent", () => {
+    it("无 currentIdentifier 时渲染 badgeLabel 作为 tooltip", () => {
       renderSelect({ variant: "badge", value: "finishes_before", identifier: "AB-001" });
-      expect(screen.getByText("dependency.labels.finishes_before(AB-001)")).toBeInTheDocument();
-      expect(screen.queryByText("dependency.tooltips.finishes_before")).not.toBeInTheDocument();
+      expect(screen.queryAllByText("对方在我结束之后结束").length).toBeGreaterThan(0);
+      expect(document.querySelector('[data-tooltip="content"]')).not.toBeNull();
     });
 
     it("无 value 时显示 placeholder", () => {
       renderSelect({ variant: "badge" });
-      expect(screen.getByText("dependency.typePlaceholder")).toBeInTheDocument();
+      expect(screen.getByText("选择依赖方式")).toBeInTheDocument();
     });
   });
 
@@ -131,7 +126,7 @@ describe("DependencyTypeSelect", () => {
       renderSelect({ variant: "trigger", value: "blocked_by", onChange, onOpenChange, open: true });
       const contentBtns = [...document.querySelectorAll("[role=dialog] button")];
       expect(contentBtns.length).toBeGreaterThan(0);
-      fireEvent.click(contentBtns.find((b) => b.textContent?.includes("dependency.options.blocking"))!);
+      fireEvent.click(contentBtns.find((b) => b.textContent?.includes("所选需求在我结束之后才能开始"))!);
       expect(onChange).toHaveBeenCalledWith("blocking");
       expect(onOpenChange).toHaveBeenCalledWith(false);
     });
@@ -139,7 +134,7 @@ describe("DependencyTypeSelect", () => {
     it("已选中项显示 font-medium 标记", () => {
       renderSelect({ variant: "trigger", value: "starts_after", open: true });
       const checkedBtn = [...document.querySelectorAll("[role=dialog] button")].find(
-        (b) => b.textContent?.includes("dependency.options.starts_after") && b.className.includes("font-medium"),
+        (b) => b.textContent?.includes("在所选需求开始之后开始") && b.className.includes("font-medium"),
       );
       expect(checkedBtn).toBeTruthy();
     });
@@ -148,8 +143,8 @@ describe("DependencyTypeSelect", () => {
   describe("分组", () => {
     it("Popover 内含两个 optionGroups 标题", () => {
       renderSelect({ variant: "trigger", open: true });
-      expect(screen.getByText("dependency.optionGroups.dependsOn")).toBeInTheDocument();
-      expect(screen.getByText("dependency.optionGroups.dependents")).toBeInTheDocument();
+      expect(screen.getByText("此需求依赖所选需求")).toBeInTheDocument();
+      expect(screen.getByText("所选需求依赖此需求")).toBeInTheDocument();
     });
   });
 });

package/src/components/story/inline-editors/__tests__/labels-editor.test.tsx

@@ -20,9 +20,7 @@ import { render, screen, fireEvent, waitFor } from "@testing-library/react";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { LabelsEditor } from "../labels-editor";
 
-vi.mock("react-i18next", () => ({
-  useTranslation: () => ({ t: (key: string) => key }),
-}));
+;
 
 vi.mock("@/lib/utils", () => ({
   cn: (...args: string[]) => args.filter(Boolean).join(" "),
@@ -91,13 +89,13 @@ describe("LabelsEditor AI 入口", () => {
   it("无 aiContext 时不渲染 AI 按钮", () => {
     renderEditor({ aiContext: undefined });
     const dialog = openPopover();
-    expect(dialog.textContent).not.toContain("aiGenerate");
+    expect(dialog.textContent).not.toContain("AI 生成");
   });
 
   it("有 aiContext 时 popover 内出现 AI 生成按钮", () => {
     renderEditor();
     const dialog = openPopover();
-    expect(dialog.textContent).toContain("aiGenerate");
+    expect(dialog.textContent).toContain("AI 生成");
   });
 
   it("生成后展示候选（已有 + 新），默认全选，应用时新标签懒创建并合并 onChange", async () => {
@@ -110,7 +108,7 @@ describe("LabelsEditor AI 入口", () => {
     renderEditor({ onChange });
 
     const dialog = openPopover();
-    fireEvent.click(withText(dialog, "aiGenerate"));
+    fireEvent.click(withText(dialog, "AI 生成"));
 
     await waitFor(() => {
       expect(mocks.suggestStoryLabelsFn).toHaveBeenCalledTimes(1);
@@ -122,7 +120,7 @@ describe("LabelsEditor AI 入口", () => {
       expect(screen.getByText("登录")).toBeTruthy();
     });
 
-    fireEvent.click(withText(document.querySelector("[data-slot=popover-content]")!, "aiApply"));
+    fireEvent.click(withText(document.querySelector("[data-slot=popover-content]")!, "应用"));
     await waitFor(() => {
       expect(mocks.createLabelFn).toHaveBeenCalledWith({ data: { name: "登录" } });
       expect(onChange).toHaveBeenCalledWith(["l1", "l-new"]);
@@ -134,13 +132,13 @@ describe("LabelsEditor AI 入口", () => {
     renderEditor();
 
     const dialog = openPopover();
-    fireEvent.click(withText(dialog, "aiGenerate"));
+    fireEvent.click(withText(dialog, "AI 生成"));
     await waitFor(() => {
-      expect(document.querySelector("[data-slot=popover-content]")!.textContent).toContain("aiFailed");
+      expect(document.querySelector("[data-slot=popover-content]")!.textContent).toContain("AI 生成标签失败");
     });
 
     mocks.suggestStoryLabelsFn.mockResolvedValue({ existingLabels: [], newNames: [] });
-    fireEvent.click(withText(document.querySelector("[data-slot=popover-content]")!, "aiRegenerate"));
+    fireEvent.click(withText(document.querySelector("[data-slot=popover-content]")!, "重新生成"));
     await waitFor(() => {
       expect(mocks.suggestStoryLabelsFn).toHaveBeenCalledTimes(2);
     });
@@ -149,7 +147,7 @@ describe("LabelsEditor AI 入口", () => {
   it("name 为空时不发请求", () => {
     renderEditor({ aiContext: { name: () => "  " } });
     const dialog = openPopover();
-    fireEvent.click(withText(dialog, "aiGenerate"));
+    fireEvent.click(withText(dialog, "AI 生成"));
     expect(mocks.suggestStoryLabelsFn).not.toHaveBeenCalled();
   });
 });

package/src/components/story/inline-editors/__tests__/priority-editor.test.tsx

@@ -29,11 +29,7 @@ import { render, screen, fireEvent } from "@testing-library/react";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { PriorityEditor } from "../priority-editor";
 
-vi.mock("react-i18next", () => ({
-  useTranslation: () => ({
-    t: (key: string) => key,
-  }),
-}));
+;
 
 vi.mock("@/lib/utils", () => ({
   cn: (...args: string[]) => args.filter(Boolean).join(" "),
@@ -64,17 +60,17 @@ beforeEach(() => {
 describe("PriorityEditor", () => {
   it("chip variant 渲染当前 priority 的 label", () => {
     renderEditor({ value: "high" });
-    expect(screen.getByText("priority.high")).toBeInTheDocument();
+    expect(screen.getByText("高")).toBeInTheDocument();
   });
 
   it("urgent 状态渲染对应 chip", () => {
     renderEditor({ value: "urgent" });
-    expect(screen.getByText("priority.urgent")).toBeInTheDocument();
+    expect(screen.getByText("紧急")).toBeInTheDocument();
   });
 
   it("none 状态渲染对应 chip", () => {
     renderEditor({ value: "none" });
-    expect(screen.getByText("priority.none")).toBeInTheDocument();
+    expect(screen.getByText("无")).toBeInTheDocument();
   });
 
   it("点击 chip 打开 Popover 显示所有可选 priority", () => {
@@ -83,16 +79,16 @@ describe("PriorityEditor", () => {
         <PriorityEditor value="medium" onChange={vi.fn()} />
       </TooltipProvider>,
     );
-    fireEvent.click(screen.getByText("priority.medium"));
+    fireEvent.click(screen.getByText("中"));
     expect(getPopoverDialog()).not.toBeNull();
     const buttons = getOptionButtons();
     expect(buttons.map((b) => b.textContent)).toEqual(
       expect.arrayContaining([
-        expect.stringContaining("priority.urgent"),
-        expect.stringContaining("priority.high"),
-        expect.stringContaining("priority.medium"),
-        expect.stringContaining("priority.low"),
-        expect.stringContaining("priority.none"),
+        expect.stringContaining("紧急"),
+        expect.stringContaining("高"),
+        expect.stringContaining("中"),
+        expect.stringContaining("低"),
+        expect.stringContaining("无"),
       ]),
     );
   });
@@ -104,10 +100,10 @@ describe("PriorityEditor", () => {
         <PriorityEditor value="medium" onChange={onChange} />
       </TooltipProvider>,
     );
-    fireEvent.click(screen.getByText("priority.medium"));
+    fireEvent.click(screen.getByText("中"));
     expect(getPopoverDialog()).not.toBeNull();
     const buttons = getOptionButtons();
-    const urgentBtn = buttons.find((b) => b.textContent?.includes("priority.urgent"));
+    const urgentBtn = buttons.find((b) => b.textContent?.includes("紧急"));
     fireEvent.click(urgentBtn!);
     expect(onChange).toHaveBeenCalledWith("urgent");
     expect(getPopoverDialog()).toBeNull();
@@ -119,10 +115,10 @@ describe("PriorityEditor", () => {
         <PriorityEditor value="low" onChange={vi.fn()} />
       </TooltipProvider>,
     );
-    fireEvent.click(screen.getByText("priority.low"));
+    fireEvent.click(screen.getByText("低"));
     expect(getPopoverDialog()).not.toBeNull();
     const checkedBtn = getOptionButtons().find((b) => {
-      return b.textContent?.includes("priority.low") && b.className.includes("font-medium");
+      return b.textContent?.includes("低") && b.className.includes("font-medium");
     });
     expect(checkedBtn).toBeTruthy();
   });
@@ -130,13 +126,13 @@ describe("PriorityEditor", () => {
   describe("multi 模式", () => {
     it("selected 为空时显示当前 priority 的 chip", () => {
       renderEditor({ mode: "multi", selected: [] });
-      expect(screen.getByText("priority.medium")).toBeInTheDocument();
+      expect(screen.getByText("中")).toBeInTheDocument();
     });
 
     it("selected 有值时渲染对应 priority 的多个 chip", () => {
       renderEditor({ mode: "multi", selected: ["high", "urgent"], onMultiChange: vi.fn() });
-      expect(screen.getByText("priority.high")).toBeInTheDocument();
-      expect(screen.getByText("priority.urgent")).toBeInTheDocument();
+      expect(screen.getByText("高")).toBeInTheDocument();
+      expect(screen.getByText("紧急")).toBeInTheDocument();
     });
 
     it("点击 multi 选项触发 onMultiChange 而非 onChange", () => {
@@ -153,10 +149,10 @@ describe("PriorityEditor", () => {
           />
         </TooltipProvider>,
       );
-      fireEvent.click(screen.getByText("priority.medium"));
+      fireEvent.click(screen.getByText("中"));
       expect(getPopoverDialog()).not.toBeNull();
       const buttons = getOptionButtons();
-      const targetBtn = buttons.find((b) => b.textContent?.includes("priority.high"));
+      const targetBtn = buttons.find((b) => b.textContent?.includes("高"));
       fireEvent.click(targetBtn!);
       expect(onMultiChange).toHaveBeenCalledWith("high");
       expect(onChange).not.toHaveBeenCalled();
@@ -166,8 +162,8 @@ describe("PriorityEditor", () => {
 
   it("variant=button 时渲染 InlineTrigger（无 chip 边框）", () => {
     renderEditor({ variant: "button", value: "urgent" });
-    expect(screen.getByText("priority.urgent")).toBeInTheDocument();
-    const chip = screen.getByText("priority.urgent").closest("span.border-border");
+    expect(screen.getByText("紧急")).toBeInTheDocument();
+    const chip = screen.getByText("紧急").closest("span.border-border");
     expect(chip).toBeNull();
   });
 });

package/src/components/story/inline-editors/__tests__/state-editor.test.tsx

@@ -29,11 +29,7 @@ import { render, screen, fireEvent } from "@testing-library/react";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { StateEditor } from "../state-editor";
 
-vi.mock("react-i18next", () => ({
-  useTranslation: () => ({
-    t: (key: string) => key,
-  }),
-}));
+;
 
 vi.mock("@/lib/utils", () => ({
   cn: (...args: string[]) => args.filter(Boolean).join(" "),
@@ -64,17 +60,17 @@ beforeEach(() => {
 describe("StateEditor", () => {
   it("chip variant 渲染当前 state 的 label 作为 chip", () => {
     renderEditor({ value: "in_progress" });
-    expect(screen.getByText("state.in_progress")).toBeInTheDocument();
+    expect(screen.getByText("进行中")).toBeInTheDocument();
   });
 
   it("todo 状态渲染对应 chip", () => {
     renderEditor({ value: "todo" });
-    expect(screen.getByText("state.todo")).toBeInTheDocument();
+    expect(screen.getByText("待办")).toBeInTheDocument();
   });
 
   it("backlog 状态渲染对应 chip", () => {
     renderEditor({ value: "backlog" });
-    expect(screen.getByText("state.backlog")).toBeInTheDocument();
+    expect(screen.getByText("待规划")).toBeInTheDocument();
   });
 
   it("点击 chip 打开 Popover 显示所有可选 state", async () => {
@@ -83,16 +79,16 @@ describe("StateEditor", () => {
         <StateEditor value="todo" onChange={vi.fn()} />
       </TooltipProvider>,
     );
-    fireEvent.click(screen.getByText("state.todo"));
+    fireEvent.click(screen.getByText("待办"));
     expect(getPopoverDialog()).not.toBeNull();
     const buttons = getOptionButtons();
     expect(buttons.map((b) => b.textContent)).toEqual(
       expect.arrayContaining([
-        expect.stringContaining("state.backlog"),
-        expect.stringContaining("state.todo"),
-        expect.stringContaining("state.in_progress"),
-        expect.stringContaining("state.done"),
-        expect.stringContaining("state.cancelled"),
+        expect.stringContaining("待规划"),
+        expect.stringContaining("待办"),
+        expect.stringContaining("进行中"),
+        expect.stringContaining("已完成"),
+        expect.stringContaining("已取消"),
       ]),
     );
   });
@@ -104,10 +100,10 @@ describe("StateEditor", () => {
         <StateEditor value="todo" onChange={onChange} />
       </TooltipProvider>,
     );
-    fireEvent.click(screen.getByText("state.todo"));
+    fireEvent.click(screen.getByText("待办"));
     expect(getPopoverDialog()).not.toBeNull();
     const buttons = getOptionButtons();
-    const doneBtn = buttons.find((b) => b.textContent?.includes("state.done"));
+    const doneBtn = buttons.find((b) => b.textContent?.includes("已完成"));
     fireEvent.click(doneBtn!);
     expect(onChange).toHaveBeenCalledWith("done");
     expect(getPopoverDialog()).toBeNull();
@@ -119,10 +115,10 @@ describe("StateEditor", () => {
         <StateEditor value="done" onChange={vi.fn()} />
       </TooltipProvider>,
     );
-    fireEvent.click(screen.getByText("state.done"));
+    fireEvent.click(screen.getByText("已完成"));
     expect(getPopoverDialog()).not.toBeNull();
     const checkedBtn = getOptionButtons().find((b) => {
-      return b.textContent?.includes("state.done") && b.className.includes("font-medium");
+      return b.textContent?.includes("已完成") && b.className.includes("font-medium");
     });
     expect(checkedBtn).toBeTruthy();
   });
@@ -130,13 +126,13 @@ describe("StateEditor", () => {
   describe("multi 模式", () => {
     it("selected 为空时显示当前 state 的 chip", () => {
       renderEditor({ mode: "multi", selected: [] });
-      expect(screen.getByText("state.todo")).toBeInTheDocument();
+      expect(screen.getByText("待办")).toBeInTheDocument();
     });
 
     it("selected 有值时渲染对应 state 的多个 chip", () => {
       renderEditor({ mode: "multi", selected: ["todo", "in_progress"], onMultiChange: vi.fn() });
-      expect(screen.getByText("state.todo")).toBeInTheDocument();
-      expect(screen.getByText("state.in_progress")).toBeInTheDocument();
+      expect(screen.getByText("待办")).toBeInTheDocument();
+      expect(screen.getByText("进行中")).toBeInTheDocument();
     });
 
     it("点击 multi 选项触发 onMultiChange 而非 onChange", () => {
@@ -153,10 +149,10 @@ describe("StateEditor", () => {
           />
         </TooltipProvider>,
       );
-      fireEvent.click(screen.getByText("state.todo"));
+      fireEvent.click(screen.getByText("待办"));
       expect(getPopoverDialog()).not.toBeNull();
       const buttons = getOptionButtons();
-      const targetBtn = buttons.find((b) => b.textContent?.includes("state.in_progress"));
+      const targetBtn = buttons.find((b) => b.textContent?.includes("进行中"));
       fireEvent.click(targetBtn!);
       expect(onMultiChange).toHaveBeenCalledWith("in_progress");
       expect(onChange).not.toHaveBeenCalled();
@@ -166,9 +162,9 @@ describe("StateEditor", () => {
 
   it("variant=button 时渲染 InlineTrigger（无 chip 边框）", () => {
     renderEditor({ variant: "button", value: "todo" });
-    expect(screen.getByText("state.todo")).toBeInTheDocument();
+    expect(screen.getByText("待办")).toBeInTheDocument();
     // InlineTrigger 走 Button，外层无 chip 边框（span.border-border 不存在）
-    const chip = screen.getByText("state.todo").closest("span.border-border");
+    const chip = screen.getByText("待办").closest("span.border-border");
     expect(chip).toBeNull();
   });
 });

package/src/components/story/inline-editors/assignee-editor.tsx

@@ -17,13 +17,13 @@
 
 import { useMemo, useState } from "react";
 import { CircleUser, Search, Check, ArrowDownUp } from "lucide-react";
-import { useTranslation } from "react-i18next";
 import { Input } from "@/components/ui/input";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { UserAvatar } from "@/components/shared-kit";
 import type { UserBrief } from "../types";
 import { cn } from "@/lib/utils";
 import { InlineTrigger } from "./inline-trigger";
+import { m } from "@/paraglide/messages.js";
 
 interface AssigneeEditorProps {
   assignee: UserBrief | null;
@@ -43,7 +43,6 @@ interface AssigneeEditorProps {
 }
 
 export function AssigneeEditor({ assignee, users, onChange, mode = "single", selected, onMultiChange, className, variant = "chip", scope = "project" }: AssigneeEditorProps) {
-  const { t } = useTranslation("story");
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
   const isMulti = mode === "multi";
@@ -96,8 +95,8 @@ export function AssigneeEditor({ assignee, users, onChange, mode = "single", sel
         </PopoverTrigger>
       ) : (
         <InlineTrigger
-          title={t("inline.assignee")}
-          value={assignee?.username ?? t("inline.notSelected")}
+          title={m.story_inline_assignee()}
+          value={assignee?.username ?? m.story_inline_notSelected()}
           hasValue={!!assignee}
           icon={assignee ? (
             <UserAvatar
@@ -120,17 +119,17 @@ export function AssigneeEditor({ assignee, users, onChange, mode = "single", sel
           <Input
             value={search}
             onChange={(e) => setSearch(e.target.value)}
-            placeholder={isProjectScope ? t("inline.searchProjectMembers") : t("inline.searchTeamMembers")}
+            placeholder={isProjectScope ? m.story_inline_searchProjectMembers() : m.story_inline_searchTeamMembers()}
             className="h-6 pl-8 pr-2 text-xs md:text-xs"
           />
           <button
             type="button"
             onClick={() => setCurrentScope(isProjectScope ? "team" : "project")}
             className="shrink-0 flex items-center gap-0.5 text-[10px] text-muted-foreground hover:text-foreground px-1.5 py-1 rounded hover:bg-accent"
-            title={isProjectScope ? t("inline.switchToTeam") : t("inline.switchToProject")}
+            title={isProjectScope ? m.story_inline_switchToTeam() : m.story_inline_switchToProject()}
           >
             <ArrowDownUp className="size-3" />
-            {isProjectScope ? t("inline.scopeTeam") : t("inline.scopeProject")}
+            {isProjectScope ? m.story_inline_scopeTeam() : m.story_inline_scopeProject()}
           </button>
         </div>
         <div className="overflow-y-auto min-h-0 flex-1 -mx-1 -mb-1 p-1">
@@ -144,11 +143,11 @@ export function AssigneeEditor({ assignee, users, onChange, mode = "single", sel
               )}
             >
               <CircleUser strokeWidth={1.5} className="size-6 text-muted-foreground" />
-              {t("filter.unassignedAssignee")}
+              {m.story_filter_unassignedAssignee()}
             </button>
           )}
           {filtered.length === 0 ? (
-            <div className="px-2 py-1.5 text-xs text-muted-foreground">{t("inline.noMatchMembers")}</div>
+            <div className="px-2 py-1.5 text-xs text-muted-foreground">{m.story_inline_noMatchMembers()}</div>
           ) : (
             filtered.map((u) => {
               const active = isMulti ? (selected ?? []).includes(u.id) : assignee?.id === u.id;

package/src/components/story/inline-editors/date-editor.tsx

@@ -17,13 +17,13 @@
 
 import { useState } from "react";
 import { format } from "date-fns";
-import { useTranslation } from "react-i18next";
 import type { LucideIcon } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Calendar } from "@/components/ui/calendar";
 import { Popover, PopoverContent } from "@/components/ui/popover";
 import { cn } from "@/lib/utils";
 import { InlineTrigger } from "./inline-trigger";
+import { m } from "@/paraglide/messages.js";
 
 interface DateEditorProps {
   value: string | null;
@@ -34,18 +34,17 @@ interface DateEditorProps {
 }
 
 export function DateEditor({ value, onChange, label, icon: Icon, overdue }: DateEditorProps) {
-  const { t } = useTranslation("story");
   const [open, setOpen] = useState(false);
   const date = value ? new Date(value.slice(0, 10)) : null;
   const dayFormat = date
-    ? t("inline.dateShort", { month: date.getMonth() + 1, day: date.getDate() })
+    ? m.story_inline_dateShort({ month: date.getMonth() + 1, day: date.getDate() })
     : undefined;
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
       <InlineTrigger
         title={label}
-        value={dayFormat ?? t("inline.notSelected")}
+        value={dayFormat ?? m.story_inline_notSelected()}
         hasValue={!!value}
         icon={<Icon className={cn("size-3.5", overdue ? "text-destructive" : "text-muted-foreground")} />}
         label={dayFormat}
@@ -65,7 +64,7 @@ export function DateEditor({ value, onChange, label, icon: Icon, overdue }: Date
               className="h-7 w-full text-xs text-muted-foreground"
               onClick={() => { onChange(null); setOpen(false); }}
             >
-              {t("inline.clear")}
+              {m.story_inline_clear()}
             </Button>
           </div>
         )}

package/src/components/story/inline-editors/dependency-type-select.tsx

@@ -16,15 +16,19 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
 import { Check, Waypoints } from "lucide-react";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { Button, buttonVariants } from "@/components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { DEPENDENCY_TYPE_OPTIONS, type DependencyTypeOption } from "../constants";
 import { cn } from "@/lib/utils";
+import { m } from "@/paraglide/messages.js";
 
 const OPTION_GROUPS = ["dependsOn", "dependents"] as const;
+const GROUP_LABELS: Record<string, () => string> = {
+  dependsOn: m.story_dependency_optionGroups_dependsOn,
+  dependents: m.story_dependency_optionGroups_dependents,
+};
 
 /** 按选项配置渲染图标（旋转角度来自 constants 的 iconRotation，用内联 style 避免 JIT 动态类名） */
 function OptionIcon({
@@ -71,7 +75,6 @@ export function DependencyTypeSelect({
   onOpenChange,
   className,
 }: DependencyTypeSelectProps) {
-  const { t } = useTranslation("story");
   const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
   const open = openProp ?? uncontrolledOpen;
   const handleOpenChange = (next: boolean) => {
@@ -87,7 +90,7 @@ export function DependencyTypeSelect({
       {OPTION_GROUPS.map((group, gi) => (
         <div key={group} className={cn(gi > 0 && "mt-1 border-t pt-1")}>
           <p className="px-2 py-1 text-xs font-medium text-muted-foreground">
-            {t(`dependency.optionGroups.${group}`)}
+            {GROUP_LABELS[group]?.() ?? group}
           </p>
           {DEPENDENCY_TYPE_OPTIONS.filter((o) => o.group === group).map((opt) => {
             const checked = value === opt.key;
@@ -105,7 +108,7 @@ export function DependencyTypeSelect({
                 )}
               >
                 <OptionIcon option={opt} />
-                <span className="flex-1">{t(opt.optionLabelKey)}</span>
+                <span className="flex-1">{opt.optionLabel()}</span>
                 {checked && <Check className="size-3.5 shrink-0 text-primary" />}
               </button>
             );
@@ -116,10 +119,10 @@ export function DependencyTypeSelect({
   );
 
   if (variant === "badge") {
-    const tooltipKey = current
+    const tooltipLabelFn = current
       ? currentIdentifier
-        ? current.tooltipLabelKey
-        : current.badgeLabelKey
+        ? current.tooltipLabel
+        : current.badgeLabel
       : null;
     return (
       <Popover open={open} onOpenChange={handleOpenChange}>
@@ -138,15 +141,15 @@ export function DependencyTypeSelect({
                 {current && <OptionIcon option={current} />}
                 <span className="truncate">
                   {current
-                    ? t(current.badgeLabelKey, { identifier: identifier ?? "" })
-                    : t("dependency.typePlaceholder")}
+                    ? current.badgeLabel({ identifier: identifier ?? "" })
+                    : m.story_dependency_typePlaceholder()}
                 </span>
               </span>
             </PopoverTrigger>
           </TooltipTrigger>
-          {tooltipKey && (
+          {tooltipLabelFn && (
             <TooltipContent side="top" className="text-xs">
-              {t(tooltipKey, {
+              {tooltipLabelFn({
                 identifier: identifier ?? "",
                 me: currentIdentifier ?? "",
               })}
@@ -171,7 +174,7 @@ export function DependencyTypeSelect({
           ) : (
             <Waypoints className="size-3.5" />
           )}
-          {current ? t(current.optionLabelKey) : t("dependency.typePlaceholder")}
+          {current ? current.optionLabel() : m.story_dependency_typePlaceholder()}
         </Button>
       </PopoverTrigger>
       {content}