@allbluecn/web-app 0.9.5 → 0.10.0

package/src/components/story/constants.ts

@@ -16,6 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { GitPullRequestArrow, CircleFadingArrowUp, Repeat, Repeat2, CalendarPlus2, Hash, MessageCircleCheck, RefreshCcwDot, CircleFadingPlus, CircleArrowUp, CircleArrowRight, CircleArrowDown, CircleSlash, CircleDashed, CircleCheckBig, LoaderCircle, CheckCircle2, XCircle, FilePlus, FilePenLine, MessageSquareText, Flag, UserRound, Text, Calendar, CalendarCheck, Tags, TextInitial, Building2, GitBranch, ListTree, ArrowLeftRight, ArrowDownToDot, Link2, Paperclip, BookOpen, Unlink, Trash2, BookX, FileX, ArrowRightFromLine, ArrowLeftToLine, ArrowUpFromDot, type LucideIcon } from "lucide-react";
+import { m } from '@/paraglide/messages.js';
 import type { DependencyEdgeType, DependencyGroup } from "./types";
 
 export type StoryState = "backlog" | "todo" | "in_progress" | "done" | "cancelled";
@@ -31,31 +32,31 @@ export const STATE_ICON: Record<StoryState, LucideIcon> = {
 
 export const STORY_STATES: {
   value: StoryState;
-  label: string;
+  label: () => string;
   color: string;
 }[] = [
-  { value: "backlog", label: "state.backlog", color: "bg-muted text-muted-foreground" },
-  { value: "todo", label: "state.todo", color: "bg-blue-500/15 text-blue-600 dark:text-blue-400" },
-  { value: "in_progress", label: "state.in_progress", color: "bg-amber-500/15 text-amber-600 dark:text-amber-400" },
-  { value: "done", label: "state.done", color: "bg-green-500/15 text-green-600 dark:text-green-400" },
-  { value: "cancelled", label: "state.cancelled", color: "bg-muted text-muted-foreground line-through" },
+  { value: "backlog", label: m.story_state_backlog, color: "bg-muted text-muted-foreground" },
+  { value: "todo", label: m.story_state_todo, color: "bg-blue-500/15 text-blue-600 dark:text-blue-400" },
+  { value: "in_progress", label: m.story_state_in_progress, color: "bg-amber-500/15 text-amber-600 dark:text-amber-400" },
+  { value: "done", label: m.story_state_done, color: "bg-green-500/15 text-green-600 dark:text-green-400" },
+  { value: "cancelled", label: m.story_state_cancelled, color: "bg-muted text-muted-foreground line-through" },
 ];
 
 export const STORY_PRIORITIES: {
   value: StoryPriority;
-  label: string;
+  label: () => string;
   rank: number;
 }[] = [
-  { value: "urgent", label: "priority.urgent", rank: 4 },
-  { value: "high", label: "priority.high", rank: 3 },
-  { value: "medium", label: "priority.medium", rank: 2 },
-  { value: "low", label: "priority.low", rank: 1 },
-  { value: "none", label: "priority.none", rank: 0 },
+  { value: "urgent", label: m.story_priority_urgent, rank: 4 },
+  { value: "high", label: m.story_priority_high, rank: 3 },
+  { value: "medium", label: m.story_priority_medium, rank: 2 },
+  { value: "low", label: m.story_priority_low, rank: 1 },
+  { value: "none", label: m.story_priority_none, rank: 0 },
 ];
 
-export const STATE_LABEL: Record<StoryState, string> = Object.fromEntries(
+export const STATE_LABEL: Record<StoryState, () => string> = Object.fromEntries(
   STORY_STATES.map((s) => [s.value, s.label]),
-) as Record<StoryState, string>;
+) as Record<StoryState, () => string>;
 
 export const STATE_COLOR: Record<StoryState, string> = Object.fromEntries(
   STORY_STATES.map((s) => [s.value, s.color]),
@@ -69,9 +70,9 @@ export const STATE_ICON_COLOR: Record<StoryState, string> = {
   cancelled: "text-muted-foreground",
 };
 
-export const PRIORITY_LABEL: Record<StoryPriority, string> = Object.fromEntries(
+export const PRIORITY_LABEL: Record<StoryPriority, () => string> = Object.fromEntries(
   STORY_PRIORITIES.map((p) => [p.value, p.label]),
-) as Record<StoryPriority, string>;
+) as Record<StoryPriority, () => string>;
 
 export const PRIORITY_RANK: Record<StoryPriority, number> = Object.fromEntries(
   STORY_PRIORITIES.map((p) => [p.value, p.rank]),
@@ -85,35 +86,38 @@ export const PRIORITY_ICON: Record<StoryPriority, LucideIcon> = {
   none: CircleSlash,
 };
 
-export const ACTIVITY_LABEL: Record<string, string> = {
-  created: "activity.created",
-  updated: "activity.updated",
-  commented: "activity.commented",
-  state_changed: "activity.state_changed",
-  priority_changed: "activity.priority_changed",
-  assignee_changed: "activity.assignee_changed",
-  name_changed: "activity.name_changed",
-  description_changed: "activity.description_changed",
-  startDate_changed: "activity.startDate_changed",
-  targetDate_changed: "activity.targetDate_changed",
-  label_changed: "activity.label_changed",
-  identifier_changed: "activity.identifier_changed",
-  project_transferred: "activity.project_transferred",
-  parent_changed: "activity.parent_changed",
-  parent_removed: "activity.parent_removed",
-  child_added: "activity.child_added",
-  dependency_added: "activity.dependency_added",
-  dependency_removed: "activity.dependency_removed",
-  link_added: "activity.link_added",
-  link_updated: "activity.link_updated",
-  link_removed: "activity.link_removed",
-  attachment_added: "activity.attachment_added",
-  attachment_updated: "activity.attachment_updated",
-  attachment_removed: "activity.attachment_removed",
-  kb_linked: "activity.kb_linked",
-  kb_unlinked: "activity.kb_unlinked",
-  prd_unlinked: "activity.prd_unlinked",
-  iteration_changed: "activity.iteration_changed",
+export const ACTIVITY_LABEL: Record<string, () => string> = {
+  created: m.story_activity_created,
+  updated: m.story_activity_updated,
+  commented: m.story_activity_commented,
+  state_changed: m.story_activity_state_changed,
+  priority_changed: m.story_activity_priority_changed,
+  assignee_changed: m.story_activity_assignee_changed,
+  name_changed: m.story_activity_name_changed,
+  description_changed: m.story_activity_description_changed,
+  startDate_changed: m.story_activity_startDate_changed,
+  targetDate_changed: m.story_activity_targetDate_changed,
+  label_changed: m.story_activity_label_changed,
+  identifier_changed: m.story_activity_identifier_changed,
+  project_transferred: m.story_activity_project_transferred,
+  parent_changed: m.story_activity_parent_changed,
+  parent_removed: m.story_activity_parent_removed,
+  iteration_changed: m.story_activity_iteration_changed,
+};
+
+export const ACTIVITY_LABEL_INTERPOLATED: Record<string, (inputs: { value: string }) => string> = {
+  child_added: m.story_activity_child_added,
+  dependency_added: m.story_activity_dependency_added,
+  dependency_removed: m.story_activity_dependency_removed,
+  link_added: m.story_activity_link_added,
+  link_updated: m.story_activity_link_updated,
+  link_removed: m.story_activity_link_removed,
+  attachment_added: m.story_activity_attachment_added,
+  attachment_updated: m.story_activity_attachment_updated,
+  attachment_removed: m.story_activity_attachment_removed,
+  kb_linked: m.story_activity_kb_linked,
+  kb_unlinked: m.story_activity_kb_unlinked,
+  prd_unlinked: m.story_activity_prd_unlinked,
 };
 
 export const ACTIVITY_ICON: Record<string, LucideIcon> = {
@@ -161,12 +165,12 @@ export interface DependencyTypeOption {
     | "finishes_before"
     | "finishes_after";
   group: keyof DependencyGroup;
-  /** 选择器文案 key（被选需求未知，用「所选需求」占位） */
-  optionLabelKey: string;
-  /** 行内标签文案 key（{{identifier}} 插值被选需求编号） */
-  badgeLabelKey: string;
-  /** tooltip 文案 key（{{identifier}} 插值被选需求编号 + {{me}} 插值当前需求编号） */
-  tooltipLabelKey: string;
+  /** 选择器文案（被选需求未知，用「所选需求」占位） */
+  optionLabel: () => string;
+  /** 行内标签文案（{{identifier}} 插值被选需求编号） */
+  badgeLabel: (params: { identifier: string }) => string;
+  /** tooltip 文案（{{identifier}} 插值被选需求编号 + {{me}} 插值当前需求编号） */
+  tooltipLabel: (params: { identifier: string, me: string }) => string;
   edge: DependencyEdgeType;
   /** 与 group 等价的方向标志：true = 存 (Y, X, edge) */
   reversed: boolean;
@@ -180,9 +184,9 @@ export const DEPENDENCY_TYPE_OPTIONS: DependencyTypeOption[] = [
   {
     key: "blocked_by",
     group: "dependsOn",
-    optionLabelKey: "dependency.options.blocked_by",
-    badgeLabelKey: "dependency.labels.blocked_by",
-    tooltipLabelKey: "dependency.tooltips.blocked_by",
+    optionLabel: m.story_dependency_options_blocked_by,
+    badgeLabel: m.story_dependency_labels_blocked_by,
+    tooltipLabel: m.story_dependency_tooltips_blocked_by,
     edge: "BLOCKS",
     reversed: true,
     icon: ArrowRightFromLine,
@@ -191,9 +195,9 @@ export const DEPENDENCY_TYPE_OPTIONS: DependencyTypeOption[] = [
   {
     key: "starts_after",
     group: "dependsOn",
-    optionLabelKey: "dependency.options.starts_after",
-    badgeLabelKey: "dependency.labels.starts_after",
-    tooltipLabelKey: "dependency.tooltips.starts_after",
+    optionLabel: m.story_dependency_options_starts_after,
+    badgeLabel: m.story_dependency_labels_starts_after,
+    tooltipLabel: m.story_dependency_tooltips_starts_after,
     edge: "STARTS_BEFORE",
     reversed: true,
     icon: ArrowUpFromDot,
@@ -202,9 +206,9 @@ export const DEPENDENCY_TYPE_OPTIONS: DependencyTypeOption[] = [
   {
     key: "finishes_after",
     group: "dependsOn",
-    optionLabelKey: "dependency.options.finishes_after",
-    badgeLabelKey: "dependency.labels.finishes_after",
-    tooltipLabelKey: "dependency.tooltips.finishes_after",
+    optionLabel: m.story_dependency_options_finishes_after,
+    badgeLabel: m.story_dependency_labels_finishes_after,
+    tooltipLabel: m.story_dependency_tooltips_finishes_after,
     edge: "FINISHES_BEFORE",
     reversed: true,
     icon: ArrowLeftToLine,
@@ -213,9 +217,9 @@ export const DEPENDENCY_TYPE_OPTIONS: DependencyTypeOption[] = [
   {
     key: "blocking",
     group: "dependents",
-    optionLabelKey: "dependency.options.blocking",
-    badgeLabelKey: "dependency.labels.blocking",
-    tooltipLabelKey: "dependency.tooltips.blocking",
+    optionLabel: m.story_dependency_options_blocking,
+    badgeLabel: m.story_dependency_labels_blocking,
+    tooltipLabel: m.story_dependency_tooltips_blocking,
     edge: "BLOCKS",
     reversed: false,
     icon: ArrowRightFromLine,
@@ -224,9 +228,9 @@ export const DEPENDENCY_TYPE_OPTIONS: DependencyTypeOption[] = [
   {
     key: "starts_before",
     group: "dependents",
-    optionLabelKey: "dependency.options.starts_before",
-    badgeLabelKey: "dependency.labels.starts_before",
-    tooltipLabelKey: "dependency.tooltips.starts_before",
+    optionLabel: m.story_dependency_options_starts_before,
+    badgeLabel: m.story_dependency_labels_starts_before,
+    tooltipLabel: m.story_dependency_tooltips_starts_before,
     edge: "STARTS_BEFORE",
     reversed: false,
     icon: ArrowUpFromDot,
@@ -235,9 +239,9 @@ export const DEPENDENCY_TYPE_OPTIONS: DependencyTypeOption[] = [
   {
     key: "finishes_before",
     group: "dependents",
-    optionLabelKey: "dependency.options.finishes_before",
-    badgeLabelKey: "dependency.labels.finishes_before",
-    tooltipLabelKey: "dependency.tooltips.finishes_before",
+    optionLabel: m.story_dependency_options_finishes_before,
+    badgeLabel: m.story_dependency_labels_finishes_before,
+    tooltipLabel: m.story_dependency_tooltips_finishes_before,
     edge: "FINISHES_BEFORE",
     reversed: false,
     icon: ArrowLeftToLine,

package/src/components/story/create-story-dialog.tsx

@@ -19,7 +19,6 @@ import { useCallback, useEffect, useRef, useState } from "react"
 import { CalendarCheck, CalendarPlus2, Sprout } from "lucide-react"
 import { UserAvatar } from "@/components/shared-kit"
 import { useForm } from "@tanstack/react-form"
-import { useTranslation } from "react-i18next"
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
@@ -52,6 +51,7 @@ import { createStorySchema, type CreateStoryValues } from "./schemas/story-creat
 import { NotionDocEditor } from "@/components/tiptap/notion-like"
 import { StoryAiToolbar } from "./ai/story-ai-toolbar"
 import { useStoryAiModel } from "./ai/use-story-ai-model"
+import { m } from "@/paraglide/messages.js";
 
 interface CreateStoryDialogProps {
   open: boolean
@@ -81,7 +81,6 @@ export function CreateStoryDialog({
   initialProjectId,
   onSuccess,
 }: CreateStoryDialogProps) {
-  const { t } = useTranslation("story")
   const form = useForm({
     defaultValues: {
       name: "",
@@ -156,7 +155,7 @@ export function CreateStoryDialog({
   const handleSubmit = async () => {
     const values = form.state.values
     if (!values.name.trim()) {
-      setError(t("create.requireTitle"))
+      setError(m.story_create_requireTitle())
       return
     }
     setLoading(true)
@@ -208,7 +207,7 @@ export function CreateStoryDialog({
         res.activities,
       )
     } catch (err) {
-      setError(err instanceof Error ? err.message : t("create.failed"))
+      setError(err instanceof Error ? err.message : m.story_create_failed())
     } finally {
       setLoading(false)
     }
@@ -226,7 +225,7 @@ export function CreateStoryDialog({
     >
       <DialogContent className="sm:max-w-260 -mt-50">
         <DialogHeader>
-          <DialogTitle className="text-xl">{t("create.title")}</DialogTitle>
+          <DialogTitle className="text-xl">{m.story_create_title()}</DialogTitle>
         </DialogHeader>
 
         <div className="space-y-3 overflow-y-auto px-4 py-2 max-h-[60vh]">
@@ -244,7 +243,7 @@ export function CreateStoryDialog({
                     ) : (
                       <Sprout className="size-4 text-muted-foreground" />
                     )}
-                    {selectedProject?.name ?? t("group.no_project")}
+                    {selectedProject?.name ?? m.story_group_no_project()}
                   </Button>
                 </PopoverTrigger>
                 <PopoverContent className="w-56 p-1" align="start">
@@ -276,7 +275,7 @@ export function CreateStoryDialog({
                   id="story-name"
                   value={field.value}
                   onChange={(e) => field.handleChange(e.target.value)}
-                  placeholder={t("column.title")}
+                  placeholder={m.story_column_title()}
                   maxLength={200}
                   className="text-lg h-10"
                 />
@@ -304,14 +303,14 @@ export function CreateStoryDialog({
                 </div>
                 {showHint && (
                   <div className="pointer-events-none absolute top-3 left-4 text-sm text-muted-foreground select-none">
-                    {t("create.addDescription")}
+                    {m.story_create_addDescription()}
                   </div>
                 )}
               </div>
 
                 <div className="flex items-center gap-1 shrink-0 mr-2 mb-1">
                   <div className="mr-auto px-4 pb-0 text-[11px] text-muted-foreground/60 leading-none justify-start">
-                    {t("create.shortcuts")}
+                    {m.story_create_shortcuts()}
                   </div>
                   <StoryAiToolbar
                     description={description.markdown}
@@ -338,10 +337,10 @@ export function CreateStoryDialog({
                 <AssigneeEditor assignee={selectedUser ?? null} users={users} onChange={(v) => field.handleChange(v ?? "none")} variant="button" />
               )} />
               <form.Field name="startDate" children={(field) => (
-                <DateEditor value={field.value || null} onChange={(v) => field.handleChange(v ?? "")} label={t("create.startDate")} icon={CalendarPlus2} />
+                <DateEditor value={field.value || null} onChange={(v) => field.handleChange(v ?? "")} label={m.story_create_startDate()} icon={CalendarPlus2} />
               )} />
               <form.Field name="targetDate" children={(field) => (
-                <DateEditor value={field.value || null} onChange={(v) => field.handleChange(v ?? "")} label={t("create.dueDate")} icon={CalendarCheck} />
+                <DateEditor value={field.value || null} onChange={(v) => field.handleChange(v ?? "")} label={m.story_create_dueDate()} icon={CalendarCheck} />
               )} />
               <form.Field name="labelIds" children={(field) => (
                 <LabelsEditor labelIds={field.value as string[]} labels={labels} onChange={(v) => field.handleChange(v as string[])} variant="button" aiContext={{ name: () => ((form.state.values.name as string) ?? "").trim() }} />
@@ -359,17 +358,17 @@ export function CreateStoryDialog({
               onCheckedChange={setContinuousCreate}
               size="sm"
             />
-            {t("create.continuous")}
+            {m.story_create_continuous()}
           </label>
           <Button
             variant="outline"
             onClick={() => onOpenChange(false)}
             disabled={loading}
           >
-            {t("create.cancel")}
+            {m.story_create_cancel()}
           </Button>
           <Button onClick={handleSubmit} disabled={loading || aiGenerating}>
-            {loading ? t("create.creating") : t("create.create")}
+            {loading ? m.story_create_creating() : m.story_create_create()}
           </Button>
         </DialogFooter>
       </DialogContent>

package/src/components/story/detail/__tests__/categories.test.tsx

@@ -20,9 +20,7 @@ import { render, screen } from "@testing-library/react";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { StoryDetailCategories } from "../story-detail-toolbar/categories";
 
-vi.mock("react-i18next", () => ({
-  useTranslation: () => ({ t: (key: string) => key }),
-}));
+;
 
 const renderWithProviders = (ui: React.ReactElement) =>
   render(<TooltipProvider>{ui}</TooltipProvider>);
@@ -36,12 +34,12 @@ describe("StoryDetailCategories", () => {
 
   it("渲染 6 个 category 标签", () => {
     renderWithProviders(<StoryDetailCategories />);
-    expect(screen.getByText("categories.prd.label")).toBeTruthy();
-    expect(screen.getByText("categories.ui.label")).toBeTruthy();
-    expect(screen.getByText("categories.bug.label")).toBeTruthy();
-    expect(screen.getByText("categories.testCase.label")).toBeTruthy();
-    expect(screen.getByText("categories.acceptance.label")).toBeTruthy();
-    expect(screen.getByText("categories.retro.label")).toBeTruthy();
+    expect(screen.getByText("PRD")).toBeTruthy();
+    expect(screen.getByText("UI")).toBeTruthy();
+    expect(screen.getByText("BUG")).toBeTruthy();
+    expect(screen.getByText("测试用例")).toBeTruthy();
+    expect(screen.getByText("验收")).toBeTruthy();
+    expect(screen.getByText("复盘")).toBeTruthy();
   });
 
   it("bug 和 test-case 之间有一个分隔线", () => {
@@ -55,7 +53,7 @@ describe("StoryDetailCategories", () => {
 
   it("bug 前后各有一个 button", () => {
     renderWithProviders(<StoryDetailCategories />);
-    const bugBtn = screen.getByText("categories.bug.label")
+    const bugBtn = screen.getByText("BUG")
       .closest("button")!;
     expect(bugBtn).toBeTruthy();
   });

package/src/components/story/detail/__tests__/dependencies-button.test.tsx

@@ -20,9 +20,7 @@ import { render, screen, fireEvent } from "@testing-library/react";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { StoryDetailDependencies } from "../story-detail-toolbar/dependencies";
 
-vi.mock("react-i18next", () => ({
-  useTranslation: () => ({ t: (key: string) => key }),
-}));
+;
 
 const renderWithProviders = (ui: React.ReactElement) =>
   render(<TooltipProvider>{ui}</TooltipProvider>);
@@ -34,8 +32,8 @@ describe("StoryDetailDependencies", () => {
     );
     const btn = screen.getByRole("button");
     expect(btn).toBeTruthy();
-    expect(screen.getByText("relations.addDependency")).toBeTruthy();
-    expect(btn).toHaveAttribute("title", "relations.dependencyTitle");
+    expect(screen.getByText("添加依赖关系")).toBeTruthy();
+    expect(btn).toHaveAttribute("title", "阻塞、先开始、先完成");
   });
 
   it("点击 button 触发 onOpenAdd", () => {

package/src/components/story/detail/activity-tabs.tsx

@@ -16,10 +16,10 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
 import { ActivityTimeline } from "./activity-timeline";
 import { CommentThread } from "./comment-thread";
 import type { CommentWithReplies, ActivityItem, UserBrief } from "../types";
+import { m } from "@/paraglide/messages.js";
 
 interface ActivityTabsProps {
   storyId: string;
@@ -31,13 +31,12 @@ interface ActivityTabsProps {
 }
 
 export function ActivityTabs({ storyId, comments, activities, users, onAppendComment, onRemoveComment }: ActivityTabsProps) {
-  const { t } = useTranslation("story");
   const [activeTab, setActiveTab] = useState<"all" | "activities" | "comments">("all");
 
   const tabLabels = {
-    all: t("activityTab.all"),
-    activities: t("activityTab.activities"),
-    comments: t("activityTab.comments", { count: comments.length }),
+    all: m.story_activityTab_all(),
+    activities: m.story_activityTab_activities(),
+    comments: m.story_activityTab_comments({ count: comments.length }),
   };
 
   return (
@@ -63,7 +62,7 @@ export function ActivityTabs({ storyId, comments, activities, users, onAppendCom
           <CommentThread storyId={storyId} comments={comments} onAppendComment={onAppendComment} onRemoveComment={onRemoveComment} />
           {activities.length > 0 && (
             <div>
-              <h3 className="mb-4 text-sm font-semibold text-muted-foreground">{t("activityTab.records")}</h3>
+              <h3 className="mb-4 text-sm font-semibold text-muted-foreground">{m.story_activityTab_records()}</h3>
               <ActivityTimeline activities={activities} users={users} />
             </div>
           )}
@@ -74,7 +73,7 @@ export function ActivityTabs({ storyId, comments, activities, users, onAppendCom
         <div className="px-6">
           {activities.length === 0 ? (
             <p className="py-8 text-center text-sm text-muted-foreground">
-              {t("activity.empty")}
+              {m.story_activity_empty()}
             </p>
           ) : (
             <ActivityTimeline activities={activities} users={users} />

package/src/components/story/detail/activity-timeline.tsx

@@ -16,12 +16,11 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState, useRef, useLayoutEffect, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import type { TFunction } from "i18next";
 import type { ReactNode } from "react";
 import { UserAvatar } from "@/components/shared-kit";
 import {
   ACTIVITY_LABEL,
+  ACTIVITY_LABEL_INTERPOLATED,
   ACTIVITY_ICON,
   STATE_LABEL,
   PRIORITY_LABEL,
@@ -36,6 +35,7 @@ import type { ActivityItem, UserBrief } from "@/components/story/types";
 import { groupActivities, type ActivityGroup } from "@/lib/story/activity-grouper";
 import { ArrowUpFromDot, ArrowRight, ChevronDown, Dot, Sparkles, Layers, UserRound } from "lucide-react";
 import { sanitize } from "@/lib/sanitize";
+import { m } from "@/paraglide/messages.js";
 
 function getDiffDecorator(
   action: string,
@@ -338,51 +338,50 @@ const OBJECT_ACTIVITY_ACTIONS: Record<string, true> = {
   prd_unlinked: true,
 };
 
-function describeActivity(a: ActivityItem, t: TFunction): string {
+function describeActivity(a: ActivityItem): string {
   if (a.action === "project_transferred" || a.action === "identifier_changed") {
-    return t(ACTIVITY_LABEL[a.action] ?? a.action);
+    return ACTIVITY_LABEL[a.action]?.() ?? a.action;
   }
 
   // 关联类动作（添加子需求/依赖/链接/附件/知识库）：newValue 为对象描述或数量，走插值文案
   if (a.action in OBJECT_ACTIVITY_ACTIONS) {
-    const key = ACTIVITY_LABEL[a.action];
-    return t(key, { value: a.newValue ?? "" });
+    return ACTIVITY_LABEL_INTERPOLATED[a.action]?.({ value: a.newValue ?? "" }) ?? a.action;
   }
 
-  const fieldLabel = ACTIVITY_LABEL[a.action] ?? a.action;
+  const fieldLabel = ACTIVITY_LABEL[a.action]?.() ?? a.action;
 
   if (!a.field) {
-    return t(fieldLabel);
+    return fieldLabel;
   }
 
   if (a.action === "state_changed" || a.action === "priority_changed") {
     const isAdd = !a.oldValue || a.oldValue.trim() === "";
-    const verb = isAdd ? t("activity.verb.added") : t("activity.verb.changed");
-    const field = t(fieldLabel);
+    const verb = isAdd ? m.story_activity_verb_added() : m.story_activity_verb_changed();
+    const field = fieldLabel;
     if (a.newValue) {
       const stateLabelKey = a.action === "state_changed"
         ? STATE_LABEL[a.newValue as keyof typeof STATE_LABEL]
         : PRIORITY_LABEL[a.newValue as keyof typeof PRIORITY_LABEL];
       if (stateLabelKey) {
-        return t("activity.changedState", { verb, field, state: t(stateLabelKey) });
+        return m.story_activity_changedState({ verb, field, state: stateLabelKey() });
       }
-      return t("activity.changedField", { verb, field });
+      return m.story_activity_changedField({ verb, field });
     }
-    return t("activity.changedField", { verb, field });
+    return m.story_activity_changedField({ verb, field });
   }
 
   const isAdd = !a.oldValue || a.oldValue.trim() === "";
-  const verb = isAdd ? t("activity.verb.added") : t("activity.verb.changed");
-  return t("activity.changedField", { verb, field: t(fieldLabel) });
+  const verb = isAdd ? m.story_activity_verb_added() : m.story_activity_verb_changed();
+  return m.story_activity_changedField({ verb, field: fieldLabel });
 }
 
-function formatDiffValue(action: string, value: string | null, t: TFunction): string {
+function formatDiffValue(action: string, value: string | null): string {
   if (!value) return "";
   if (action === "state_changed") {
-    return t(STATE_LABEL[value as keyof typeof STATE_LABEL] ?? value);
+    return STATE_LABEL[value as keyof typeof STATE_LABEL]?.() ?? value;
   }
   if (action === "priority_changed") {
-    return t(PRIORITY_LABEL[value as keyof typeof PRIORITY_LABEL] ?? value);
+    return PRIORITY_LABEL[value as keyof typeof PRIORITY_LABEL]?.() ?? value;
   }
   if (action === "startDate_changed" || action === "targetDate_changed") {
     // 开始/截止日期：只需日期。历史记录可能存了完整 ISO（含时间），取前 10 位
@@ -393,15 +392,15 @@ function formatDiffValue(action: string, value: string | null, t: TFunction): st
   return value;
 }
 
-function formatRelative(iso: string, t: TFunction): string {
+function formatRelative(iso: string): string {
   const diff = Date.now() - new Date(iso).getTime();
   const min = Math.floor(diff / 60000);
-  if (min < 1) return t("time.justNow");
-  if (min < 60) return t("time.minutesAgo", { count: min });
+  if (min < 1) return m.story_time_justNow();
+  if (min < 60) return m.story_time_minutesAgo({ count: min });
   const hr = Math.floor(min / 60);
-  if (hr < 24) return t("time.hoursAgo", { count: hr });
+  if (hr < 24) return m.story_time_hoursAgo({ count: hr });
   const day = Math.floor(hr / 24);
-  if (day < 30) return t("time.daysAgo", { count: day });
+  if (day < 30) return m.story_time_daysAgo({ count: day });
   return new Date(iso).toLocaleDateString("zh-CN");
 }
 
@@ -411,7 +410,6 @@ interface DiffState {
 }
 
 export function ActivityTimeline({ activities, users }: ActivityTimelineProps) {
-  const { t } = useTranslation("story");
   const [diffStates, setDiffStates] = useState<Record<string, DiffState>>({});
   const [projectIconByName, setProjectIconByName] = useState<Record<string, string>>({});
 
@@ -428,7 +426,7 @@ export function ActivityTimeline({ activities, users }: ActivityTimelineProps) {
   if (activities.length === 0) {
     return (
       <p className="py-8 text-center text-sm text-muted-foreground">
-        {t("activity.empty")}
+        {m.story_activity_empty()}
       </p>
     );
   }
@@ -497,29 +495,29 @@ export function ActivityTimeline({ activities, users }: ActivityTimelineProps) {
                 </span>
                 <span className="font-medium">{a.user.username}</span>{" "}
                 <span className="text-muted-foreground text-xs">
-                  {describeActivity(a, t)}
+                  {describeActivity(a)}
                 </span>
                 {mergedCount > 1 && (
                   <>
                     <span className="text-muted-foreground/40"><Dot className="size-4" /></span>
                     <span
                       className="inline-flex items-center gap-0.5 text-xs text-muted-foreground/70"
-                      title={t("activity.mergedTitle", { count: mergedCount })}
+                      title={m.story_activity_mergedTitle({ count: mergedCount })}
                     >
                       <Layers className="size-3" />
-                      {t("activity.merged", { count: mergedCount })}
+                      {m.story_activity_merged({ count: mergedCount })}
                     </span>
                   </>
                 )}
                 <span className="text-muted-foreground/40"><Dot className="size-4" /></span>
                 <span className="text-xs text-muted-foreground/60">
-                  {formatRelative(a.createdAt, t)}
+                  {formatRelative(a.createdAt)}
                 </span>
                 {a.isAI && (
                   <>
                     <span className="text-muted-foreground/40"><Dot className="size-4" /></span>
                     <span className="inline-flex items-center gap-0.5 text-xs text-muted-foreground/60">
-                      <Sparkles className="size-3" /> {t("activity.ai")}
+                      <Sparkles className="size-3" /> {m.story_activity_ai()}
                     </span>
                   </>
                 )}
@@ -528,7 +526,7 @@ export function ActivityTimeline({ activities, users }: ActivityTimelineProps) {
                     className="shrink-0 ml-auto flex items-center gap-0.5 text-xs text-muted-foreground cursor-pointer hover:text-foreground"
                     onClick={() => toggleCollapsed(a.id)}
                   >
-                    {t(state.collapsed ? "activity.expand" : "activity.collapse")}
+                    {state.collapsed ? m.story_activity_expand() : m.story_activity_collapse()}
                     <ChevronDown
                       className={`size-3.5 transition-transform duration-200 ${state.collapsed ? "" : "rotate-180"}`}
                     />
@@ -537,14 +535,14 @@ export function ActivityTimeline({ activities, users }: ActivityTimelineProps) {
               </div>
               {hasDiff ? (
                  <DiffCompare
-                   oldValue={formatDiffValue(a.action, g.displayOldValue!, t)}
-                   newValue={formatDiffValue(a.action, g.displayNewValue!, t)}
+                   oldValue={formatDiffValue(a.action, g.displayOldValue!)}
+                   newValue={formatDiffValue(a.action, g.displayNewValue!)}
                   oldDecorator={getDiffDecorator(a.action, g.displayOldValue, projectIconByName[g.displayOldValue ?? ""], users?.find((u) => u.username === g.displayOldValue))}
                   newDecorator={getDiffDecorator(a.action, g.displayNewValue, projectIconByName[g.displayNewValue ?? ""], users?.find((u) => u.username === g.displayNewValue))}
                   plain={a.action !== "description_changed"}
                   blocks={isBlocks ? g.items.map((it) => ({
-                    oldValue: formatDiffValue(a.action, it.oldValue, t),
-                    newValue: formatDiffValue(a.action, it.newValue, t),
+                    oldValue: formatDiffValue(a.action, it.oldValue),
+                    newValue: formatDiffValue(a.action, it.newValue),
                     oldDecorator: getDiffDecorator(a.action, it.oldValue, projectIconByName[it.oldValue ?? ""], users?.find((u) => u.username === it.oldValue)),
                     newDecorator: getDiffDecorator(a.action, it.newValue, projectIconByName[it.newValue ?? ""], users?.find((u) => u.username === it.newValue)),
                   })) : undefined}