@allbluecn/web-app 0.9.4 → 0.10.0

package/src/components/story/views/calendar-view.tsx

@@ -17,7 +17,6 @@
 
 import { memo, useEffect, useMemo, useState } from "react";
 import { ChevronLeft, ChevronRight, Plus } from "lucide-react";
-import { useTranslation } from "react-i18next";
 import {
   DragDropProvider,
   DragOverlay,
@@ -41,6 +40,7 @@ import type { StoryListItem } from "../types";
 import { applyOrder } from "../display/order-resolver";
 import type { OrderKey } from "../display/types";
 import { cn } from "@/lib/utils";
+import { m } from "@/paraglide/messages.js";
 
 const CalendarCard = memo(function CalendarCard({ story, onOpenStory }: { story: StoryListItem; onOpenStory: (id: string) => void }) {
   const { ref, isDragging } = useDraggable({ id: story.id });
@@ -71,8 +71,7 @@ interface CalendarViewProps {
 }
 
 export function CalendarView({ stories, onCreate, onOpenStory, orderBy }: CalendarViewProps) {
-  const { t } = useTranslation("story");
-  const weekdays = t("calendar.weekdays", { returnObjects: true }) as string[];
+  const weekdays = m.calendar_weekdays as unknown as string[];
   const now = new Date();
   const [mode, setMode] = useState<"month" | "week">("month");
   const [year, setYear] = useState(now.getFullYear());
@@ -121,10 +120,10 @@ export function CalendarView({ stories, onCreate, onOpenStory, orderBy }: Calend
     setLocalStories(localStories.map((s) => (s.id === story.id ? { ...s, startDate: targetDate } : s)));
     try {
       await updateStory({ data: { storyId: story.id, startDate: targetDate } });
-      toast.success(t("calendar.dateUpdated"));
+      toast.success(m.story_calendar_dateUpdated());
     } catch (e) {
       setLocalStories(prev);
-      toast.error((e as Error)?.message || t("calendar.dateUpdateFailed"));
+      toast.error((e as Error)?.message || m.story_calendar_dateUpdateFailed());
     }
   };
 
@@ -138,7 +137,7 @@ export function CalendarView({ stories, onCreate, onOpenStory, orderBy }: Calend
   return (
     <div className="flex h-full flex-col gap-3">
       <div className="flex items-center gap-2">
-        <Button variant="outline" size="sm" onClick={goToToday}>{t("calendar.today")}</Button>
+        <Button variant="outline" size="sm" onClick={goToToday}>{m.story_calendar_today()}</Button>
         <Button variant="ghost" size="sm" onClick={() => {
           if (mode === "month") {
             const d = new Date(year, month - 1, 1);
@@ -168,11 +167,11 @@ export function CalendarView({ stories, onCreate, onOpenStory, orderBy }: Calend
           <ChevronRight className="size-4" />
         </Button>
         <span className="text-sm font-medium">
-          {mode === "month" ? t("calendar.monthTitle", { year, month: month + 1 }) : `${formatDate(grid[0].date)} ~ ${formatDate(grid[6].date)}`}
+          {mode === "month" ? m.story_calendar_monthTitle({ year, month: month + 1 }) : `${formatDate(grid[0].date)} ~ ${formatDate(grid[6].date)}`}
         </span>
         <div className="ml-auto flex items-center rounded-md border bg-muted/50 p-0.5">
-          <Button variant={mode === "month" ? "default" : "ghost"} size="sm" className="h-7 px-3" onClick={() => setMode("month")}>{t("calendar.month")}</Button>
-          <Button variant={mode === "week" ? "default" : "ghost"} size="sm" className="h-7 px-3" onClick={() => setMode("week")}>{t("calendar.week")}</Button>
+          <Button variant={mode === "month" ? "default" : "ghost"} size="sm" className="h-7 px-3" onClick={() => setMode("month")}>{m.story_calendar_month()}</Button>
+          <Button variant={mode === "week" ? "default" : "ghost"} size="sm" className="h-7 px-3" onClick={() => setMode("week")}>{m.story_calendar_week()}</Button>
         </div>
       </div>
 
@@ -207,7 +206,7 @@ export function CalendarView({ stories, onCreate, onOpenStory, orderBy }: Calend
       </div>
 
       <div className="shrink-0 border-t pt-3">
-        <div className="mb-2 text-xs font-medium text-muted-foreground">{t("calendar.unscheduled", { count: unscheduled.length })}</div>
+        <div className="mb-2 text-xs font-medium text-muted-foreground">{m.story_calendar_unscheduled({ count: unscheduled.length })}</div>
         <div className="flex flex-wrap gap-2">
           {unscheduled.map((s) => (
             <button
@@ -233,7 +232,6 @@ function DayCell({ date, inMonth, isToday, stories, onCreate, onOpenStory }: {
   onCreate: (startDate: string) => void;
   onOpenStory: (id: string) => void;
 }) {
-  const { t } = useTranslation("story");
   const { ref, isDropTarget } = useDroppable({ id: formatDate(date), disabled: !inMonth });
   return (
     <div
@@ -248,7 +246,7 @@ function DayCell({ date, inMonth, isToday, stories, onCreate, onOpenStory }: {
         <span className={cn("text-xs", isToday ? "rounded-full bg-primary px-1.5 text-primary-foreground" : "text-muted-foreground")}>
           {date.getDate()}
         </span>
-        <button type="button" onClick={() => onCreate(formatDate(date))} className="text-muted-foreground hover:text-foreground" aria-label={t("calendar.createNew", { date: formatDate(date) })}>
+        <button type="button" onClick={() => onCreate(formatDate(date))} className="text-muted-foreground hover:text-foreground" aria-label={m.story_calendar_createNew({ date: formatDate(date) })}>
           <Plus className="size-3.5" />
         </button>
       </div>
@@ -261,12 +259,12 @@ function DayCell({ date, inMonth, isToday, stories, onCreate, onOpenStory }: {
                 type="button"
                 className="text-left text-[10px] text-muted-foreground hover:text-foreground"
               >
-                +{stories.length - 3} {t("calendar.more")}
+                +{stories.length - 3} {m.story_calendar_more()}
               </button>
             </DialogTrigger>
             <DialogContent className="max-w-md">
               <DialogHeader>
-                <DialogTitle>{t("calendar.dayStories", { date: formatDate(date), count: stories.length })}</DialogTitle>
+                <DialogTitle>{m.story_calendar_dayStories({ date: formatDate(date), count: stories.length })}</DialogTitle>
               </DialogHeader>
               <div className="flex max-h-80 flex-col gap-1 overflow-y-auto py-1">
                 {stories.map((s) => <CalendarCard key={s.id} story={s} onOpenStory={onOpenStory} />)}

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

@@ -16,8 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useCallback, useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { ChevronDown, Trees, LucideIcon } from "lucide-react";
+import { ChevronDown, Trees } from "lucide-react";
 import {
   Dialog,
   DialogContent,
@@ -31,12 +30,14 @@ import {
   PopoverTrigger,
 } from "@/components/ui/popover";
 import { Button } from "@/components/ui/button";
+import { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { cn } from "@/lib/utils";
 import { StoryFilterRow } from "../filters/filter-row";
 import { createDefaultCondition, type FilterCondition } from "../filters/filter-types";
 import { renderViewIcon, VIEW_ICONS, type SavedView, type ViewProjectInfo } from "./view-types";
 import type { UserBrief } from "../types";
+import { m } from "@/paraglide/messages.js";
 
 export interface CreateViewDialogPayload {
   id?: string;
@@ -60,14 +61,12 @@ interface CreateViewDialogProps {
 }
 
 export function CreateViewDialog({ open, onOpenChange, mode, initialValues, views, users, projects, labels, onSubmit }: CreateViewDialogProps) {
-  const { t } = useTranslation("story");
   const [name, setName] = useState(initialValues.name);
   const [description, setDescription] = useState(initialValues.description ?? "");
   const [icon, setIcon] = useState(initialValues.icon);
   const [projectId, setProjectId] = useState<string | undefined>(initialValues.projectId);
   const [conditions, setConditions] = useState<FilterCondition[]>(initialValues.filterConditions);
   const [submitting, setSubmitting] = useState(false);
-  const [iconOpen, setIconOpen] = useState(false);
   const [projectOpen, setProjectOpen] = useState(false);
   const [error, setError] = useState("");
 
@@ -134,20 +133,19 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
       });
       onOpenChange(false);
     } catch (err) {
-      setError(err instanceof Error ? err.message : t("view.saveFailed"));
+      setError(err instanceof Error ? err.message : m.story_view_saveFailed());
     } finally {
       setSubmitting(false);
     }
   };
 
-  const ActiveIcon: LucideIcon = (VIEW_ICONS.find((v) => v.name === icon)?.icon ?? (VIEW_ICONS[0].icon as LucideIcon));
   const selectedProject = projects.find((p) => p.id === projectId);
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-260 -mt-50">
         <DialogHeader>
-          <DialogTitle className="text-xl">{t(mode === "edit" ? "view.editView" : "view.createView")}</DialogTitle>
+          <DialogTitle className="text-xl">{mode === "edit" ? m.story_view_editView() : m.story_view_createView()}</DialogTitle>
         </DialogHeader>
 
         <div className="space-y-3 overflow-y-auto px-4 py-2 max-h-[60vh]">
@@ -164,7 +162,7 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
                   ) : (
                     <Trees className="size-4 text-muted-foreground" />
                   )}
-                  {selectedProject?.name ?? t("view.allProjects")}
+                  {selectedProject?.name ?? m.story_view_allProjects()}
                 </Button>
               </PopoverTrigger>
               <PopoverContent className="w-56 p-1" align="start">
@@ -176,7 +174,7 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
                   >
                     <span className="flex items-center gap-2">
                       <Trees className="size-4 text-muted-foreground" />
-                      {t("view.allProjects")}
+                      {m.story_view_allProjects()}
                     </span>
                     <span className="shrink-0 rounded-sm bg-muted px-1.5 py-0.5 text-[10px] font-normal text-muted-foreground">
                       ALL
@@ -205,42 +203,11 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
             </Popover>
 
             <div className="flex items-center gap-2">
-              <Popover open={iconOpen} onOpenChange={setIconOpen}>
-                <PopoverTrigger asChild>
-                  <Button
-                    variant="outline"
-                    size="sm"
-                    className="size-9 bg-muted/50"
-                  >
-                    <ActiveIcon className="size-4 text-muted-foreground" />
-                  </Button>
-                </PopoverTrigger>
-                <PopoverContent className="w-60 p-2" align="start">
-                  <div className="grid grid-cols-6 gap-1">
-                    {VIEW_ICONS.map((opt) => {
-                      const VIcon = opt.icon;
-                      const active = opt.name === icon;
-                      return (
-                        <button
-                          key={opt.name}
-                          type="button"
-                          title={t(opt.label)}
-                          onClick={() => {
-                            setIcon(opt.name);
-                            setIconOpen(false);
-                          }}
-                          className={cn(
-                            "grid size-9 place-items-center rounded transition-colors",
-                            active ? "border-primary bg-primary text-primary-foreground" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground",
-                          )}
-                        >
-                          <VIcon className="size-4" />
-                        </button>
-                      );
-                    })}
-                  </div>
-                </PopoverContent>
-              </Popover>
+             <LucideIconPicker
+               value={icon}
+               onChange={(v: string) => setIcon(v)}
+               modal
+             />
 
               <div ref={containerRef} className="relative flex-1">
                 <div className="relative">
@@ -248,7 +215,7 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
                     type="text"
                     value={name}
                     onChange={(e) => setName(e.target.value)}
-                    placeholder={t("view.namePlaceholder")}
+                    placeholder={m.story_view_namePlaceholder()}
                     maxLength={50}
                     className="w-full text-lg h-10 rounded-md border border-border bg-background px-3 py-0 pr-20 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring transition-colors"
                   />
@@ -257,7 +224,7 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
                     onClick={() => selectedView ? handleCreateNew() : setUpdateOpen(!updateOpen)}
                     className="absolute right-2 top-1/2 -translate-y-1/2 flex h-6 items-center gap-1 rounded px-2 text-xs text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
                   >
-                    {selectedView ? t("view.createNew") : <>{t("view.update")} <ChevronDown className="size-3" /></>}
+                    {selectedView ? m.story_view_createNew() : <>{m.story_view_update()} <ChevronDown className="size-3" /></>}
                   </button>
                 </div>
 
@@ -277,7 +244,7 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
                         </button>
                       );
                     }) : (
-                      <div className="px-2.5 py-1.5 text-sm text-muted-foreground">{t("view.noViews")}</div>
+                      <div className="px-2.5 py-1.5 text-sm text-muted-foreground">{m.story_view_noViews()}</div>
                     )}
                   </div>
                 )}
@@ -288,14 +255,14 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
               <textarea
                 value={description}
                 onChange={(e) => setDescription(e.target.value)}
-                placeholder={t("view.descPlaceholder")}
+                placeholder={m.story_view_descPlaceholder()}
                 maxLength={200}
                 className="w-full resize-none rounded-md border border-border bg-transparent px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none h-50 overflow-y-auto"
               />
             </div>
 
             <div className="space-y-1.5">
-              <span className="text-xs font-medium text-muted-foreground">{t("view.filterConditions")}</span>
+              <span className="text-xs font-medium text-muted-foreground">{m.story_view_filterConditions()}</span>
               <StoryFilterRow
                 conditions={conditions}
                 onChange={setConditions}
@@ -311,10 +278,10 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
 
         <DialogFooter className="items-center gap-3">
           <Button variant="outline" onClick={() => onOpenChange(false)} disabled={submitting}>
-            {t("view.cancel")}
+            {m.story_view_cancel()}
           </Button>
           <Button onClick={handleSubmit} disabled={submitting || !name.trim()}>
-            {submitting ? t("view.saving") : t("view.save")}
+            {submitting ? m.story_view_saving() : m.story_view_save()}
           </Button>
         </DialogFooter>
       </DialogContent>

package/src/components/story/views/kanban-board.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useRef, useState, type ReactNode } from "react";
-import { useTranslation } from "react-i18next";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import {
   DragDropProvider,
@@ -34,6 +33,7 @@ import { VIRTUALIZE_THRESHOLD } from "@/lib/perf";
 import { KanbanCard } from "./kanban-card";
 import { cn } from "@/lib/utils";
 import { InfiniteScrollSentinel } from "../infinite-scroll-sentinel";
+import { m } from "@/paraglide/messages.js";
 
 interface KanbanBoardProps {
   groups: GroupNode[];
@@ -149,7 +149,6 @@ function BoardColumn({
   count: number;
   children: ReactNode;
 }) {
-  const { t } = useTranslation("story");
   const { ref, isDropTarget } = useDroppable({ id });
 
   return (
@@ -169,7 +168,7 @@ function BoardColumn({
         {children}
         {count === 0 && (
           <div className="flex h-20 items-center justify-center text-xs text-muted-foreground">
-            {t("kanban.empty")}
+            {m.story_kanban_empty()}
           </div>
         )}
       </div>
@@ -190,7 +189,6 @@ function SwimlaneCell({
   count: number;
   children: ReactNode;
 }) {
-  const { t } = useTranslation("story");
   const { ref, isDropTarget } = useDroppable({ id });
 
   return (
@@ -210,7 +208,7 @@ function SwimlaneCell({
         {children}
         {count === 0 && (
           <div className="flex h-20 items-center justify-center text-xs text-muted-foreground">
-            {t("kanban.empty")}
+            {m.story_kanban_empty()}
           </div>
         )}
       </div>
@@ -219,7 +217,6 @@ function SwimlaneCell({
 }
 
 export function KanbanBoard({ groups, displayFilters, users, labels, onRefresh, onOpenStory, onLoadMore, hasMore }: KanbanBoardProps) {
-  const { t } = useTranslation("story");
   const updateStory = useServerFn(updateStoryFn);
   const reorderStories = useServerFn(reorderStoriesFn);
   const [dragSource, setDragSource] = useState<StoryListItem | null>(null);
@@ -259,7 +256,7 @@ export function KanbanBoard({ groups, displayFilters, users, labels, onRefresh,
 
   const findContainerByKey = (key: string): { group: GroupNode; sub: GroupNode | null } | null => {
     if (hasSubGroups) {
-      const [parentKey, subKey] = key.split("::");
+      const [parentKey, subKey] = key.split('_:');
       for (const g of groups) {
         if (g.key === parentKey) {
           for (const sg of g.subGroups ?? []) {
@@ -317,7 +314,7 @@ export function KanbanBoard({ groups, displayFilters, users, labels, onRefresh,
         onRefresh();
       } catch (e) {
         onRefresh();
-        toast.error((e as Error)?.message || t("kanban.orderFailed"));
+        toast.error((e as Error)?.message || m.story_kanban_orderFailed());
       }
       return;
     }
@@ -337,11 +334,11 @@ export function KanbanBoard({ groups, displayFilters, users, labels, onRefresh,
     try {
       await updateStory({ data: { storyId: story.id, ...updates } });
       await reorderStories({ data: { items: nextOrder } });
-      toast.success(t("kanban.groupUpdated"));
+      toast.success(m.story_kanban_groupUpdated());
       onRefresh();
     } catch (e) {
       onRefresh();
-      toast.error((e as Error)?.message || t("kanban.moveFailed"));
+      toast.error((e as Error)?.message || m.story_kanban_moveFailed());
     }
   };
 
@@ -406,7 +403,7 @@ export function KanbanBoard({ groups, displayFilters, users, labels, onRefresh,
           })}
           {groups.length === 0 && (
             <div className="flex h-40 items-center justify-center text-sm text-muted-foreground">
-{t("kanban.noStories")}
+{m.story_kanban_noStories()}
             </div>
           )}
           <InfiniteScrollSentinel onLoadMore={onLoadMore} hasMore={hasMore} />
@@ -448,7 +445,7 @@ export function KanbanBoard({ groups, displayFilters, users, labels, onRefresh,
         })}
         {groups.length === 0 && (
           <div className="flex h-full items-center justify-center text-sm text-muted-foreground">
-            {t("kanban.noStories")}
+            {m.story_kanban_noStories()}
           </div>
         )}
         <InfiniteScrollSentinel onLoadMore={onLoadMore} hasMore={hasMore} />

package/src/components/story/views/kanban-card.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { memo } from "react";
-import { useTranslation } from "react-i18next";
 import { useSortable } from "@dnd-kit/react/sortable";
 import { GripVertical, CalendarCheck, CalendarPlus2 } from "lucide-react";
 import { UserAvatar } from "@/components/shared-kit";
@@ -37,7 +36,6 @@ interface KanbanCardProps {
 }
 
 export const KanbanCard = memo(function KanbanCard({ story, columnId, index, properties, users, labels, onOpenStory }: KanbanCardProps) {
-  const { t } = useTranslation("story");
   const { handleRef, ref, isDragging } = useSortable({
     id: story.id,
     index,
@@ -67,7 +65,7 @@ export const KanbanCard = memo(function KanbanCard({ story, columnId, index, pro
         {properties.includes("priority") && (
           <span className="flex items-center gap-1 text-xs text-muted-foreground">
             <PriorityIcon priority={story.priority} />
-            {t(PRIORITY_LABEL[story.priority])}
+            {PRIORITY_LABEL[story.priority]?.() ?? story.priority}
           </span>
         )}
         {properties.includes("assignee") && story.assignee && (

package/src/components/story/views/story-list/__tests__/batch-toolbar.test.tsx

@@ -43,14 +43,21 @@ vi.mock("../../../inline-editors", () => ({
 }));
 
 vi.mock("./batch-preview-dialog", () => ({
-  BatchPreviewDialog: ({ mode, onConfirm, open }: any) =>
+  BatchPreviewDialog: ({ mode, stories, onConfirm, open }: any) =>
     open ? (
       <div>
         <span>{mode} preview</span>
-        <button onClick={() => onConfirm(["s1", "s2", "s3"])}>confirm</button>
+        <button onClick={() => onConfirm(
+          mode === "archive"
+            ? stories.filter((s: any) => s.state === "done" || s.state === "cancelled").map((s: any) => s.id)
+            : stories.map((s: any) => s.id)
+        )}>
+          {mode === "archive" ? "确认归档" : "确认删除"}
+        </button>
       </div>
     ) : null,
 }));
+;
 vi.mock("../../transfer-story-popover", () => ({
   TransferStoryPopover: ({ onTransferred }: any) => (
     <button onClick={() => onTransferred()}>transfer</button>

package/src/components/story/views/story-list/__tests__/group-header.test.tsx

@@ -24,9 +24,7 @@ import { FileText } from "lucide-react";
 const renderWithProviders = (ui: React.ReactElement) =>
   render(<TooltipProvider>{ui}</TooltipProvider>);
 
-vi.mock("react-i18next", () => ({
-  useTranslation: () => ({ t: (key: string) => key }),
-}));
+;
 
 vi.mock("../inline-story-creator", () => ({
   InlineStoryCreator: ({ onSubmit }: any) => (
@@ -84,7 +82,7 @@ describe("VirtualGroupHeader", () => {
       <VirtualGroupHeader {...baseHeaderProps} showSelect selectState={false} />,
     );
     const checkbox = screen.getByRole("checkbox", {
-      name: /group.selectAll/i,
+      name: /全选/i,
     });
     expect(checkbox).toBeTruthy();
   });
@@ -97,7 +95,7 @@ describe("VirtualGroupHeader", () => {
         groupDimension="assignee"
       />,
     );
-    expect(screen.getByText("group.assignee")).toBeTruthy();
+    expect(screen.getByText("负责人")).toBeTruthy();
   });
 
   it("showRoleLabel=true + groupDimension=createdBy 时显示 roleLabel", () => {
@@ -108,7 +106,7 @@ describe("VirtualGroupHeader", () => {
         groupDimension="createdBy"
       />,
     );
-    expect(screen.getByText("group.createdBy")).toBeTruthy();
+    expect(screen.getByText("创建人")).toBeTruthy();
   });
 
   it("showRoleLabel=true 但 groupDimension 不匹配时不显示 roleLabel", () => {
@@ -119,8 +117,8 @@ describe("VirtualGroupHeader", () => {
         groupDimension="state"
       />,
     );
-    expect(screen.queryByText("group.assignee")).toBeFalsy();
-    expect(screen.queryByText("group.createdBy")).toBeFalsy();
+    expect(screen.queryByText("负责人")).toBeFalsy();
+    expect(screen.queryByText("创建人")).toBeFalsy();
   });
 
   it("depth=0 + onCreate 存在时渲染 Plus 按钮", () => {
@@ -128,7 +126,7 @@ describe("VirtualGroupHeader", () => {
     renderWithProviders(
       <VirtualGroupHeader {...baseHeaderProps} depth={0} onCreate={onCreate} />,
     );
-    fireEvent.click(screen.getByLabelText(/group.addTo/i));
+    fireEvent.click(screen.getByLabelText(/添加需求到/i));
     expect(onCreate).toHaveBeenCalledTimes(1);
   });
 
@@ -141,7 +139,7 @@ describe("VirtualGroupHeader", () => {
         onCreate={onCreate}
       />,
     );
-    expect(screen.queryByLabelText(/group.addTo/i)).toBeFalsy();
+    expect(screen.queryByLabelText(/添加需求到/i)).toBeFalsy();
   });
 
   it("onToggle 点击时传递正确的 collapseKey", () => {
@@ -178,19 +176,19 @@ describe("GroupTailRow", () => {
 
   it("hasMore=false 时只显示「新建需求」按钮", () => {
     renderWithProviders(<GroupTailRow {...baseTailProps} hasMore={false} />);
-    expect(screen.getByText("group.add")).toBeTruthy();
-    expect(screen.queryByText("group.loadMore")).toBeFalsy();
+    expect(screen.getByText("添加需求")).toBeTruthy();
+    expect(screen.queryByText("显示更多")).toBeFalsy();
   });
 
   it("hasMore=true 时显示「加载更多」按钮 +「新建需求」按钮", () => {
     renderWithProviders(<GroupTailRow {...baseTailProps} hasMore={true} />);
-    expect(screen.getByText("group.loadMore")).toBeTruthy();
-    expect(screen.getByText("group.add")).toBeTruthy();
+    expect(screen.getByText("显示更多")).toBeTruthy();
+    expect(screen.getByText("添加需求")).toBeTruthy();
   });
 
   it("loading=true 时「加载更多」按钮 disabled", () => {
     renderWithProviders(<GroupTailRow {...baseTailProps} hasMore={true} loading />);
-    const loadMoreBtn = screen.getByText("group.loading")
+    const loadMoreBtn = screen.getByText("加载中...")
       .closest("button")!;
     expect(loadMoreBtn).toBeDisabled();
   });
@@ -204,7 +202,7 @@ describe("GroupTailRow", () => {
 
   it("点击「新建需求」按钮后渲染 InlineStoryCreator", () => {
     renderWithProviders(<GroupTailRow {...baseTailProps} />);
-    fireEvent.click(screen.getByText("group.add"));
+    fireEvent.click(screen.getByText("添加需求"));
     expect(screen.getByTestId("inline-creator")).toBeTruthy();
   });
 
@@ -213,7 +211,7 @@ describe("GroupTailRow", () => {
     renderWithProviders(
       <GroupTailRow {...baseTailProps} hasMore={true} onLoadMore={onLoadMore} />,
     );
-    fireEvent.click(screen.getByText("group.loadMore"));
+    fireEvent.click(screen.getByText("显示更多"));
     expect(onLoadMore).toHaveBeenCalledTimes(1);
   });
 });