@allbluecn/web-app 0.9.4 → 0.10.0

package/src/routes/_nav/projects/$projectId/iterations/$iterationId/route.lazy.tsx

@@ -17,7 +17,6 @@
 
 import { useState } from "react";
 import { createLazyFileRoute, Link, useLoaderData, useRouter } from "@tanstack/react-router";
-import { useTranslation } from "react-i18next";
 import { CalendarRange, MoreVertical, Pencil, Trash2, Archive, ArchiveX, Plus } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { IterationStatusBadge } from "@/components/iteration/iteration-status-badge";
@@ -33,6 +32,7 @@ import { toast } from "@/components/ui/sonner";
 import { useQuery } from "@tanstack/react-query";
 import type { IterationSummary } from "@/server/serverFns/iteration/schemas";
 import type { StoryState } from "@/components/story/constants";
+import { m } from "@/paraglide/messages.js";
 
 interface IterationStoryRow {
   id: string;
@@ -48,7 +48,6 @@ export const Route = createLazyFileRoute("/_nav/projects/$projectId/iterations/$
 });
 
 function IterationDetailPage() {
-  const { t } = useTranslation("iterations");
   const { iteration, stories } = useLoaderData({ from: "/_nav/projects/$projectId/iterations/$iterationId" }) as {
     iteration: IterationSummary;
     stories: { items: IterationStoryRow[] };
@@ -71,7 +70,7 @@ function IterationDetailPage() {
 
   async function handleRemoveStory(storyId: string) {
     await import("@/server/serverFns/iteration/iteration-stories").then((m) => m.removeStoryFromIterationFn({ data: { storyId } }));
-    toast.success(t("actions.removeStory"));
+    toast.success(m.iterations_actions_removeStory());
   }
 
   return (
@@ -81,7 +80,7 @@ function IterationDetailPage() {
         <div className="mb-6 flex items-start justify-between">
           <div>
             <Link to="/projects/$projectId/iterations" params={{ projectId }} className="text-sm text-muted-foreground hover:text-foreground">
-              ← {t("title")}
+              ← {m.iterations_title()}
             </Link>
             <div className="mt-2 flex items-center gap-3">
               <h1 className="text-2xl font-semibold">{iteration.name}</h1>
@@ -90,17 +89,17 @@ function IterationDetailPage() {
             <p className="mt-1 text-sm text-muted-foreground">
               {iteration.startDate} ~ {iteration.endDate}
               {iteration.status === "active" && !isOverdue && (
-                <span className="ml-2">({t("progress.remainingDays", { days: remainingDays })})</span>
+                <span className="ml-2">({m.iterations_progress_remainingDays({ days: remainingDays })})</span>
               )}
               {isOverdue && (
-                <span className="ml-2 text-red-500">{t("progress.overdueDays", { days: Math.abs(remainingDays) })}</span>
+                <span className="ml-2 text-red-500">{m.iterations_progress_overdueDays({ days: Math.abs(remainingDays) })}</span>
               )}
             </p>
           </div>
           <div className="flex items-center gap-2">
             <Button variant="outline" size="sm" disabled={isCompleted}>
               <Pencil className="mr-1 size-4" />
-              {t("actions.edit")}
+              {m.iterations_actions_edit()}
             </Button>
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
@@ -111,14 +110,14 @@ function IterationDetailPage() {
               <DropdownMenuContent align="end">
                 <DropdownMenuItem onClick={() => void (async () => {
                   await archiveIterationsFn({ data: { id: iterationId, archived: !iteration.archived } });
-                  toast.success(iteration.archived ? t("actions.unarchive") : t("actions.archive"));
+                  toast.success(iteration.archived ? m.iterations_actions_unarchive() : m.iterations_actions_archive());
                 })()}>
                   {iteration.archived ? <ArchiveX className="mr-2 size-4" /> : <Archive className="mr-2 size-4" />}
-                  {iteration.archived ? t("actions.unarchive") : t("actions.archive")}
+                  {iteration.archived ? m.iterations_actions_unarchive() : m.iterations_actions_archive()}
                 </DropdownMenuItem>
                 <DropdownMenuItem className="text-destructive" onClick={() => document.getElementById(`delete-iter-${iterationId}`)?.click()}>
                   <Trash2 className="mr-2 size-4" />
-                  {t("actions.delete")}
+                  {m.iterations_actions_delete()}
                 </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>
@@ -128,32 +127,32 @@ function IterationDetailPage() {
               </AlertDialogTrigger>
               <AlertDialogContent>
                 <AlertDialogHeader>
-                  <AlertDialogTitle>{t("actions.delete")}</AlertDialogTitle>
-                  <AlertDialogDescription>{t("errors.deleteConfirm")}</AlertDialogDescription>
+                  <AlertDialogTitle>{m.iterations_actions_delete()}</AlertDialogTitle>
+                  <AlertDialogDescription>{m.iterations_errors_deleteConfirm()}</AlertDialogDescription>
                 </AlertDialogHeader>
                 <AlertDialogFooter>
-                  <AlertDialogCancel>{t("actions.cancel")}</AlertDialogCancel>
+                  <AlertDialogCancel>{m.iterations_actions_cancel()}</AlertDialogCancel>
                   <AlertDialogAction
                     onClick={async () => {
                       await deleteIterationsFn({ data: { id: iterationId } });
-                      toast.success(t("actions.delete"));
+                      toast.success(m.iterations_actions_delete());
                       void router.navigate({ to: "/projects/$projectId/iterations", params: { projectId } });
                     }}
                   >
-                    {t("actions.delete")}
+                    {m.iterations_actions_delete()}
                   </AlertDialogAction>
                 </AlertDialogFooter>
               </AlertDialogContent>
             </AlertDialog>
             {isCompleted && (
               <Button variant="outline" size="sm" onClick={() => setTransferOpen(true)}>
-                {t("actions.transfer")}
+                {m.iterations_actions_transfer()}
               </Button>
             )}
             {!isCompleted && (
               <Button variant="outline" size="sm" onClick={() => setAddStoryOpen(true)}>
                 <Plus className="mr-1 size-4" />
-                {t("actions.addStories")}
+                {m.iterations_actions_addStories()}
               </Button>
             )}
           </div>
@@ -178,7 +177,7 @@ function IterationDetailPage() {
         {/* Stories list */}
         <div className="space-y-2">
           {stories.items.length === 0 ? (
-            <p className="py-8 text-center text-sm text-muted-foreground">{t("empty.description")}</p>
+            <p className="py-8 text-center text-sm text-muted-foreground">{m.iterations_empty_description()}</p>
           ) : (
             stories.items.map((story) => (
               <div key={story.id} className="flex items-center gap-3 rounded-lg border bg-card px-4 py-3">
@@ -188,7 +187,7 @@ function IterationDetailPage() {
                 </Link>
                 <span className="text-xs text-muted-foreground">{story.state}</span>
                 <Button variant="ghost" size="sm" className="ml-auto text-muted-foreground" onClick={() => void handleRemoveStory(story.id)}>
-                  {t("actions.removeStory")}
+                  {m.iterations_actions_removeStory()}
                 </Button>
               </div>
             ))
@@ -204,7 +203,6 @@ function IterationDetailPage() {
 }
 
 function TransferDialog({ open, onOpenChange, iterationId, projectId, onSaved }: { open: boolean; onOpenChange: (v: boolean) => void; iterationId: string; projectId: string; onSaved?: () => void }) {
-  const { t } = useTranslation("iterations");
   const [targetId, setTargetId] = useState("");
   const [loading, setLoading] = useState(false);
   const { data } = useQuery({
@@ -219,7 +217,7 @@ function TransferDialog({ open, onOpenChange, iterationId, projectId, onSaved }:
     setLoading(true);
     try {
       const r = await transferUnfinishedFn({ data: { iterationId, targetIterationId: targetId } });
-      toast.success(t("transfer.success", { count: r.count }));
+      toast.success(m.iterations_transfer_success({ count: r.count }));
       onSaved?.();
       onOpenChange(false);
     } catch (e) {
@@ -233,25 +231,25 @@ function TransferDialog({ open, onOpenChange, iterationId, projectId, onSaved }:
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-md">
         <DialogHeader>
-          <DialogTitle>{t("transfer.title")}</DialogTitle>
+          <DialogTitle>{m.iterations_transfer_title()}</DialogTitle>
         </DialogHeader>
-        <p className="text-sm text-muted-foreground">{t("transfer.description")}</p>
+        <p className="text-sm text-muted-foreground">{m.iterations_transfer_description()}</p>
         <div className="space-y-2 py-4">
-          <label className="text-sm font-medium">{t("transfer.target")}</label>
+          <label className="text-sm font-medium">{m.iterations_transfer_target()}</label>
           <select
             className="flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors"
             value={targetId}
             onChange={(e) => setTargetId(e.target.value)}
           >
-            <option value="">{t("transfer.noTarget") ?? "请选择目标迭代"}</option>
+            <option value="">{m.transfer_noTarget() ?? "请选择目标迭代"}</option>
             {targets.map((i: IterationSummary) => (
               <option key={i.id} value={i.id}>{i.name} ({i.startDate} ~ {i.endDate})</option>
             ))}
           </select>
         </div>
         <DialogFooter>
-          <Button variant="outline" onClick={() => onOpenChange(false)}>{t("actions.cancel")}</Button>
-          <Button onClick={() => void handleTransfer()} disabled={!targetId || loading}>{loading ? "转移中..." : t("actions.transfer")}</Button>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>{m.iterations_actions_cancel()}</Button>
+          <Button onClick={() => void handleTransfer()} disabled={!targetId || loading}>{loading ? "转移中..." : m.iterations_actions_transfer()}</Button>
         </DialogFooter>
       </DialogContent>
     </Dialog>
@@ -259,7 +257,6 @@ function TransferDialog({ open, onOpenChange, iterationId, projectId, onSaved }:
 }
 
 function AddStoriesDialog({ open, onOpenChange, iterationId, projectId, onAdded }: { open: boolean; onOpenChange: (v: boolean) => void; iterationId: string; projectId: string; onAdded?: () => void }) {
-  const { t } = useTranslation("iterations");
   const [selectedIds, setSelectedIds] = useState<string[]>([]);
   const { data: projects } = useQuery({
     queryKey: ["projects-brief"],
@@ -270,7 +267,7 @@ function AddStoriesDialog({ open, onOpenChange, iterationId, projectId, onAdded
     const storyIds = Array.isArray(ids) ? ids : [ids];
     if (!storyIds.length) return;
     await addStoriesToIterationFn({ data: { iterationId, storyIds } });
-    toast.success(t("actions.addStories"));
+    toast.success(m.iterations_actions_addStories());
     onAdded?.();
     onOpenChange(false);
   }
@@ -282,7 +279,7 @@ function AddStoriesDialog({ open, onOpenChange, iterationId, projectId, onAdded
       storyId=""
       projects={projects ?? []}
       mode="iteration"
-      title={t("actions.addStories")}
+      title={m.iterations_actions_addStories()}
       onSelected={handleSelected}
     />
   );

package/src/routes/_nav/projects/$projectId/iterations/index.lazy.tsx

@@ -17,7 +17,6 @@
 
 import { useState } from "react";
 import { createLazyFileRoute, Link, useLoaderData, useRouter } from "@tanstack/react-router";
-import { useTranslation } from "react-i18next";
 import { CalendarRange, Plus, Settings } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { PlaceholderPage } from "@/components/shared-kit/pages/placeholder-page";
@@ -26,13 +25,13 @@ import { CreateIterationDialog } from "@/components/iteration/create-iteration-d
 import { AutoScheduleDialog } from "@/components/iteration/auto-schedule-dialog";
 import { listIterationsFn } from "@/server/serverFns/iteration";
 import type { IterationSummary } from "@/server/serverFns/iteration/schemas";
+import { m } from "@/paraglide/messages.js";
 
 export const Route = createLazyFileRoute("/_nav/projects/$projectId/iterations/")({
   component: IterationsPage,
 });
 
 function IterationsPage() {
-  const { t } = useTranslation("iterations");
   const router = useRouter();
   const { items } = useLoaderData({ from: "/_nav/projects/$projectId/iterations/" });
   const projectId = Route.useParams().projectId;
@@ -44,9 +43,9 @@ function IterationsPage() {
   const completed = items.filter((i) => i.status === "completed").sort((a, b) => b.startDate.localeCompare(a.startDate)).slice(0, 8);
 
   const groups = [
-    { title: t("group.active"), items: active },
-    { title: t("group.upcoming"), items: upcoming },
-    { title: t("group.completed"), items: completed },
+    { title: m.iterations_group_active(), items: active },
+    { title: m.iterations_group_upcoming(), items: upcoming },
+    { title: m.iterations_group_completed(), items: completed },
   ].filter((g) => g.items.length > 0);
 
   return (
@@ -58,24 +57,24 @@ function IterationsPage() {
             params={{ projectId }}
             className="text-sm text-muted-foreground hover:text-foreground"
           >
-            ← {t("title")}
+            ← {m.iterations_title()}
           </Link>
           <div className="flex items-center gap-2">
             <Button variant="outline" size="sm" onClick={() => setScheduleOpen(true)}>
               <Settings className="mr-1 size-4" />
-              {t("actions.autoSchedule")}
+              {m.iterations_actions_autoSchedule()}
             </Button>
             <Button size="sm" onClick={() => setDialogOpen(true)}>
               <Plus className="mr-1 size-4" />
-              {t("actions.create")}
+              {m.iterations_actions_create()}
             </Button>
           </div>
         </div>
 
         {groups.length === 0 ? (
           <PlaceholderPage
-            title={t("empty.title")}
-            description={t("empty.description")}
+            title={m.iterations_empty_title()}
+            description={m.iterations_empty_description()}
             icon={CalendarRange}
           />
         ) : (

package/src/routes/_nav/projects/$projectId/route.tsx

@@ -20,19 +20,21 @@ import {
   getProjectDetailFn,
   listProjectMembersFn,
   listProjectActivitiesFn,
+  getProjectActivityDataFn,
 } from "@/server/serverFns/project";
 import { getModuleOverviewFn } from "@/server/serverFns/project/module-overview";
 
 export const Route = createFileRoute("/_nav/projects/$projectId")({
   loader: async ({ params }) => {
-    const [project, members, activities, moduleOverview] = await Promise.all([
+    const [project, members, activities, moduleOverview, contributionData] = await Promise.all([
       getProjectDetailFn({ data: { projectId: params.projectId } }),
       listProjectMembersFn({ data: { projectId: params.projectId } }),
       listProjectActivitiesFn({
         data: { projectId: params.projectId, take: 15 },
       }),
       getModuleOverviewFn({ data: { projectId: params.projectId } }),
+      getProjectActivityDataFn({ data: { projectId: params.projectId } }),
     ]);
-    return { project, members, activities, moduleOverview };
+    return { project, members, activities, moduleOverview, contributionData };
   },
 });

package/src/routes/_nav/projects/$projectId/settings/route.lazy.tsx

@@ -17,7 +17,6 @@
 
 import { createLazyFileRoute, Link } from "@tanstack/react-router";
 import { useRouter } from "@tanstack/react-router";
-import { useTranslation } from "react-i18next";
 import { useEffect, useState } from "react";
 import { ArrowLeft, BookOpenText, Loader2 } from "lucide-react";
 import { toast } from '@/components/ui/sonner';
@@ -37,9 +36,9 @@ import { checkDisplayIdAvailableFn, updateProjectFn, deleteProjectFn, setProject
 import { useTimezone } from "@/providers/timezone-provider";
 import { TimezoneSelect } from "@/components/shared-kit/timezone/timezone-select";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import { m } from "@/paraglide/messages.js";
 
 function ProjectSettingsPage() {
-  const { t } = useTranslation('projects');
   const router = useRouter();
   const { project, members, linkedKbIds, candidateKbs } = Route.useLoaderData();
   const session = Route.useRouteContext({ select: (c) => c.session });
@@ -76,7 +75,7 @@ function ProjectSettingsPage() {
 
   const handleSave = async () => {
     if (!name.trim()) {
-      toast.error(t('settings.nameRequired'));
+      toast.error(m.projects_settings_nameRequired());
       return;
     }
     const idError = validateDisplayId(displayId);
@@ -96,11 +95,11 @@ function ProjectSettingsPage() {
           timezone: useCustomTz ? projectTimezone : null,
         },
       });
-      toast.success(t('settings.saved'));
+      toast.success(m.projects_settings_saved());
       window.dispatchEvent(new CustomEvent("project-updated"));
       await router.invalidate();
     } catch (err) {
-      toast.error(err instanceof Error ? err.message : t('settings.saveFailed'));
+      toast.error(err instanceof Error ? err.message : m.projects_settings_saveFailed());
     } finally {
       setSaving(false);
     }
@@ -110,9 +109,9 @@ function ProjectSettingsPage() {
     setSavingKbs(true);
     try {
       await setProjectKbsFn({ data: { projectId: project.id, kbIds: [...kbChecked] } });
-      toast.success(t('settings.kbSection.saved'));
+      toast.success(m.projects_settings_kbSection_saved());
     } catch (err) {
-      toast.error((err as Error).message || t('settings.kbSection.saveFailed'));
+      toast.error((err as Error).message || m.projects_settings_kbSection_saveFailed());
     } finally {
       setSavingKbs(false);
     }
@@ -121,11 +120,11 @@ function ProjectSettingsPage() {
   const handleDelete = async (mode: "transfer" | "clear") => {
     try {
       await deleteProjectFn({ data: { projectId: project.id, mode } })
-      toast.success(mode === "clear" ? t('settings.deleted') : t('settings.transferredAndDeleted'))
+      toast.success(mode === "clear" ? m.projects_settings_deleted() : m.projects_settings_transferredAndDeleted())
       window.dispatchEvent(new CustomEvent("project-deleted"))
       await router.navigate({ to: "/projects" })
     } catch (err) {
-      toast.error(err instanceof Error ? err.message : t('settings.deleteFailed'))
+      toast.error(err instanceof Error ? err.message : m.projects_settings_deleteFailed())
     }
   }
 
@@ -136,25 +135,25 @@ function ProjectSettingsPage() {
           <Button variant="ghost" size="sm" asChild>
             <Link to="/projects/$projectId" params={{ projectId: project.id }}>
               <ArrowLeft className="size-4" />
-              {t('settings.backToProject')}
+              {m.projects_settings_backToProject()}
             </Link>
           </Button>
         </div>
 
-        <h1 className="mb-6 text-2xl font-semibold">{t('settings.title')}</h1>
+        <h1 className="mb-6 text-2xl font-semibold">{m.projects_settings_title()}</h1>
 
         {canEdit && (
           <Card className="mb-6">
             <CardHeader>
-              <CardTitle>{t('settings.basicInfo')}</CardTitle>
+              <CardTitle>{m.projects_settings_basicInfo()}</CardTitle>
             </CardHeader>
             <CardContent className="space-y-5">
               <div className="flex items-center gap-3">
-                <Label>{t('settings.projectIcon')}</Label>
+                <Label>{m.projects_settings_projectIcon()}</Label>
                 <LucideIconPicker value={icon} onChange={setIcon} />
               </div>
               <div className="grid gap-2">
-                <Label htmlFor="project-name">{t('settings.projectName')}</Label>
+                <Label htmlFor="project-name">{m.projects_settings_projectName()}</Label>
                 <Input
                   id="project-name"
                   value={name}
@@ -163,7 +162,7 @@ function ProjectSettingsPage() {
                 />
               </div>
               <div className="grid gap-2">
-                <Label htmlFor="project-display-id">{t('settings.projectId')}</Label>
+                <Label htmlFor="project-display-id">{m.projects_settings_projectId()}</Label>
                 <Input
                   id="project-display-id"
                   value={displayId}
@@ -177,9 +176,9 @@ function ProjectSettingsPage() {
                     const res = await checkDisplayIdAvailableFn({
                       data: { displayId, excludeProjectId: project.id },
                     });
-                    setDisplayIdError(res.available ? "" : res.reason ?? t('settings.idUnavailable'));
+                    setDisplayIdError(res.available ? "" : res.reason ?? m.projects_settings_idUnavailable());
                   }}
-                  placeholder={t('settings.idPlaceholder')}
+                  placeholder={m.projects_settings_idPlaceholder()}
                   maxLength={10}
                   className={displayIdError ? "border-destructive" : ""}
                 />
@@ -188,19 +187,19 @@ function ProjectSettingsPage() {
                 )}
               </div>
               <div className="grid gap-2">
-                <Label htmlFor="project-desc">{t('settings.projectDescription')}</Label>
+                <Label htmlFor="project-desc">{m.projects_settings_projectDescription()}</Label>
                 <Textarea
                   id="project-desc"
                   value={description}
                   onChange={(e) => setDescription(e.target.value)}
                   maxLength={500}
                   rows={3}
-                  placeholder={t('settings.descPlaceholder')}
+                  placeholder={m.projects_settings_descPlaceholder()}
                 />
               </div>
               <div className="flex justify-end">
                 <Button onClick={handleSave} disabled={saving}>
-                  {saving ? <Loader2 className="size-4 animate-spin" /> : t('settings.saveChanges')}
+                  {saving ? <Loader2 className="size-4 animate-spin" /> : m.projects_settings_saveChanges()}
                 </Button>
               </div>
             </CardContent>
@@ -210,7 +209,7 @@ function ProjectSettingsPage() {
         {canEdit && (
           <Card className="mb-6">
             <CardHeader>
-              <CardTitle>{t('settings.timezone')}</CardTitle>
+              <CardTitle>{m.projects_settings_timezone()}</CardTitle>
             </CardHeader>
             <CardContent className="space-y-4">
               <RadioGroup
@@ -220,13 +219,13 @@ function ProjectSettingsPage() {
                 <div className="flex items-center gap-2">
                   <RadioGroupItem value="default" id="tz-default" />
                   <label htmlFor="tz-default" className="text-sm">
-                    {t('settings.followMyTimezone', { timezone: userTimezone })}
+                    {m.projects_settings_followMyTimezone({ timezone: userTimezone })}
                   </label>
                 </div>
                 <div className="flex flex-col gap-2">
                   <div className="flex items-center gap-2">
                     <RadioGroupItem value="custom" id="tz-custom" />
-                    <label htmlFor="tz-custom" className="text-sm">{t('settings.customTimezone')}</label>
+                    <label htmlFor="tz-custom" className="text-sm">{m.projects_settings_customTimezone()}</label>
                   </div>
                   {useCustomTz && (
                     <TimezoneSelect
@@ -243,14 +242,14 @@ function ProjectSettingsPage() {
 
         <Card className="mb-6">
           <CardHeader>
-            <CardTitle>{t('settings.kbSection.title')}</CardTitle>
+            <CardTitle>{m.projects_settings_kbSection_title()}</CardTitle>
           </CardHeader>
           <CardContent>
             <p className="mb-3 text-sm text-muted-foreground">
-              {t('settings.kbSection.desc')}
+              {m.projects_settings_kbSection_desc()}
             </p>
             {candidateKbs.filter((kb) => kb.visibility !== 'private').length === 0 && (
-              <p className="text-sm text-muted-foreground">{t('settings.kbSection.empty')}</p>
+              <p className="text-sm text-muted-foreground">{m.projects_settings_kbSection_empty()}</p>
             )}
             <div className="flex flex-col gap-2">
               {candidateKbs
@@ -280,10 +279,10 @@ function ProjectSettingsPage() {
                       <span className="flex-1">{kb.name}</span>
                       {isGeneral ? (
                         <span className="text-xs text-muted-foreground">
-                          {t('settings.kbSection.generalDisabled')}
+                          {m.projects_settings_kbSection_generalDisabled()}
                         </span>
                       ) : (
-                        <Badge variant="outline" className="text-xs">{t('knowledge:toolbar.team')}</Badge>
+                        <Badge variant="outline" className="text-xs">{m.knowledge_toolbar_team()}</Badge>
                       )}
                     </label>
                   );
@@ -291,14 +290,14 @@ function ProjectSettingsPage() {
             </div>
             <Button onClick={saveKbs} disabled={savingKbs} className="mt-3">
               {savingKbs ? <Loader2 className="mr-2 size-4 animate-spin" /> : null}
-              {t('settings.kbSection.save')}
+              {m.projects_settings_kbSection_save()}
             </Button>
           </CardContent>
         </Card>
 
         <Card className="mb-6">
           <CardHeader>
-            <CardTitle>{t('settings.members')}</CardTitle>
+            <CardTitle>{m.projects_settings_members()}</CardTitle>
           </CardHeader>
           <CardContent>
             <ProjectMemberManager
@@ -314,11 +313,11 @@ function ProjectSettingsPage() {
         {canDelete && (
           <Card className="border-destructive/40">
             <CardHeader>
-              <CardTitle className="text-destructive">{t('settings.dangerZone')}</CardTitle>
+              <CardTitle className="text-destructive">{m.projects_settings_dangerZone()}</CardTitle>
             </CardHeader>
             <CardContent className="space-y-3">
               <p className="text-sm text-muted-foreground">
-                {t('settings.dangerDesc')}
+                {m.projects_settings_dangerDesc()}
               </p>
               <Button
                 variant="destructive"
@@ -327,7 +326,7 @@ function ProjectSettingsPage() {
                   setDeleteOpen(true);
                 }}
               >
-                {t('settings.deleteProject')}
+                {m.projects_settings_deleteProject()}
               </Button>
             </CardContent>
           </Card>
@@ -337,14 +336,14 @@ function ProjectSettingsPage() {
        <NameConfirmDialog
          open={deleteOpen}
          onOpenChange={setDeleteOpen}
-         title={t('settings.deleteProject')}
-         description={t('settings.confirmDeleteDesc', { projectName: project.name })}
-         confirmText={t('settings.confirmDelete')}
+         title={m.projects_settings_deleteProject()}
+         description={m.projects_settings_confirmDeleteDesc({ projectName: project.name })}
+         confirmText={m.projects_settings_confirmDelete()}
          expectedName={project.name}
          onConfirm={() => handleDelete(deleteMode)}
        >
          <div className="space-y-2">
-           <p className="text-sm text-muted-foreground">{t('settings.deleteMethod')}</p>
+           <p className="text-sm text-muted-foreground">{m.projects_settings_deleteMethod()}</p>
            <RadioGroup
              value={deleteMode}
              onValueChange={(v) => setDeleteMode(v as "transfer" | "clear")}
@@ -353,15 +352,15 @@ function ProjectSettingsPage() {
              <Label className="flex cursor-pointer items-start gap-2 rounded-md border p-3 font-normal">
                <RadioGroupItem value="transfer" className="mt-0.5" />
                <span className="space-y-0.5">
-                 <span className="text-sm font-medium">{t('settings.transfer')}</span>
-                 <span className="flex text-xs text-muted-foreground">{t('settings.transferDesc')}</span>
+                 <span className="text-sm font-medium">{m.projects_settings_transfer()}</span>
+                 <span className="flex text-xs text-muted-foreground">{m.projects_settings_transferDesc()}</span>
                </span>
              </Label>
              <Label className="flex cursor-pointer items-start gap-2 rounded-md border border-destructive/40 p-3 font-normal">
                <RadioGroupItem value="clear" className="mt-0.5" />
                <span className="space-y-0.5">
-                 <span className="text-sm font-medium text-destructive">{t('settings.clear')}</span>
-                 <span className="flex text-xs text-muted-foreground">{t('settings.clearDesc')}</span>
+                 <span className="text-sm font-medium text-destructive">{m.projects_settings_clear()}</span>
+                 <span className="flex text-xs text-muted-foreground">{m.projects_settings_clearDesc()}</span>
                </span>
              </Label>
            </RadioGroup>