@allbluecn/web-app 0.9.5 → 0.10.0

package/src/components/story/relations/attachment-manage-dialog.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import * as React from "react";
-import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { UploadCloud, X, ChevronLeft, ChevronRight } from "lucide-react";
 import { Button } from "@/components/ui/button";
@@ -30,6 +29,7 @@ import { Textarea } from "@/components/ui/textarea";
 import { formatFileSize, getFileTypeIcon } from "./format";
 import { FilePreview } from "./file-preview";
 import type { StoryAttachmentItem } from "../types";
+import { m } from "@/paraglide/messages.js";
 
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
 
@@ -70,7 +70,6 @@ export function AttachmentManageDialog({
   onActivity,
   editItem,
 }: AttachmentManageDialogProps) {
-  const { t } = useTranslation("story");
   const inputRef = React.useRef<HTMLInputElement>(null);
   const [staged, setStaged] = React.useState<StagedFile[]>([]);
   const [description, setDescription] = React.useState("");
@@ -81,7 +80,7 @@ export function AttachmentManageDialog({
   const [computedHashes, setComputedHashes] = React.useState<Set<string>>(new Set());
 
   const isEdit = !!editItem;
-  const dialogTitle = isEdit ? t("attachmentDialog.editTitle") : t("attachmentDialog.title");
+  const dialogTitle = isEdit ? m.story_attachmentDialog_editTitle() : m.story_attachmentDialog_title();
 
   // 编辑模式：预取现有文件并预填描述，同时计算 hash
   React.useEffect(() => {
@@ -124,7 +123,7 @@ export function AttachmentManageDialog({
     const next: StagedFile[] = [];
     for (const file of Array.from(files)) {
       if (file.size > MAX_FILE_SIZE) {
-        toast.error(t("attachmentDialog.sizeLimit", { name: file.name }));
+        toast.error(m.story_attachmentDialog_sizeLimit({ name: file.name }));
         continue;
       }
       next.push({
@@ -247,13 +246,13 @@ export function AttachmentManageDialog({
         });
         if (!res.ok) {
           const err = await res.json().catch(() => ({}));
-          throw new Error(err.error || t("attachmentDialog.removeFailed"));
+          throw new Error(err.error || m.story_attachmentDialog_removeFailed());
         }
         const json = await res.json() as Record<string, unknown>;
         if ((json.duplicated as boolean | undefined) === true) continue;
         added.push(json as unknown as StoryAttachmentItem & { activity?: import("../types").ActivityItem });
       } catch (err) {
-        toast.error((err as Error)?.message || t("attachmentDialog.removeFailed"));
+        toast.error((err as Error)?.message || m.story_attachmentDialog_removeFailed());
       }
     }
     setUploading(false);
@@ -262,12 +261,12 @@ export function AttachmentManageDialog({
       for (const item of added) {
         if (item.activity) onActivity?.(item.activity);
       }
-      toast.success(t("attachmentDialog.uploaded", { count: added.length }));
+      toast.success(m.story_attachmentDialog_uploaded({ count: added.length }));
       clearStaged();
       onOpenChange(false);
     } else if (!hasDuplicates) {
       // 所有文件都重复，无新增
-      toast.info(t("attachmentDialog.duplicateHint"));
+      toast.info(m.story_attachmentDialog_duplicateHint());
       clearStaged();
       onOpenChange(false);
     }
@@ -313,7 +312,7 @@ export function AttachmentManageDialog({
               <div
                 role="button"
                 tabIndex={0}
-                aria-label={t("attachmentDialog.upload")}
+                aria-label={m.story_attachmentDialog_upload()}
                 onClick={() => inputRef.current?.click()}
                 onKeyDown={(e) => {
                   if (e.key === "Enter" || e.key === " ") {
@@ -337,8 +336,8 @@ export function AttachmentManageDialog({
               >
                 <UploadCloud className="size-10" />
                 <div className="text-center">
-                  <span className="block text-base font-medium text-foreground">{t("attachmentDialog.upload")}</span>
-                  <span className="mt-1 block text-xs">{t("attachmentDialog.uploadHint")}</span>
+                  <span className="block text-base font-medium text-foreground">{m.story_attachmentDialog_upload()}</span>
+                  <span className="mt-1 block text-xs">{m.story_attachmentDialog_uploadHint()}</span>
                 </div>
               </div>
             ) : (
@@ -349,10 +348,10 @@ export function AttachmentManageDialog({
                   file={previewFile!}
                   fileName={previewName}
                   showTitleToggle
-                  titleToggleLabel={t("attachmentDialog.toggleTitle")}
-                  titleToggleHideLabel={t("attachmentDialog.hideTitle")}
-                  fullscreenLabel={t("associatedAttachments.fullscreen")}
-                  exitFullscreenLabel={t("associatedAttachments.exitFullscreen")}
+                  titleToggleLabel={m.story_attachmentDialog_toggleTitle()}
+                  titleToggleHideLabel={m.story_attachmentDialog_hideTitle()}
+                  fullscreenLabel={m.story_associatedAttachments_fullscreen()}
+                  exitFullscreenLabel={m.story_associatedAttachments_exitFullscreen()}
                  />
                  {/* 文件列表（水平排列，可滚动） */}
                 <div className="flex items-center gap-2">
@@ -384,7 +383,7 @@ export function AttachmentManageDialog({
                           >
                             {isDup && (
                               <span className="absolute top-0 left-1 z-20 -translate-x-1/2 -translate-y-1/2 rounded-full bg-red-500 px-1.5 py-0.5 text-[9px] font-semibold text-white shadow-sm whitespace-nowrap">
-                                {t("attachmentDialog.duplicateBadge")}
+                                {m.story_attachmentDialog_duplicateBadge()}
                               </span>
                             )}
                             <button
@@ -404,7 +403,7 @@ export function AttachmentManageDialog({
                              variant="ghost"
                              size="icon"
                              className="absolute right-0.5 top-0.5 size-4 opacity-0 group-hover:opacity-100 transition-opacity"
-                             aria-label={t("attachmentDialog.removeFile")}
+                             aria-label={m.story_attachmentDialog_removeFile()}
                              disabled={uploading}
                              onClick={(e) => {
                                e.stopPropagation();
@@ -436,38 +435,38 @@ export function AttachmentManageDialog({
             {/* 描述 */}
             <div className="space-y-1.5">
               <label htmlFor="attachment-desc" className="text-xs font-medium text-muted-foreground">
-                {t("attachmentDialog.descOptional")}
+                {m.story_attachmentDialog_descOptional()}
               </label>
               <Textarea
                 id="attachment-desc"
-                placeholder={t("attachmentDialog.descPlaceholder")}
+                placeholder={m.story_attachmentDialog_descPlaceholder()}
                 value={description}
                 onChange={(e) => setDescription(e.target.value)}
                 disabled={isBatch}
                 className="min-h-16 resize-none mt-1.5"
               />
-              {isBatch && <p className="text-xs text-muted-foreground">{t("attachmentDialog.batchDescDisabled")}</p>}
+              {isBatch && <p className="text-xs text-muted-foreground">{m.story_attachmentDialog_batchDescDisabled()}</p>}
             </div>
             {/* 操作按钮行 */}
             <div className="flex items-center justify-between gap-2">
                {hasFiles && !isEdit && (
                 <Button variant="outline" size="sm" onClick={() => inputRef.current?.click()}>
                   <UploadCloud className="size-3.5 mr-1.5" />
-                  {t("attachmentDialog.continueUpload")}
+                  {m.story_attachmentDialog_continueUpload()}
                 </Button>
               )}
               <div className="flex items-center gap-2 ml-auto">
                 {hasDuplicates && (
-                  <span className="text-xs mr-2 text-amber-600 dark:text-amber-400">{t("attachmentDialog.duplicateHint")}</span>
+                  <span className="text-xs mr-2 text-amber-600 dark:text-amber-400">{m.story_attachmentDialog_duplicateHint()}</span>
                 )}
                 <Button variant="outline" disabled={uploading} onClick={() => handleClose(false)}>
-                  {t("attachmentDialog.cancel")}
+                  {m.story_attachmentDialog_cancel()}
                 </Button>
                 <Button
                   disabled={staged.length === 0 || uploading}
                   onClick={() => void handleConfirm()}
                 >
-                  {uploading ? t("attachmentDialog.uploading") : t("attachmentDialog.confirmUpload")}
+                  {uploading ? m.story_attachmentDialog_uploading() : m.story_attachmentDialog_confirmUpload()}
                 </Button>
               </div>
             </div>

package/src/components/story/relations/general-groups.ts

@@ -1,32 +1,15 @@
-// SPDX-License-Identifier: AGPL-3.0-or-later
-// AllBlue - 理想之海
-// Copyright (C) 2026 AllBlue Contributors
-//
-// This program is free software: you can redistribute it and/or modify
-// it under the terms of the GNU Affero General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU Affero General Public License for more details.
-//
-// 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 { m } from '@/paraglide/messages.js'
 
-import type { TFunction } from "i18next";
-
-const GROUP_I18N_KEYS: Record<string, string> = {
-  legal: "knowledgeDialog.groupLegal",
-  compliance: "knowledgeDialog.groupCompliance",
-  dictionary: "knowledgeDialog.groupDictionary",
-  bookmark: "knowledgeDialog.groupBookmark",
-  summary: "knowledgeDialog.groupSummary",
-};
+const GROUP_LABELS: Record<string, () => string> = {
+  legal: m.story_knowledgeDialog_groupLegal,
+  compliance: m.story_knowledgeDialog_groupCompliance,
+  dictionary: m.story_knowledgeDialog_groupDictionary,
+  bookmark: m.story_knowledgeDialog_groupBookmark,
+  summary: m.story_knowledgeDialog_groupSummary,
+}
 
-/** 通用知识库分组 key → i18n 标签（未知 key 原样返回） */
-export function generalGroupLabel(t: TFunction, group: string): string {
-  const key = GROUP_I18N_KEYS[group];
-  return key ? t(key) : group;
+/** 通用知识库分组 key → 标签（未知 key 原样返回） */
+export function generalGroupLabel(group: string): string {
+  const labelFn = GROUP_LABELS[group]
+  return labelFn ? labelFn() : group
 }

package/src/components/story/relations/knowledge-select-dialog.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import * as React from "react";
-import { useTranslation } from "react-i18next";
 import { useServerFn } from "@tanstack/react-start";
 import { toast } from "sonner";
 import { BookMarked, BookOpenText, Bookmark, Check, ChevronsUpDown, Scale, ShieldCheck, Sprout } from "lucide-react";
@@ -42,6 +41,7 @@ import {
 } from "@/server/serverFns/story";
 import { generalGroupLabel } from "./general-groups";
 import type { DocBrief } from "../types";
+import { m } from "@/paraglide/messages.js";
 
 interface KbBrief {
   id: string;
@@ -86,7 +86,6 @@ export function KnowledgeSelectDialog({
   onUpdate,
   onActivity,
 }: KnowledgeSelectDialogProps) {
-  const { t } = useTranslation("story");
   const listKbs = useServerFn(listStoryAvailableKbsFn);
   const searchDocs = useServerFn(searchKbDocsFn);
   const linkDocs = useServerFn(linkDocsFn);
@@ -117,13 +116,13 @@ export function KnowledgeSelectDialog({
         });
         setItems(res.items as SearchDocRow[]);
       } catch (err) {
-        toast.error((err as Error)?.message || t("knowledgeDialog.linkFailed"));
+        toast.error((err as Error)?.message || m.story_knowledgeDialog_linkFailed());
         setItems([]);
       } finally {
         setLoading(false);
       }
     },
-    [searchDocs, storyId, t],
+    [searchDocs, storyId],
   );
 
   React.useEffect(() => {
@@ -233,12 +232,12 @@ export function KnowledgeSelectDialog({
           <span className="min-w-0 flex-1 truncate text-sm">{row.title}</span>
           {kbFilter === null && (
             <span className="shrink-0 text-xs text-muted-foreground">
-              {isGeneral ? generalGroupLabel(t, row.kbName) : row.kbName}
+              {isGeneral ? generalGroupLabel(row.kbName) : row.kbName}
             </span>
           )}
           {linkedIds.has(row.id) && (
             <Badge variant="secondary" className="shrink-0 text-[10px]">
-              {t("knowledgeDialog.linked")}
+              {m.story_knowledgeDialog_linked()}
             </Badge>
           )}
         </div>,
@@ -265,7 +264,7 @@ export function KnowledgeSelectDialog({
       if (toAdd.length > 0) {
         const res = await linkDocs({ data: { storyId, docIds: toAdd } });
         if (res.failed.length > 0) {
-          toast.warning(t("knowledgeDialog.partialFailed", { count: res.failed.length }));
+          toast.warning(m.story_knowledgeDialog_partialFailed({ count: res.failed.length }));
         }
         if (res.activity) onActivity?.(res.activity);
         const addedIds = new Set(res.linked);
@@ -276,7 +275,7 @@ export function KnowledgeSelectDialog({
       }      onUpdate(nextDocs);
       onOpenChange(false);
     } catch (err) {
-      toast.error((err as Error)?.message || t("knowledgeDialog.linkFailed"));
+      toast.error((err as Error)?.message || m.story_knowledgeDialog_linkFailed());
     } finally {
       setSubmitting(false);
     }
@@ -288,12 +287,12 @@ export function KnowledgeSelectDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-260 -mt-50">
         <DialogHeader>
-          <DialogTitle>{t("knowledgeDialog.title")}</DialogTitle>
+          <DialogTitle>{m.story_knowledgeDialog_title()}</DialogTitle>
         </DialogHeader>
 
         <div className="flex items-center gap-2">
           <Input
-            placeholder={t("knowledgeDialog.searchPlaceholder")}
+            placeholder={m.story_knowledgeDialog_searchPlaceholder()}
             value={search}
             onChange={(e) => handleSearch(e.target.value)}
             className="h-8"
@@ -305,8 +304,8 @@ export function KnowledgeSelectDialog({
                 {activeKb
                   ? activeKb.name
                   : kbFilter?.type === "general"
-                    ? generalGroupLabel(t, kbFilter.group)
-                    : t("knowledgeDialog.allKbs")}
+                    ? generalGroupLabel(kbFilter.group)
+                    : m.story_knowledgeDialog_allKbs()}
                 <ChevronsUpDown className="size-3.5 opacity-50" />
               </Button>
             </PopoverTrigger>
@@ -316,11 +315,11 @@ export function KnowledgeSelectDialog({
                 className="flex w-full items-center justify-between rounded-sm px-2 py-1.5 mt-1 text-sm hover:bg-muted"
                 onClick={() => handleKbSelect(null)}
               >
-                {t("knowledgeDialog.allKbs")}
+                {m.story_knowledgeDialog_allKbs()}
                 {kbFilter === null && <Check className="size-3.5" />}
               </button>
               <div className="border-t px-2 pt-3 text-xs font-medium text-muted-foreground">
-                {t("knowledgeDialog.userKbs")}
+                {m.story_knowledgeDialog_userKbs()}
               </div>
               {kbs.map((kb) => (
                 <button
@@ -334,7 +333,7 @@ export function KnowledgeSelectDialog({
                 </button>
               ))}
               <div className=" border-t px-2 pt-3 text-xs font-medium text-muted-foreground">
-                {t("knowledgeDialog.generalKbs")}
+                {m.story_knowledgeDialog_generalKbs()}
               </div>
               {GENERAL_GROUP_META.map((group) => {
                 const Icon = GENERAL_GROUP_ICONS[group.key];
@@ -347,7 +346,7 @@ export function KnowledgeSelectDialog({
                   >
                     <span className="flex min-w-0 items-center gap-2">
                       <Icon className="size-3.5 shrink-0 text-muted-foreground" />
-                      <span className="truncate">{generalGroupLabel(t, group.key)}</span>
+                      <span className="truncate">{generalGroupLabel(group.key)}</span>
                     </span>
                     {kbFilter?.type === "general" && kbFilter.group === group.key && <Check className="size-3.5" />}
                   </button>
@@ -364,7 +363,7 @@ export function KnowledgeSelectDialog({
             renderRows(null, 0)
           ) : (
             <div className="flex h-full items-center justify-center text-sm text-muted-foreground">
-              {t("knowledgeDialog.empty")}
+              {m.story_knowledgeDialog_empty()}
             </div>
           )}
         </div>
@@ -376,24 +375,24 @@ export function KnowledgeSelectDialog({
               checked={allSelected ? true : someSelected ? "indeterminate" : false}
               onCheckedChange={toggleSelectAll}
               disabled={listedIds.length === 0}
-              aria-label={t("knowledgeDialog.selectAll")}
+              aria-label={m.story_knowledgeDialog_selectAll()}
             />
             <label
               htmlFor="kb-select-all"
               className="cursor-pointer text-xs text-muted-foreground select-none"
             >
-              {t("knowledgeDialog.selectAll")}
+              {m.story_knowledgeDialog_selectAll()}
             </label>
             <span className="text-xs text-muted-foreground">
-              {t("knowledgeDialog.selectedCount", { count: selected.size })}
+              {m.story_knowledgeDialog_selectedCount({ count: selected.size })}
             </span>
           </div>
           <div className="flex gap-2">
             <Button variant="outline" onClick={() => onOpenChange(false)}>
-              {t("knowledgeDialog.cancel")}
+              {m.story_knowledgeDialog_cancel()}
             </Button>
             <Button onClick={handleConfirm} disabled={submitting}>
-              {t("knowledgeDialog.confirm")}
+              {m.story_knowledgeDialog_confirm()}
             </Button>
           </div>
         </DialogFooter>

package/src/components/story/relations/link-manage-dialog.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import * as React from "react";
-import { useTranslation } from "react-i18next";
 import { useServerFn } from "@tanstack/react-start";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
@@ -30,6 +29,7 @@ import {
 } from "@/components/ui/dialog";
 import { addLinkFn, updateLinkFn } from "@/server/serverFns/story";
 import type { StoryLinkItem } from "../types";
+import { m } from "@/paraglide/messages.js";
 
 export interface LinkManageDialogProps {
   open: boolean;
@@ -52,7 +52,6 @@ export function LinkManageDialog({
   onActivity,
   initialEdit = null,
 }: LinkManageDialogProps) {
-  const { t } = useTranslation("story");
   const addLink = useServerFn(addLinkFn);
   const updateLink = useServerFn(updateLinkFn);
   const [editing, setEditing] = React.useState<StoryLinkItem | null>(null);
@@ -84,7 +83,7 @@ export function LinkManageDialog({
             description: form.description || undefined,
           },
         });
-        toast.success(t("linkDialog.updated"));
+        toast.success(m.story_linkDialog_updated());
         if (updated.activity) onActivity?.(updated.activity);
         onUpdate(
           data.map((l) =>
@@ -102,7 +101,7 @@ export function LinkManageDialog({
             description: form.description || undefined,
           },
         });
-        toast.success(t("linkDialog.added"));
+        toast.success(m.story_linkDialog_added());
         if (created.activity) onActivity?.(created.activity);
         onUpdate([
           ...data,
@@ -118,7 +117,7 @@ export function LinkManageDialog({
       setEditing(null);
       onOpenChange(false);
     } catch (err) {
-      toast.error((err as Error)?.message || t("linkDialog.saveFailed"));
+      toast.error((err as Error)?.message || m.story_linkDialog_saveFailed());
     } finally {
       setSubmitting(false);
     }
@@ -129,7 +128,7 @@ export function LinkManageDialog({
       <DialogContent className="sm:max-w-130">
         <DialogHeader>
           <DialogTitle className="text-xl">
-            {t(editing ? "linkDialog.editTitle" : "linkDialog.title")}
+            {editing ? m.story_linkDialog_editTitle() : m.story_linkDialog_title()}
           </DialogTitle>
         </DialogHeader>
         <form onSubmit={handleSubmit} className="flex h-96 flex-col gap-4 overflow-y-auto px-1 pb-1">
@@ -141,7 +140,7 @@ export function LinkManageDialog({
               id="link-url"
               type="url"
               required
-              placeholder={t("linkDialog.urlPlaceholder")}
+              placeholder={m.story_linkDialog_urlPlaceholder()}
               value={form.url}
               onChange={(e) => setForm({ ...form, url: e.target.value })}
               className="h-10 text-base"
@@ -149,11 +148,11 @@ export function LinkManageDialog({
           </div>
           <div className="space-y-1.5">
             <label htmlFor="link-title" className="text-xs font-medium text-muted-foreground">
-              {t("linkDialog.titleOptional")}
+              {m.story_linkDialog_titleOptional()}
             </label>
             <Input
               id="link-title"
-              placeholder={t("linkDialog.titlePlaceholder")}
+              placeholder={m.story_linkDialog_titlePlaceholder()}
               value={form.title}
               onChange={(e) => setForm({ ...form, title: e.target.value })}
               className="h-10"
@@ -161,11 +160,11 @@ export function LinkManageDialog({
           </div>
           <div className="flex min-h-0 flex-1 flex-col gap-1.5">
             <label htmlFor="link-desc" className="text-xs font-medium text-muted-foreground">
-              {t("linkDialog.descOptional")}
+              {m.story_linkDialog_descOptional()}
             </label>
             <Textarea
               id="link-desc"
-              placeholder={t("linkDialog.descPlaceholder")}
+              placeholder={m.story_linkDialog_descPlaceholder()}
               value={form.description}
               onChange={(e) => setForm({ ...form, description: e.target.value })}
               className="min-h-20 flex-1 resize-none"
@@ -178,11 +177,11 @@ export function LinkManageDialog({
                 variant="outline"
                 onClick={() => onOpenChange(false)}
               >
-                {t("linkDialog.cancel")}
+                {m.story_linkDialog_cancel()}
               </Button>
             )}
             <Button type="submit" disabled={submitting}>
-              {t(editing ? "linkDialog.save" : "linkDialog.add")}
+              {editing ? m.story_linkDialog_save() : m.story_linkDialog_add()}
             </Button>
           </div>
         </form>

package/src/components/story/relations/story-ref-row.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import * as React from "react";
-import { useTranslation } from "react-i18next";
 import { Archive, MoreHorizontal, Trash2, Waypoints, CalendarCheck, CalendarPlus2 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -50,6 +49,7 @@ import type {
   DependencyGroup,
 } from "../types";
 import type { DependencyTypeOption } from "../constants";
+import { m } from "@/paraglide/messages.js";
 
 /** 行内编辑/归档/删除后回传给面板的补丁载荷（StoryPatch 字段 + 面板控制信号） */
 export type StoryRelationPatch = StoryPatch & {
@@ -97,7 +97,6 @@ export function StoryRefRow({
   onDependencyTypeChange,
   currentIdentifier,
 }: StoryRefRowProps) {
-  const { t } = useTranslation("story");
   const [storyState, setStoryState] = React.useState(story);
   React.useEffect(() => {
     setStoryState(story);
@@ -119,7 +118,7 @@ export function StoryRefRow({
       onStoryRefresh(story.id, patch);
     } catch (e) {
       setStoryState(story);
-      toast.error((e as Error)?.message || t("children.updateFailed"));
+      toast.error((e as Error)?.message || m.story_children_updateFailed());
     }
   };
 
@@ -134,15 +133,15 @@ export function StoryRefRow({
 
   const handleArchive = async () => {
     if (!canArchiveSingle) {
-      toast.error(t("children.archiveOnlyDone"));
+      toast.error(m.story_children_archiveOnlyDone());
       return;
     }
     try {
       await archiveStory({ data: { storyId: story.id } });
       onStoryRefresh(story.id, { archived: true, archivedAt: new Date().toISOString() });
-      toast.success(t("children.archived"));
+      toast.success(m.story_children_archived());
     } catch (e) {
-      toast.error((e as Error)?.message || t("children.archiveFailed"));
+      toast.error((e as Error)?.message || m.story_children_archiveFailed());
     }
   };
 
@@ -150,9 +149,9 @@ export function StoryRefRow({
     try {
       await unarchiveStory({ data: { storyId: story.id } });
       onStoryRefresh(story.id, { archived: false, archivedAt: null });
-      toast.success(t("children.unarchived"));
+      toast.success(m.story_children_unarchived());
     } catch (e) {
-      toast.error((e as Error)?.message || t("children.unarchiveFailed"));
+      toast.error((e as Error)?.message || m.story_children_unarchiveFailed());
     }
   };
 
@@ -160,9 +159,9 @@ export function StoryRefRow({
     try {
       await deleteStory({ data: { storyId: story.id } });
       onStoryRefresh(story.id, { deleted: true });
-      toast.success(t("children.deleted"));
+      toast.success(m.story_children_deleted());
     } catch (e) {
-      toast.error((e as Error)?.message || t("children.deleteFailed"));
+      toast.error((e as Error)?.message || m.story_children_deleteFailed());
     }
   };
 
@@ -175,7 +174,7 @@ export function StoryRefRow({
       <Checkbox
         checked={selected}
         onCheckedChange={() => onToggle(story.id)}
-        aria-label={t("children.selectStory", { name: story.name })}
+        aria-label={m.story_children_selectStory({ name: story.name })}
         className={cn(
           "shrink-0 transition-opacity",
           selected ? "opacity-100" : "opacity-0 group-hover:opacity-100",
@@ -197,7 +196,7 @@ export function StoryRefRow({
               </span>
             </TooltipTrigger>
             <TooltipContent side="top" sideOffset={6} className="flex flex-col items-start gap-0.5 text-xs">
-              <span className="opacity-80">{t("children.crossProject")}</span>
+              <span className="opacity-80">{m.story_children_crossProject()}</span>
               <span className="font-medium">{storyProjectInfo.name}</span>
             </TooltipContent>
           </Tooltip>
@@ -219,7 +218,7 @@ export function StoryRefRow({
               </span>
             </TooltipTrigger>
             <TooltipContent side="top" sideOffset={6} className="flex flex-col items-start gap-0.5 text-xs">
-              <span className="opacity-80">{t("children.crossProject")}</span>
+              <span className="opacity-80">{m.story_children_crossProject()}</span>
               <span className="font-medium">{storyProjectInfo.name}</span>
             </TooltipContent>
           </Tooltip>
@@ -247,10 +246,10 @@ export function StoryRefRow({
         <AssigneeEditor assignee={storyState.assignee} users={users} onChange={(v) => updateField({ assigneeId: v })} variant="button" />
       )}
       {properties.includes("startDate") && (
-<DateEditor value={storyState.startDate} onChange={(v) => updateField({ startDate: v })} label={t("children.startDate")} icon={CalendarPlus2} />
+<DateEditor value={storyState.startDate} onChange={(v) => updateField({ startDate: v })} label={m.story_children_startDate()} icon={CalendarPlus2} />
         )}
         {properties.includes("dueDate") && (
-        <DateEditor value={storyState.targetDate} onChange={(v) => updateField({ targetDate: v })} label={t("children.dueDate")} icon={CalendarCheck} overdue={overdue} />
+        <DateEditor value={storyState.targetDate} onChange={(v) => updateField({ targetDate: v })} label={m.story_children_dueDate()} icon={CalendarCheck} overdue={overdue} />
       )}
       {properties.includes("labels") && (
         <LabelsEditor labelIds={currentLabelIds} labels={labels} onChange={(v) => updateField({ labelIds: v })} variant="button" aiContext={{ name: () => storyState.name }} />
@@ -273,7 +272,7 @@ export function StoryRefRow({
                 <>
                   <DropdownMenuItem onClick={handleArchive}>
                     <Archive className="mr-2 size-4" />
-                    {t("children.archive")}
+                    {m.story_children_archive()}
                   </DropdownMenuItem>
                   <DropdownMenuSeparator />
                 </>
@@ -283,13 +282,13 @@ export function StoryRefRow({
                 className="text-destructive focus:text-destructive"
               >
                 <Trash2 className="mr-2 size-4" />
-                {t("children.delete")}
+                {m.story_children_delete()}
               </DropdownMenuItem>
             </>
           ) : (
             <DropdownMenuItem onClick={handleUnarchive}>
               <Archive className="mr-2 size-4" />
-              {t("children.unarchive")}
+              {m.story_children_unarchive()}
             </DropdownMenuItem>
           )}
         </DropdownMenuContent>
@@ -298,9 +297,9 @@ export function StoryRefRow({
       <NameConfirmDialog
         open={deleteDialogOpen}
         onOpenChange={setDeleteDialogOpen}
-        title={t("children.deleteTitle")}
-        description={t("children.deleteDescription")}
-        confirmText={t("children.delete")}
+        title={m.story_children_deleteTitle()}
+        description={m.story_children_deleteDescription()}
+        confirmText={m.story_children_delete()}
         expectedName={storyState.identifier ?? storyState.id ?? ""}
         onConfirm={handleDelete}
       />

package/src/components/story/schemas/story-create.ts

@@ -16,13 +16,11 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { z } from "zod"
-import { getClientI18n } from "@/i18n/client"
-
-const t = (key: string) => getClientI18n().t(key)
+import { m } from '@/paraglide/messages.js'
 
 export const createStorySchema = z.object({
-  name: z.string().min(1, t("form.storyTitleRequired")),
-  projectId: z.string().min(1, t("form.projectRequired")),
+  name: z.string().min(1, m.common_form_storyTitleRequired()),
+  projectId: z.string().min(1, m.common_form_projectRequired()),
   state: z.string().default("backlog"),
   priority: z.string().default("none"),
   assigneeId: z.string().default("none"),