@allbluecn/web-app 0.9.5 → 0.10.0

package/src/plugins/core/prd/components/dialog/create-prd-dialog.tsx

@@ -15,8 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
+import React, { useState } from "react";
 import { useForm } from "@tanstack/react-form";
 import { useRouter } from "@tanstack/react-router";
 import { Button } from "@/components/ui/button";
@@ -31,6 +30,7 @@ import {
 import { getIconPicker } from "../../icon-picker-bridge";
 import { createPrdFn } from "../../serverFns/prd";
 import { createPrdSchema } from "../schemas/create-prd";
+import { m } from "@/paraglide/messages.js";
 
 interface CreatePRDDialogProps {
   open: boolean;
@@ -40,7 +40,6 @@ interface CreatePRDDialogProps {
 
 export function CreatePRDDialog({ open, onOpenChange, onSuccess }: CreatePRDDialogProps) {
   const router = useRouter();
-  const { t } = useTranslation(["prd", "common"]);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState("");
 
@@ -55,7 +54,7 @@ export function CreatePRDDialog({ open, onOpenChange, onSuccess }: CreatePRDDial
 
   const handleSubmit = async () => {
     if (!form.state.values.name.trim()) {
-      setError(t("dialog.nameRequired"));
+      setError(m.prd_dialog_nameRequired());
       return;
     }
 
@@ -67,9 +66,9 @@ export function CreatePRDDialog({ open, onOpenChange, onSuccess }: CreatePRDDial
       onOpenChange(false);
       onSuccess?.();
       window.dispatchEvent(new CustomEvent("prd-created"));
-      await router.navigate({ to: "/prd/$id", params: { id: prd.id } });
+      await (router as any).navigate({ to: "/prd/$id", params: { id: prd.id } });
     } catch (err) {
-      setError(err instanceof Error ? err.message : t("dialog.createFailed"));
+      setError(err instanceof Error ? err.message : m.prd_dialog_createFailed());
     } finally {
       setLoading(false);
     }
@@ -89,7 +88,7 @@ export function CreatePRDDialog({ open, onOpenChange, onSuccess }: CreatePRDDial
     <Dialog open={open} onOpenChange={handleOpenChange}>
       <DialogContent className="sm:max-w-260 -mt-50">
         <DialogHeader>
-          <DialogTitle className="text-xl">{t("dialog.createTitle")}</DialogTitle>
+          <DialogTitle className="text-xl">{m.prd_dialog_createTitle()}</DialogTitle>
         </DialogHeader>
 
         <div className="space-y-3 overflow-y-auto px-4 py-2 max-h-[60vh]">
@@ -107,9 +106,9 @@ export function CreatePRDDialog({ open, onOpenChange, onSuccess }: CreatePRDDial
             <form.Field name="name" children={(field) => (
               <Input
                 value={field.value ?? ""}
-                onChange={(e) => field.handleChange(e.target.value)}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => field.handleChange(e.target.value)}
                 onBlur={field.handleBlur}
-                placeholder={t("dialog.namePlaceholder")}
+                placeholder={m.prd_dialog_namePlaceholder()}
                 maxLength={100}
                 className="h-10 min-w-0 flex-1"
               />
@@ -122,7 +121,7 @@ export function CreatePRDDialog({ open, onOpenChange, onSuccess }: CreatePRDDial
                 value={field.value ?? ""}
                 onChange={(e) => field.handleChange(e.target.value)}
                 onBlur={field.handleBlur}
-                placeholder={t("dialog.descriptionPlaceholder")}
+                placeholder={m.prd_dialog_descriptionPlaceholder()}
                 maxLength={500}
                 className="flex-1 min-h-0 resize-none bg-transparent px-3 py-2 text-sm outline-none placeholder:text-muted-foreground"
               />
@@ -136,10 +135,10 @@ export function CreatePRDDialog({ open, onOpenChange, onSuccess }: CreatePRDDial
 
         <DialogFooter className="items-center gap-3">
           <Button variant="outline" onClick={() => handleOpenChange(false)}>
-            {t("common:button.cancel")}
+            {m.common_button_cancel()}
           </Button>
           <Button onClick={handleSubmit} disabled={loading}>
-            {loading ? t("dialog.creating") : t("common:button.create")}
+            {loading ? m.prd_dialog_creating() : m.common_button_create()}
           </Button>
         </DialogFooter>
       </DialogContent>

package/src/plugins/core/prd/components/dialog/prd-detail-client.tsx

@@ -15,10 +15,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import { useRouter } from "@tanstack/react-router";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
 import { NameConfirmDialog } from "@/components/shared-kit/dialogs/name-confirm-dialog";
 import { Badge } from "@/components/ui/badge";
 import { TagBadge } from '@/plugins/core/tags/tag-badge'
@@ -28,6 +26,7 @@ import { ICON_MAP, type PRDDetail as PRD } from "@allbluecn/kernel";
 import { deletePrdFn } from "../../serverFns/prd";
 import { formatDate } from "@/lib/datetime";
 import { useTimezone } from "@/components/shared-kit/timezone/timezone-provider";
+import { m } from "@/paraglide/messages.js";
 
 interface PRDDetailClientProps {
   prd: PRD;
@@ -35,7 +34,6 @@ interface PRDDetailClientProps {
 
 export function PRDDetailClient({ prd }: PRDDetailClientProps) {
   const router = useRouter();
-  const { t } = useTranslation("prd");
   const [deleteOpen, setDeleteOpen] = useState(false);
   const IconComponent = ICON_MAP[prd.icon] || FileText;
   const timezone = useTimezone();
@@ -71,7 +69,7 @@ export function PRDDetailClient({ prd }: PRDDetailClientProps) {
             </button>
           </TooltipTrigger>
           <TooltipContent>
-            <p>{t("detail.deleteTitle")}</p>
+            <p>{m.detail_deleteTitle()}</p>
           </TooltipContent>
         </Tooltip>
       </div>
@@ -81,19 +79,19 @@ export function PRDDetailClient({ prd }: PRDDetailClientProps) {
       )}
       
       <div className="text-sm text-muted-foreground">
-        {t("detail.createdAt")}: {formatDate(new Date(prd.createdAt), timezone, 'yyyy-MM-dd')}
+        {m.story_detail_createdAt()}: {formatDate(new Date(prd.createdAt), timezone, 'yyyy-MM-dd')}
       </div>
       
       <div className="border-t pt-4 mt-8">
-        <p className="text-muted-foreground text-center">{t("detail.contentPlaceholder")}</p>
+        <p className="text-muted-foreground text-center">{m.detail_contentPlaceholder()}</p>
       </div>
 
       <NameConfirmDialog
         open={deleteOpen}
         onOpenChange={setDeleteOpen}
-        title={t("detail.deleteTitle")}
-        description={t("detail.deleteDescription")}
-        confirmText={t("detail.confirmDelete")}
+        title={m.detail_deleteTitle()}
+        description={m.detail_deleteDescription()}
+        confirmText={m.knowledge_bookmarks_detail_confirmDelete()}
         expectedName={prd.name}
         onConfirm={handleDelete}
       />

package/src/plugins/core/prd/components/page-version-panel/components/create-version-dialog.tsx

@@ -23,9 +23,9 @@ import {
   DialogDescription,
   DialogFooter,
 } from "@/components/ui/dialog";
-import { useTranslation } from "react-i18next";
 import { Button } from "@/components/ui/button";
 
+import { m } from '@/paraglide/messages.js'
 interface CreateVersionDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
@@ -43,24 +43,23 @@ export function CreateVersionDialog({
   loading,
   onCreate,
 }: CreateVersionDialogProps) {
-  const { t } = useTranslation(["prd", "common"]);
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-md">
         <form onSubmit={(e) => { e.preventDefault(); onCreate(); }}>
           <DialogHeader>
-            <DialogTitle>{t("version.createTitle")}</DialogTitle>
+            <DialogTitle>{m.version_createTitle()}</DialogTitle>
             <DialogDescription>
-              {t("version.createDescription")}
+              {m.version_createDescription()}
             </DialogDescription>
           </DialogHeader>
           <div className="space-y-4 py-2">
             <div>
-              <label className="text-xs font-medium text-muted-foreground">{t("version.notesLabel")}</label>
+              <label className="text-xs font-medium text-muted-foreground">{m.version_notesLabel()}</label>
               <textarea
                 value={notes}
                 onChange={(e) => setNotes(e.target.value)}
-                placeholder={t("version.notesPlaceholder")}
+                placeholder={m.version_notesPlaceholder()}
                 rows={3}
                 autoFocus
                 maxLength={500}
@@ -71,10 +70,10 @@ export function CreateVersionDialog({
           </div>
           <DialogFooter>
             <Button variant="ghost" size="sm" onClick={() => onOpenChange(false)}>
-              {t("common:button.cancel")}
+              {m.common_button_cancel()}
             </Button>
             <Button type="submit" size="sm" disabled={loading}>
-              {loading ? t("version.creating") : t("version.createButton")}
+              {loading ? m.version_creating() : m.version_createButton()}
             </Button>
           </DialogFooter>
         </form>

package/src/plugins/core/prd/components/page-version-panel/components/delete-version-dialog.tsx

@@ -23,9 +23,9 @@ import {
   DialogDescription,
   DialogFooter,
 } from "@/components/ui/dialog";
-import { useTranslation } from "react-i18next";
 import { Button } from "@/components/ui/button";
 
+import { m } from '@/paraglide/messages.js'
 interface DeleteVersionDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
@@ -37,22 +37,21 @@ export function DeleteVersionDialog({
   onOpenChange,
   onDelete,
 }: DeleteVersionDialogProps) {
-  const { t } = useTranslation(["prd", "common"]);
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-md">
         <DialogHeader>
-          <DialogTitle>{t("version.deleteTitle")}</DialogTitle>
+          <DialogTitle>{m.version_deleteTitle()}</DialogTitle>
           <DialogDescription>
-            {t("version.deleteDescription")}
+            {m.version_deleteDescription()}
           </DialogDescription>
         </DialogHeader>
         <DialogFooter>
           <Button variant="ghost" size="sm" onClick={() => onOpenChange(false)}>
-            {t("common:button.cancel")}
+            {m.common_button_cancel()}
           </Button>
           <Button variant="destructive" size="sm" onClick={onDelete}>
-            {t("common:button.delete")}
+            {m.common_button_delete()}
           </Button>
         </DialogFooter>
       </DialogContent>

package/src/plugins/core/prd/components/page-version-panel/components/edit-version-dialog.tsx

@@ -23,9 +23,9 @@ import {
   DialogDescription,
   DialogFooter,
 } from "@/components/ui/dialog";
-import { useTranslation } from "react-i18next";
 import { Button } from "@/components/ui/button";
 
+import { m } from '@/paraglide/messages.js'
 interface EditVersionDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
@@ -41,24 +41,23 @@ export function EditVersionDialog({
   setNotes,
   onSave,
 }: EditVersionDialogProps) {
-  const { t } = useTranslation(["prd", "common"]);
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-md">
         <form onSubmit={(e) => { e.preventDefault(); onSave(); }}>
           <DialogHeader>
-            <DialogTitle>{t("version.editTitle")}</DialogTitle>
+            <DialogTitle>{m.version_editTitle()}</DialogTitle>
             <DialogDescription>
-              {t("version.editDescription")}
+              {m.version_editDescription()}
             </DialogDescription>
           </DialogHeader>
           <div className="space-y-4 py-2">
             <div>
-              <label className="text-xs font-medium text-muted-foreground">{t("version.notesLabelPlain")}</label>
+              <label className="text-xs font-medium text-muted-foreground">{m.version_notesLabelPlain()}</label>
               <textarea
                 value={notes}
                 onChange={(e) => setNotes(e.target.value)}
-                placeholder={t("version.notesPlaceholder")}
+                placeholder={m.version_notesPlaceholder()}
                 rows={3}
                 autoFocus
                 maxLength={500}
@@ -69,10 +68,10 @@ export function EditVersionDialog({
           </div>
           <DialogFooter>
             <Button variant="ghost" size="sm" onClick={() => onOpenChange(false)}>
-              {t("common:button.cancel")}
+              {m.common_button_cancel()}
             </Button>
             <Button type="submit" size="sm">
-              {t("common:button.save")}
+              {m.common_button_save()}
             </Button>
           </DialogFooter>
         </form>

package/src/plugins/core/prd/components/page-version-panel/constants.tsx

@@ -16,8 +16,9 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { FileText, Package } from "lucide-react";
+import { m } from "@/paraglide/messages.js";
 
 export const SUBTABS = [
-  { key: "page-version", label: "subtab.pageVersion", icon: <FileText className="size-3.5" /> },
-  { key: "version-publish", label: "subtab.versionPublish", icon: <Package className="size-3.5" /> },
+  { key: "page-version", label: m.prd_subtab_pageVersion, icon: <FileText className="size-3.5" /> },
+  { key: "version-publish", label: m.prd_subtab_versionPublish, icon: <Package className="size-3.5" /> },
 ] as const;

package/src/plugins/core/prd/components/page-version-panel.tsx

@@ -15,9 +15,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-
 import React, { useState, useEffect, useCallback, useMemo, useRef } from "react";
-import { useTranslation } from "react-i18next";
+import { m } from '@/paraglide/messages.js'
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Skeleton } from "@/components/ui/skeleton";
@@ -68,7 +67,6 @@ import { formatDate } from "@/lib/datetime";
 import { useTimezone } from "@/components/shared-kit/timezone/timezone-provider";
 
 export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
-  const { t } = useTranslation(["prd", "common"]);
   const [pages, setPages] = useState<PRDPage[]>([]);
   const [tree, setTree] = useState<TreeNode[]>([]);
   const [versions, setVersions] = useState<PRDVersion[]>([]);
@@ -507,17 +505,17 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
     const diffHours = Math.floor(diffMs / 3600000);
     const diffDays = Math.floor(diffMs / 86400000);
 
-    if (diffMins < 1) return t("version.justNow");
-    if (diffMins < 60) return t("version.minutesAgo", { count: diffMins });
-    if (diffHours < 24) return t("version.hoursAgo", { count: diffHours });
-    if (diffDays < 7) return t("version.daysAgo", { count: diffDays });
+    if (diffMins < 1) return m.version_justNow();
+    if (diffMins < 60) return m.version_minutesAgo({ count: diffMins });
+    if (diffHours < 24) return m.version_hoursAgo({ count: diffHours });
+    if (diffDays < 7) return m.version_daysAgo({ count: diffDays });
 
-    return formatDate(d, timezone, t("version.dateTimeFormat"));
+    return formatDate(d, timezone, m.version_dateTimeFormat());
   };
 
   const systemNote = (pv: PageVersion) => {
-    if (pv.restoredFromVersion) return t("version.restoredFrom", { version: pv.restoredFromVersion });
-    if (pv.version === 1) return t("version.initial");
+    if (pv.restoredFromVersion) return m.version_restoredFrom({ count: pv.restoredFromVersion });
+    if (pv.version === 1) return m.version_initial();
     return null;
   };
 
@@ -586,7 +584,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
               (allPageVersionsByPage.get(node.id) || []).length > 1 ? (
                 <Select
                   value={String(selectedPageVersionNo.get(node.id) ?? node.version)}
-                  onValueChange={(value) => {
+                  onValueChange={(value: string) => {
                     setSelectedPageVersionNo((prev) => {
                       const next = new Map(prev);
                       next.set(node.id, parseInt(value));
@@ -596,7 +594,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                 >
                   <SelectTrigger
                     className="!h-4 text-[10px] px-1 py-0 gap-0 border-none shadow-none bg-transparent text-muted-foreground cursor-pointer [&_svg]:size-3"
-                    onClick={(e) => e.stopPropagation()}
+                    onClick={(e: React.MouseEvent) => e.stopPropagation()}
                   >
                     <SelectValue />
                   </SelectTrigger>
@@ -618,7 +616,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
         </label>
 
         {isExpanded && hasChildren && (
-          <div>{node.children.map((child) => renderNode(child, depth + 1))}</div>
+          <div>{node.children.map((child: TreeNode) => renderNode(child, depth + 1))}</div>
         )}
       </div>
     );
@@ -703,7 +701,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                 : "text-muted-foreground hover:text-foreground"
             )}
           >
-            {tab.icon} {t(tab.label)}
+            {tab.icon} {tab.label()}
           </button>
         ))}
       </div>
@@ -711,7 +709,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
       {activeSubTab === "page-version" ? (
         <div className="flex flex-col h-full p-3 text-sm">
           <div className="shrink-0 flex items-center justify-between mb-4">
-            <h4 className="text-xs font-medium text-muted-foreground">{t("version.pageVersionHistory")}</h4>
+            <h4 className="text-xs font-medium text-muted-foreground">{m.version_pageVersionHistory()}</h4>
             <Button
               size="sm"
               variant="ghost"
@@ -723,14 +721,14 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
               }}
             >
               <Plus className="size-3.5" />
-              {t("version.createVersion")}
+              {m.version_createVersion()}
             </Button>
           </div>
 
           <div className="min-h-0 overflow-y-auto flex-1">
             {!pageId ? (
               <div className="text-xs text-muted-foreground text-center py-8">
-                {t("version.selectPageHint")}
+                {m.version_selectPageHint()}
               </div>
             ) : pageVersionsLoading ? (
               <div className="space-y-2 pt-2">
@@ -800,7 +798,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                                   </button>
                                 </TooltipTrigger>
                                 <TooltipContent>
-                                  <p>{t("version.restoreToThis")}</p>
+                                  <p>{m.version_restoreToThis()}</p>
                                 </TooltipContent>
                               </Tooltip>
                               <Tooltip>
@@ -817,7 +815,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                                   </button>
                                 </TooltipTrigger>
                                 <TooltipContent>
-                                  <p>{t("version.editNotes")}</p>
+                                  <p>{m.version_editNotes()}</p>
                                 </TooltipContent>
                               </Tooltip>
                               <Tooltip>
@@ -833,7 +831,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                                   </button>
                                 </TooltipTrigger>
                                 <TooltipContent>
-                                  <p>{t("version.deleteVersion")}</p>
+                                  <p>{m.version_deleteVersion()}</p>
                                 </TooltipContent>
                               </Tooltip>
                             </div>
@@ -862,10 +860,10 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
         <div className="flex flex-col h-full p-3 text-sm">
           <div className="flex flex-col shrink-0">
             <div className="flex items-center justify-between mb-2">
-              <h4 className="text-xs font-medium text-muted-foreground">{t("version.selectPagesTitle")}</h4>
+              <h4 className="text-xs font-medium text-muted-foreground">{m.version_selectPagesTitle()}</h4>
               <div className="flex items-center gap-2">
                 <span className="text-[10px] text-muted-foreground/60">
-                  {t("version.selectedCount", { count: selectedCount })}
+                  {m.version_selectedCount({ count: selectedCount })}
                 </span>
                 <Tooltip>
                   <TooltipTrigger asChild>
@@ -880,7 +878,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                     </button>
                   </TooltipTrigger>
                   <TooltipContent>
-                    <p>{t("version.syncPages")}</p>
+                    <p>{m.version_syncPages()}</p>
                   </TooltipContent>
                 </Tooltip>
               </div>
@@ -898,7 +896,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                   }}
                   className="size-3.5"
                 />
-                <span className="text-[10px] text-muted-foreground">{t("version.selectAll")}</span>
+                <span className="text-[10px] text-muted-foreground">{m.version_selectAll()}</span>
               </label>
               <Tooltip>
                 <TooltipTrigger asChild>
@@ -906,11 +904,11 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                     onClick={selectLatestPages}
                     className="text-[10px] text-muted-foreground hover:text-foreground ml-2 "
                   >
-                    {t("version.selectLatest")}
+                    {m.version_selectLatest()}
                   </button>
                 </TooltipTrigger>
                 <TooltipContent>
-                  <p>{t("version.selectLatestHint")}</p>
+                  <p>{m.version_selectLatestHint()}</p>
                 </TooltipContent>
               </Tooltip>
             </div>
@@ -924,7 +922,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
               ) : pagesError ? (
                 <p className="text-xs text-destructive text-center py-2">{pagesError}</p>
               ) : tree.length === 0 ? (
-                <p className="text-xs text-muted-foreground text-center py-2">{t("version.noPages")}</p>
+                <p className="text-xs text-muted-foreground text-center py-2">{m.version_noPages()}</p>
               ) : (
                 tree.map((node) => renderNode(node))
               )}
@@ -932,30 +930,30 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
           </div>
 
           <div className="shrink-0 mt-4">
-            <h4 className="text-xs font-medium text-muted-foreground mb-2">{t("version.prdVersionNo")}</h4>
+            <h4 className="text-xs font-medium text-muted-foreground mb-2">{m.version_prdVersionNo()}</h4>
             <div className="flex items-center gap-1">
               <Input
                 value={major}
-                onChange={(e) => setMajor(e.target.value)}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => setMajor(e.target.value)}
                 className="h-6 w-12 text-xs md:text-xs text-center"
               />
               <span className="text-muted-foreground">.</span>
               <Input
                 value={minor}
-                onChange={(e) => setMinor(e.target.value)}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => setMinor(e.target.value)}
                 className="h-6 w-12 text-xs md:text-xs text-center"
               />
               <span className="text-muted-foreground">.</span>
               <Input
                 value={patch}
-                onChange={(e) => setPatch(e.target.value)}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => setPatch(e.target.value)}
                 className="h-6 w-12 text-xs md:text-xs text-center"
               />
             </div>
             <Input
               value={notes}
-              onChange={(e) => setNotes(e.target.value)}
-              placeholder={t("version.releaseNotesPlaceholder")}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => setNotes(e.target.value)}
+              placeholder={m.version_releaseNotesPlaceholder()}
               className="h-7 text-xs md:text-xs mt-2"
             />
             <Tooltip>
@@ -967,48 +965,48 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                     disabled={selectedPageIds.size === 0 || versionTooLow}
                     onClick={publish}
                   >
-                    {isUpdateMode ? t("version.update") : t("version.publish")} v{major}.{minor}.{patch} PRD
+                    {isUpdateMode ? m.version_update() : m.version_publish()} v{major}.{minor}.{patch} PRD
                   </Button>
                 </span>
               </TooltipTrigger>
               {versionTooLow && (
                 <TooltipContent>
-                  <p>{t("version.versionTooLow")}</p>
+                  <p>{m.version_versionTooLow()}</p>
                 </TooltipContent>
               )}
             </Tooltip>
             <AlertDialog open={confirmUpdateOpen} onOpenChange={setConfirmUpdateOpen}>
               <AlertDialogContent>
                 <AlertDialogHeader>
-                  <AlertDialogTitle>{t("version.confirmUpdateTitle")}</AlertDialogTitle>
+                  <AlertDialogTitle>{m.version_confirmUpdateTitle()}</AlertDialogTitle>
                   <AlertDialogDescription>
-                    {t("version.confirmUpdateDescription", { version: `v${major}.${minor}.${patch}` })}
+                    {m['version_confirmUpdateDescription']({ version: `v${major}.${minor}.${patch}` })}
                   </AlertDialogDescription>
                 </AlertDialogHeader>
                 <AlertDialogFooter>
-                  <AlertDialogCancel>{t("common:button.cancel")}</AlertDialogCancel>
-                  <AlertDialogAction onClick={executePublish}>{t("version.confirmUpdate")}</AlertDialogAction>
+                  <AlertDialogCancel>{m.common_button_cancel()}</AlertDialogCancel>
+                  <AlertDialogAction onClick={executePublish}>{m.version_confirmUpdate()}</AlertDialogAction>
                 </AlertDialogFooter>
               </AlertDialogContent>
             </AlertDialog>
             <AlertDialog open={confirmSkipOpen} onOpenChange={setConfirmSkipOpen}>
               <AlertDialogContent>
                 <AlertDialogHeader>
-                  <AlertDialogTitle>{t("version.skipVersionTitle")}</AlertDialogTitle>
+                  <AlertDialogTitle>{m.version_skipVersionTitle()}</AlertDialogTitle>
                   <AlertDialogDescription>
-                    {t("version.skipVersionDescription", { current: skipVersionInfo?.current, previous: skipVersionInfo?.previous })}
+                    {m.version_skipVersionDescription({ current: skipVersionInfo?.current, previous: skipVersionInfo?.previous })}
                   </AlertDialogDescription>
                 </AlertDialogHeader>
                 <AlertDialogFooter>
-                  <AlertDialogCancel>{t("common:button.cancel")}</AlertDialogCancel>
-                  <AlertDialogAction onClick={executePublish}>{t("version.continuePublish")}</AlertDialogAction>
+                  <AlertDialogCancel>{m.common_button_cancel()}</AlertDialogCancel>
+                  <AlertDialogAction onClick={executePublish}>{m.version_continuePublish()}</AlertDialogAction>
                 </AlertDialogFooter>
               </AlertDialogContent>
             </AlertDialog>
           </div>
 
           <div className="flex flex-col min-h-0 mt-4 flex-1">
-            <h4 className="text-xs font-medium text-muted-foreground mb-2 shrink-0">{t("version.prdVersionHistory")}</h4>
+            <h4 className="text-xs font-medium text-muted-foreground mb-2 shrink-0">{m.version_prdVersionHistory()}</h4>
             <div className="min-h-0 overflow-y-auto flex-1">
               {versionsLoading ? (
                 <div className="space-y-2 pt-2">
@@ -1023,7 +1021,7 @@ export function PageVersionPanel({ prdId, pageId }: PageVersionPanelProps) {
                   <Skeleton className="h-5 w-full rounded opacity-40" />
                   <Skeleton className="h-5 w-[70%] rounded opacity-40" />
                   <div className="pt-3 text-center">
-                    <p className="text-[11px] text-muted-foreground">{t("version.noPublishedVersions")}</p>
+                    <p className="text-[11px] text-muted-foreground">{m.version_noPublishedVersions()}</p>
                   </div>
                 </div>
               ) : (