@allbluecn/web-app 0.9.4 → 0.10.0

package/src/components/story/search-popover.tsx

@@ -17,12 +17,12 @@
 
 import * as React from "react";
 import { Search } from "lucide-react";
-import { useTranslation } from "react-i18next";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { Input } from "@/components/ui/input";
 import { Command, CommandEmpty, CommandGroup, CommandItem, CommandList } from "@/components/ui/command";
 import { cn } from "@/lib/utils";
 import { searchStoriesFn } from "@/server/serverFns/story";
+import { m } from "@/paraglide/messages.js";
 
 export interface StorySearchPopoverProps {
   onSelect: (storyId: string, story?: { id: string; title: string; identifier: string }) => void;
@@ -37,12 +37,11 @@ export function StorySearchPopover({
   trigger,
   placeholder,
 }: StorySearchPopoverProps) {
-  const { t } = useTranslation("story");
   const [open, setOpen] = React.useState(false);
   const [query, setQuery] = React.useState("");
   const [results, setResults] = React.useState<Array<{ id: string; title: string; identifier: string }>>([]);
   const [loading, setLoading] = React.useState(false);
-  const placeholderText = placeholder ?? t("search.searchStory");
+  const placeholderText = placeholder ?? m.story_search_searchStory();
 
   const searchStories = async (q: string) => {
     if (!q.trim()) {
@@ -55,7 +54,7 @@ export function StorySearchPopover({
       const items = await searchStoriesFn({ data: { query: q, excludeIds } });
       setResults(items);
     } catch (error) {
-      console.error(t("search.searchFailed"), error);
+      console.error(m.story_search_searchFailed(), error);
     } finally {
       setLoading(false);
     }
@@ -102,7 +101,7 @@ export function StorySearchPopover({
           <CommandList>
             {loading ? (
               <div className="py-6 text-center text-sm text-muted-foreground">
-                {t("search.searching")}
+                {m.story_search_searching()}
               </div>
             ) : results.length > 0 ? (
               <CommandGroup>
@@ -120,7 +119,7 @@ export function StorySearchPopover({
                 ))}
               </CommandGroup>
             ) : (
-              <CommandEmpty>{t("search.noResults")}</CommandEmpty>
+              <CommandEmpty>{m.story_search_noResults()}</CommandEmpty>
             )}
           </CommandList>
         </Command>

package/src/components/story/story-list-table.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useEffect, useMemo, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
 import { flexRender, useTable, type SortingState } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ArrowDown, ArrowUp, ChevronDown } from "lucide-react";
@@ -25,6 +24,7 @@ import type { StoryListItem } from "./types";
 import { ALL_DISPLAY_PROPERTIES } from "./display/types";
 import type { DisplayProperty, OrderKey } from "./display/types";
 import { InfiniteScrollSentinel } from "./infinite-scroll-sentinel";
+import { m } from "@/paraglide/messages.js";
 
 const ROW_HEIGHT = 44;
 
@@ -49,10 +49,9 @@ export function StoryListTable({ data, onOpenStory, properties, orderBy, onLoadM
   onLoadMore: () => void;
   hasMore: boolean;
 }) {
-  const { t } = useTranslation("story");
   const [sorting, setSorting] = useState<SortingState>([]);
 
-  const columns = useMemo(() => createStoryColumns(t), [t]);
+  const columns = useMemo(() => createStoryColumns(), []);
 
   const columnVisibility = useMemo(() => {
     const vis: Record<string, boolean> = {};
@@ -163,7 +162,7 @@ export function StoryListTable({ data, onOpenStory, properties, orderBy, onLoadM
 
         {rows.length === 0 && (
           <div className="flex h-40 items-center justify-center text-sm text-muted-foreground">
-            {t("table.empty")}
+            {m.story_table_empty()}
           </div>
         )}
       </div>

package/src/components/story/story-list-view.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
 import { useNavigate, useRouteContext } from "@tanstack/react-router";
 import { StoryListTable } from "./story-list-table";
 import { StoryToolbar, type StoryFilters } from "./story-toolbar";
@@ -53,6 +52,7 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import { m } from "@/paraglide/messages.js";
 
 interface StoryListViewProps {
   stories: { items: StoryListItem[]; total: number };
@@ -65,7 +65,6 @@ const STORY_PROJECT_FILTER_KEY = "story.projectFilter";
 const STORY_SEARCH_KEY = "story.search";
 
 export function StoryListView({ stories: initialStories, users: initialUsers, projects: initialProjects, labels }: StoryListViewProps) {
-  const { t } = useTranslation("story");
   const { session } = useRouteContext({ from: "/_nav/stories/" });
   const navigate = useNavigate({ from: "/stories" });
   const [view, setView] = useState<StoryView>("list");
@@ -280,7 +279,7 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
   const handleArchiveAll = useCallback(async () => {
     const toArchive = stories.items.filter((s) => !s.archived && (s.state === "done" || s.state === "cancelled"));
     if (toArchive.length === 0) {
-      toast.info(t("listView.noArchiveable"));
+      toast.info(m.story_listView_noArchiveable());
       return;
     }
     setArchiveCount(toArchive.length);
@@ -298,15 +297,15 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
         success++;
       } catch (e) {
         failed++;
-        console.error(t("listView.archiveFailed"), story.id, e);
+        console.error(m.story_listView_archiveFailed(), story.id, e);
       }
     }
     setArchiveDialogOpen(false);
     setArchiveLoading(false);
     if (failed > 0) {
-      toast.error(t("listView.archiveDoneWithFailures", { success, failed }));
+      toast.error(m.story_listView_archiveDoneWithFailures({ success, failed }));
     } else {
-      toast.success(t("listView.archiveDone", { count: success }));
+      toast.success(m.story_listView_archiveDone({ count: success }));
     }
     await reload();
   }, [stories.items, reload]);
@@ -567,15 +566,15 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
       <AlertDialog open={archiveDialogOpen} onOpenChange={(v) => !archiveLoading && setArchiveDialogOpen(v)} >
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>{t("listView.archiveAllTitle")}</AlertDialogTitle>
+            <AlertDialogTitle>{m.story_listView_archiveAllTitle()}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t("listView.archiveAllDescription", { count: archiveCount })}
+              {m.story_listView_archiveAllDescription({ count: archiveCount })}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel disabled={archiveLoading}>{t("batchPreview.cancel")}</AlertDialogCancel>
+            <AlertDialogCancel disabled={archiveLoading}>{m.story_batchPreview_cancel()}</AlertDialogCancel>
             <AlertDialogAction onClick={confirmArchiveAll} disabled={archiveLoading}>
-              {archiveLoading ? t("listView.archiving") : t("listView.confirmArchive")}
+              {archiveLoading ? m.story_listView_archiving() : m.story_listView_confirmArchive()}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>

package/src/components/story/story-panel-header.tsx

@@ -17,7 +17,6 @@
 
 import { useState } from "react";
 import type { ReactNode } from "react";
-import { useTranslation } from "react-i18next";
 import { Link } from "@tanstack/react-router";
 import {
   Archive,
@@ -49,13 +48,14 @@ import { toast } from "sonner";
 import { NameConfirmDialog } from "@/components/shared-kit/dialogs/name-confirm-dialog";
 import { archiveStoryFn, deleteStoryFn } from "@/server/serverFns/story";
 import { TransferStoryPopover } from "./transfer-story-popover";
+import { m } from "@/paraglide/messages.js";
 
 export type PeekMode = "side-peek" | "modal" | "full-screen";
 
-export const PEEK_MODE_OPTIONS: { value: PeekMode; label: string; icon: typeof PanelLeft }[] = [
-  { value: "side-peek", label: "panel.mode.sidePeek", icon: PanelLeft },
-  { value: "modal", label: "panel.mode.modal", icon: Maximize },
-  { value: "full-screen", label: "panel.mode.fullScreen", icon: Maximize2 },
+export const PEEK_MODE_OPTIONS: { value: PeekMode; label: () => string; icon: typeof PanelLeft }[] = [
+  { value: "side-peek", label: m.story_panel_mode_sidePeek, icon: PanelLeft },
+  { value: "modal", label: m.story_panel_mode_modal, icon: Maximize },
+  { value: "full-screen", label: m.story_panel_mode_fullScreen, icon: Maximize2 },
 ];
 
 export type PanelCloseType = "collapse" | "close" | "back";
@@ -125,13 +125,12 @@ export function StoryPanelHeader({
   hideTransfer = false,
   breadcrumbItems,
 }: StoryPanelHeaderProps) {
-  const { t } = useTranslation("story");
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const [archiveLoading, setArchiveLoading] = useState(false);
 
   const currentMode = PEEK_MODE_OPTIONS.find((o) => o.value === mode) ?? PEEK_MODE_OPTIONS[0];
   const CurrentModeIcon = currentMode.icon;
-  const closeTooltip = closeType === "back" ? t("panel.back") : closeType === "collapse" ? t("panel.collapse") : t("panel.close");
+  const closeTooltip = closeType === "back" ? m.story_panel_back() : closeType === "collapse" ? m.story_panel_collapse() : m.story_panel_close();
   // 形变动画（MorphIcon）因主线程阻塞掉帧卡顿已移除，静态切换图标
   const CloseIcon = closeType === "back" ? ArrowLeft : closeType === "collapse" ? ArrowRight : X;
 
@@ -153,9 +152,9 @@ export function StoryPanelHeader({
     const url = storyId ? `${window.location.origin}/stories/${storyId}` : window.location.href;
     try {
       await navigator.clipboard.writeText(url);
-      toast.success(t("panel.linkCopied"));
+      toast.success(m.story_panel_linkCopied());
     } catch {
-      toast.error(t("panel.copyFailed"));
+      toast.error(m.story_panel_copyFailed());
     }
   };
 
@@ -164,10 +163,10 @@ export function StoryPanelHeader({
     setArchiveLoading(true);
     try {
       await archiveStoryFn({ data: { storyId } });
-      toast.success(t("panel.archived"));
+      toast.success(m.story_panel_archived());
       onArchived();
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t("panel.archiveFailed"));
+      toast.error(e instanceof Error ? e.message : m.story_panel_archiveFailed());
     } finally {
       setArchiveLoading(false);
     }
@@ -176,7 +175,7 @@ export function StoryPanelHeader({
   const handleDelete = async () => {
     if (!storyId || !onDeleted) return;
     await deleteStoryFn({ data: { storyId } });
-    toast.success(t("panel.deleted"));
+    toast.success(m.story_panel_deleted());
     onDeleted();
   };
 
@@ -193,18 +192,18 @@ export function StoryPanelHeader({
         {!hideFullscreen && onFullscreen && (
           <Tooltip>
             <TooltipTrigger asChild>
-              <Button variant="ghost" size="icon" className="size-8" onClick={onFullscreen} aria-label={t("panel.fullscreen")}>
+              <Button variant="ghost" size="icon" className="size-8" onClick={onFullscreen} aria-label={m.story_panel_fullscreen()}>
                 <Maximize2 className="size-4" />
               </Button>
             </TooltipTrigger>
-            <TooltipContent>{t("panel.fullscreen")}</TooltipContent>
+            <TooltipContent>{m.story_panel_fullscreen()}</TooltipContent>
           </Tooltip>
         )}
 
         {!hideLayoutSwitcher && mode && onModeChange && (
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
-              <Button variant="ghost" size="icon" className="size-8" aria-label={t("panel.switchLayout")}>
+              <Button variant="ghost" size="icon" className="size-8" aria-label={m.story_panel_switchLayout()}>
                 <CurrentModeIcon className="size-4" />
               </Button>
             </DropdownMenuTrigger>
@@ -213,7 +212,7 @@ export function StoryPanelHeader({
                 {PEEK_MODE_OPTIONS.map((o) => (
                   <DropdownMenuRadioItem key={o.value} value={o.value}>
                     <o.icon className="mr-2 size-4" />
-                    {t(o.label)}
+                    {o.label()}
                   </DropdownMenuRadioItem>
                 ))}
               </DropdownMenuRadioGroup>
@@ -236,12 +235,12 @@ export function StoryPanelHeader({
                     className="size-8"
                     onClick={onPrevious}
                     disabled={prevDisabled}
-                    aria-label={t("panel.previousStory")}
+                    aria-label={m.story_panel_previousStory()}
                   >
                     <ChevronUp className="size-4" />
                   </Button>
                 </TooltipTrigger>
-                <TooltipContent>{t("panel.previousStory")}</TooltipContent>
+                <TooltipContent>{m.story_panel_previousStory()}</TooltipContent>
               </Tooltip>
             )}
             {onNext && (
@@ -253,12 +252,12 @@ export function StoryPanelHeader({
                     className="size-8"
                     onClick={onNext}
                     disabled={nextDisabled}
-                    aria-label={t("panel.nextStory")}
+                    aria-label={m.story_panel_nextStory()}
                   >
                     <ChevronDown className="size-4" />
                   </Button>
                 </TooltipTrigger>
-                <TooltipContent>{t("panel.nextStory")}</TooltipContent>
+                <TooltipContent>{m.story_panel_nextStory()}</TooltipContent>
               </Tooltip>
             )}
           </>
@@ -277,18 +276,18 @@ export function StoryPanelHeader({
           {!hideCopyLink && (
             <Tooltip>
               <TooltipTrigger asChild>
-                <Button variant="ghost" size="icon" className="size-8" onClick={handleCopyLink} aria-label={t("panel.copyLink")}>
+                <Button variant="ghost" size="icon" className="size-8" onClick={handleCopyLink} aria-label={m.story_panel_copyLink()}>
                   <Link2 className="size-4" />
                 </Button>
               </TooltipTrigger>
-              <TooltipContent>{t("panel.copyLink")}</TooltipContent>
+              <TooltipContent>{m.story_panel_copyLink()}</TooltipContent>
             </Tooltip>
           )}
 
           {!hideMoreMenu && storyId && (onArchived || onDeleted) && (
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
-                <Button variant="ghost" size="icon" className="size-8" aria-label={t("panel.more")}>
+                <Button variant="ghost" size="icon" className="size-8" aria-label={m.story_panel_more()}>
                   <MoreHorizontal className="size-4" />
                 </Button>
               </DropdownMenuTrigger>
@@ -297,7 +296,7 @@ export function StoryPanelHeader({
                   <>
                     <DropdownMenuItem onClick={handleArchive} disabled={!canArchive || archiveLoading}>
                       <Archive className="mr-2 size-4" />
-                      {t("panel.archive")}
+                      {m.story_panel_archive()}
                     </DropdownMenuItem>
                     <DropdownMenuSeparator />
                   </>
@@ -308,7 +307,7 @@ export function StoryPanelHeader({
                     className="text-destructive focus:text-destructive"
                   >
                     <Trash2 className="mr-2 size-4" />
-                    {t("panel.delete")}
+                    {m.story_panel_delete()}
                   </DropdownMenuItem>
                 )}
               </DropdownMenuContent>
@@ -320,9 +319,9 @@ export function StoryPanelHeader({
       <NameConfirmDialog
         open={deleteDialogOpen}
         onOpenChange={setDeleteDialogOpen}
-        title={t("panel.deleteTitle")}
-        description={t("panel.deleteDescription")}
-        confirmText={t("panel.delete")}
+        title={m.story_panel_deleteTitle()}
+        description={m.story_panel_deleteDescription()}
+        confirmText={m.story_panel_delete()}
         expectedName={identifier ?? storyId ?? ""}
         onConfirm={handleDelete}
       />

package/src/components/story/story-toolbar.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
 import { Plus, Search, Trees, Sprout, ChevronRight, ChevronDown, Archive, MoreHorizontal, MessagesSquare, Upload, Download } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -38,6 +37,7 @@ import { StoryFilterToggle, StoryFilterRow, AppliedFilters, type FilterCondition
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { CreateProjectDialog } from "@/components/project/create-project-dialog";
 import type { UserBrief } from "./types";
+import { m } from "@/paraglide/messages.js";
 
 export interface StoryFilters {
   projectId?: string;
@@ -70,7 +70,6 @@ interface StoryToolbarProps {
 }
 
 export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilterConditionsChange, projects, users, labels, total, onCreateClick, onArchiveAll, view, onViewChange, displayFilters, onDisplayOptionsChange, views, activeViewId, onApplyView, onEditView, onDeleteView, onAddView, onSaveAsView, onProjectCreated }: StoryToolbarProps) {
-  const { t } = useTranslation("story");
   const [localSearch, setLocalSearch] = useState(filters.search ?? "");
   const [projectOpen, setProjectOpen] = useState(false);
   const [projectHover, setProjectHover] = useState(false);
@@ -125,7 +124,7 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
                ) : (
                  <Trees className="size-4 text-muted-foreground" />
                )}
-               {filters.projectId === "__archived__" ? t("toolbar.archived") : filters.projectId ? (projects.find((p) => p.id === filters.projectId)?.name ?? t("toolbar.project")) : t("toolbar.allProjects")}
+               {filters.projectId === "__archived__" ? m.story_toolbar_archived() : filters.projectId ? (projects.find((p) => p.id === filters.projectId)?.name ?? m.story_toolbar_project()) : m.story_toolbar_allProjects()}
             </Button>
           </PopoverTrigger>
           <PopoverContent className="w-56 p-1" align="start">
@@ -137,7 +136,7 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
             >
               <span className="flex items-center gap-2">
                 <Trees className="size-4 text-muted-foreground" />
-                {t("toolbar.allProjects")}
+                {m.story_toolbar_allProjects()}
               </span>
               <span className="shrink-0 rounded-sm bg-muted px-1.5 py-0.5 text-[10px] font-normal text-muted-foreground">ALL</span>
              </button>
@@ -166,7 +165,7 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
              >
 <span className="flex items-center gap-2">
                   <Archive className="size-4 text-muted-foreground" />
-                  {t("toolbar.archived")}
+                  {m.story_toolbar_archived()}
                 </span>
              </button>
              <Separator orientation="horizontal" data-horizontal className="-my-1.5" />
@@ -176,7 +175,7 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
               className="flex w-full items-center gap-2 rounded px-2 py-1.5 text-sm text-muted-foreground hover:bg-muted hover:text-foreground"
             >
               <Plus className="size-4" />
-              {t("toolbar.createProject")}
+              {m.story_toolbar_createProject()}
             </button>
           </PopoverContent>
         </Popover>
@@ -189,7 +188,7 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
           onAddView={onAddView}
         />
 
-        <span className="shrink-0 text-xs text-muted-foreground">{t("toolbar.total", { count: total })}</span>
+        <span className="shrink-0 text-xs text-muted-foreground">{m.story_toolbar_total({ count: total })}</span>
 
         <div className="relative flex flex-[1_0_auto] justify-center">
           <div className="relative w-60">
@@ -197,7 +196,7 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
             <Input
               value={localSearch}
               onChange={(e) => handleSearchChange(e.target.value)}
-              placeholder={t("toolbar.searchPlaceholder")}
+              placeholder={m.story_toolbar_searchPlaceholder()}
               className="h-8 w-full pl-8"
             />
           </div>
@@ -224,7 +223,7 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
           />
           <ViewSwitcher view={view} onViewChange={onViewChange} />
           <Button size="sm" onClick={onCreateClick} className="h-8">
-            <Plus className="size-4" /> {t("toolbar.addStory")}
+            <Plus className="size-4" /> {m.story_toolbar_addStory()}
           </Button>
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
@@ -235,17 +234,17 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
             <DropdownMenuContent align="end" className="w-44 space-y-1.5 py-1.5">
               <DropdownMenuItem>
                 <MessagesSquare className="size-4 mr-2 h-6" />
-                {t("toolbar.collect")}
+                {m.story_toolbar_collect()}
               </DropdownMenuItem>
               <DropdownMenuItem>
                 <Upload className="size-4 mr-2 h-6" />
-                {t("toolbar.import")}
+                {m.story_toolbar_import()}
               </DropdownMenuItem>
               {/* <Separator orientation="horizontal" data-horizontal className="-my-1" /> */}
               <DropdownMenuSeparator />
               <DropdownMenuItem>
                 <Download className="size-4 mr-2 h-6" />
-                {t("toolbar.export")}
+                {m.story_toolbar_export()}
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>

package/src/components/story/transfer-story-popover.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
 import { GitCompareArrows, GitPullRequest, Check } from "lucide-react";
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { Button } from "@/components/ui/button";
@@ -34,6 +33,7 @@ import {
 import { toast } from "sonner";
 import { transferStoryToProjectFn, transferStoryAsChildFn } from "@/server/serverFns/story";
 import { StorySelectDialog } from "./inline-editors/story-select-dialog";
+import { m } from "@/paraglide/messages.js";
 
 interface TransferStoryPopoverProps {
   storyId?: string;
@@ -54,7 +54,6 @@ export function TransferStoryPopover({
   onTransferred,
   trigger,
 }: TransferStoryPopoverProps) {
-  const { t } = useTranslation("story");
   const isBatch = storyIds.length > 0;
   const singleStoryId = storyId ?? (storyIds[0] ?? "");
   const [open, setOpen] = useState(false);
@@ -67,7 +66,7 @@ export function TransferStoryPopover({
     ? projects.find((p) => p.id === currentProjectId)?.name ?? ""
     : "";
   const filteredTip = isBatch && currentProjectId && currentProjectName
-    ? t("transfer.filteredTip", { count: storyIds.length, project: currentProjectName })
+    ? m.story_transfer_filteredTip({ count: storyIds.length, project: currentProjectName })
     : undefined;
 
   const handleOpenChange = (next: boolean) => {
@@ -100,9 +99,9 @@ export function TransferStoryPopover({
           }
         }
         if (failed > 0) {
-          toast.error(t("transfer.doneWithFailures", { success, failed }));
+          toast.error(m.story_transfer_doneWithFailures({ success, failed }));
         } else {
-          toast.success(t("transfer.transferredToProject", { count: success }));
+          toast.success(m.story_transfer_transferredToProject({ count: success }));
         }
       } else {
         const result = await transferStoryToProjectFn({
@@ -114,12 +113,12 @@ export function TransferStoryPopover({
           projectId: (result as any).projectId,
           parentId: (result as any).parentId,
         });
-        toast.success(t("transfer.transferred"));
+        toast.success(m.story_transfer_transferred());
       }
       setOpen(false);
       onTransferred(updated);
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t("transfer.failed"));
+      toast.error(e instanceof Error ? e.message : m.story_transfer_failed());
     } finally {
       setSubmitting(false);
     }
@@ -142,9 +141,9 @@ export function TransferStoryPopover({
       }
       setSubmitting(false);
       if (failed > 0) {
-        toast.error(t("transfer.doneWithFailures", { success, failed }));
+        toast.error(m.story_transfer_doneWithFailures({ success, failed }));
       } else {
-        toast.success(t("transfer.asChildDone", { count: success }));
+        toast.success(m.story_transfer_asChildDone({ count: success }));
       }
       onTransferred();
     })();
@@ -161,7 +160,7 @@ export function TransferStoryPopover({
                   variant="ghost"
                   size="icon"
                   className="size-8"
-                  aria-label={t("transfer.transfer")}
+                  aria-label={m.story_transfer_transfer()}
                 >
                   <GitCompareArrows className="size-4" />
                 </Button>
@@ -169,17 +168,17 @@ export function TransferStoryPopover({
             </PopoverTrigger>
           </TooltipTrigger>
           <TooltipContent>
-            {isBatch ? t("transfer.transferCount", { count: storyIds.length }) : t("transfer.transfer")}
+            {isBatch ? m.story_transfer_transferCount({ count: storyIds.length }) : m.story_transfer_transfer()}
           </TooltipContent>
         </Tooltip>
         <PopoverContent align="end" className="w-64 p-1.5">
             <div className="px-2 py-1.5 text-xs font-medium text-muted-foreground">
-              {isBatch ? t("transfer.toProjectCount", { count: storyIds.length }) : t("transfer.toProject")}
+              {isBatch ? m.story_transfer_toProjectCount({ count: storyIds.length }) : m.story_transfer_toProject()}
             </div>
             <div className="max-h-48 overflow-y-auto [&>button+button]:mt-1">
               {otherProjects.length === 0 ? (
                 <div className="py-6 text-center text-sm text-muted-foreground">
-                  {t("transfer.noProjects")}
+                  {m.story_transfer_noProjects()}
                 </div>
               ) : (
                 otherProjects.map((p) => {
@@ -223,7 +222,7 @@ export function TransferStoryPopover({
                 disabled={projects.length === 0}
               >
                 <GitPullRequest className="size-3.5" />
-                {t("transfer.asChild")}
+                {m.story_transfer_asChild()}
               </Button>
               <Button
                 type="button"
@@ -233,7 +232,7 @@ export function TransferStoryPopover({
                 disabled={!selectedProjectId || submitting}
               >
                 {!submitting && <Check className="size-3.5" />}
-                {submitting ? t("transfer.transferring") : t("transfer.confirm")}
+                {submitting ? m.story_transfer_transferring() : m.story_transfer_confirm()}
               </Button>
             </div>
           </PopoverContent>
@@ -244,7 +243,7 @@ export function TransferStoryPopover({
         onOpenChange={(v) => !submitting && setDialogOpen(v)}
         storyId={singleStoryId}
         projects={projects}
-        title={t("transfer.asChildOfProject")}
+        title={m.story_transfer_asChildOfProject()}
         excludeProjectIds={currentProjectId ? [currentProjectId] : []}
         hideAllProjects
         filteredTip={filteredTip}