@allbluecn/web-app 0.9.4 → 0.10.0

package/src/components/shared-kit/timezone/timezone-select.tsx

@@ -17,11 +17,11 @@
 
 import { useMemo, useState } from 'react'
 import { Check, ChevronsUpDown, Globe } from 'lucide-react'
-import { useTranslation } from 'react-i18next'
 import { cn } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import { m } from "@/paraglide/messages.js";
 
 // 常用时区置顶
 const COMMON_TIMEZONES = [
@@ -65,7 +65,6 @@ export interface TimezoneSelectProps {
 }
 
 export function TimezoneSelect({ value, onChange, className }: TimezoneSelectProps) {
-  const { t } = useTranslation('common')
   const [open, setOpen] = useState(false)
   const allTimezones = useMemo(() => getAllTimezones(), [])
   const otherTimezones = useMemo(
@@ -84,17 +83,17 @@ export function TimezoneSelect({ value, onChange, className }: TimezoneSelectPro
         >
           <span className="flex items-center gap-2 truncate">
             <Globe className="size-4 shrink-0 text-muted-foreground" />
-            {value || t('timezone.placeholder')}
+            {value || m.common_timezone_placeholder()}
           </span>
           <ChevronsUpDown className="size-4 shrink-0 opacity-50" />
         </Button>
       </PopoverTrigger>
       <PopoverContent className="w-(--radix-popover-trigger-width) p-0" align="start">
         <Command>
-          <CommandInput placeholder={t('timezone.searchPlaceholder')} />
+          <CommandInput placeholder={m.common_timezone_searchPlaceholder()} />
           <CommandList>
-            <CommandEmpty>{t('timezone.notFound')}</CommandEmpty>
-            <CommandGroup heading={t('timezone.common')}>
+            <CommandEmpty>{m.common_timezone_notFound()}</CommandEmpty>
+            <CommandGroup heading={m.common_timezone_common()}>
               {COMMON_TIMEZONES.map((tz) => (
                 <CommandItem
                   key={tz}
@@ -109,7 +108,7 @@ export function TimezoneSelect({ value, onChange, className }: TimezoneSelectPro
                 </CommandItem>
               ))}
             </CommandGroup>
-            <CommandGroup heading={t('timezone.all')}>
+            <CommandGroup heading={m.common_timezone_all()}>
               {otherTimezones.map((tz) => (
                 <CommandItem
                   key={tz}

package/src/components/story/__tests__/constants.test.ts

@@ -41,14 +41,14 @@ describe("STORY_STATES", () => {
   it("每项包含 value/label/color 字段", () => {
     STORY_STATES.forEach((s) => {
       expect(typeof s.value).toBe("string");
-      expect(typeof s.label).toBe("string");
+      expect(typeof s.label).toBe("function");
       expect(typeof s.color).toBe("string");
     });
   });
 
-  it("label 均以 state. 开头", () => {
+  it("label 均为函数", () => {
     STORY_STATES.forEach((s) => {
-      expect(s.label).toMatch(/^state\./);
+      expect(typeof s.label).toBe("function");
     });
   });
 
@@ -77,9 +77,9 @@ describe("STORY_PRIORITIES", () => {
     expect(rankMap).toEqual({ urgent: 4, high: 3, medium: 2, low: 1, none: 0 });
   });
 
-  it("label 均以 priority. 开头", () => {
+  it("label 均为函数", () => {
     STORY_PRIORITIES.forEach((p) => {
-      expect(p.label).toMatch(/^priority\./);
+      expect(typeof p.label).toBe("function");
     });
   });
 });
@@ -89,7 +89,7 @@ describe("STATE_LABEL", () => {
     const allStates: StoryState[] = ["backlog", "todo", "in_progress", "done", "cancelled"];
     allStates.forEach((state) => {
       expect(STATE_LABEL[state]).toBeDefined();
-      expect(STATE_LABEL[state]).toMatch(/^state\./);
+      expect(typeof STATE_LABEL[state]).toBe("function");
     });
   });
 
@@ -137,7 +137,7 @@ describe("PRIORITY_LABEL", () => {
     const allPriorities: StoryPriority[] = ["urgent", "high", "medium", "low", "none"];
     allPriorities.forEach((p) => {
       expect(PRIORITY_LABEL[p]).toBeDefined();
-      expect(PRIORITY_LABEL[p]).toMatch(/^priority\./);
+      expect(typeof PRIORITY_LABEL[p]).toBe("function");
     });
   });
 

package/src/components/story/__tests__/dependency-type-badge.test.ts

@@ -31,9 +31,9 @@ describe("DEPENDENCY_TYPE_OPTIONS", () => {
       );
     }
     for (const o of DEPENDENCY_TYPE_OPTIONS) {
-      expect(o.optionLabelKey).toMatch(/^dependency\.options\./);
-      expect(o.badgeLabelKey).toMatch(/^dependency\.labels\./);
-      expect(o.tooltipLabelKey).toMatch(/^dependency\.tooltips\./);
+      expect(typeof o.optionLabel).toBe("function");
+      expect(typeof o.badgeLabel).toBe("function");
+      expect(typeof o.tooltipLabel).toBe("function");
       expect(o.reversed).toBe(o.group === "dependsOn");
     }
   });
@@ -63,8 +63,8 @@ describe("dependencyTypeOption / dependencyTypeBadgeKey", () => {
   it("dependencyTypeOption 返回含句式 label 的完整选项", () => {
     const o = dependencyTypeOption("dependsOn", "BLOCKS");
     expect(o.key).toBe("blocked_by");
-    expect(o.optionLabelKey).toBe("dependency.options.blocked_by");
-    expect(o.badgeLabelKey).toBe("dependency.labels.blocked_by");
+    expect(typeof o.optionLabel).toBe("function");
+    expect(typeof o.badgeLabel).toBe("function");
   });
 });
 

package/src/components/story/ai/action-registry.ts

@@ -20,6 +20,7 @@ import {
   Split, TestTubeDiagonal, PencilRuler, Palette, PenTool,
 } from "lucide-react"
 import type * as React from "react"
+import { m } from "@/paraglide/messages.js"
 
 export type StoryAIAction =
   | "generate" | "expand" | "polish" | "acceptance"
@@ -31,8 +32,8 @@ export interface ActionDef {
   type: StoryAIAction
   label: string
   hint: string
-  labelKey: string
-  hintKey: string
+  labelFn: () => string
+  hintFn: () => string
   icon: React.ComponentType<{ className?: string }>
   mode: ActionMode
   requiresTitle?: boolean
@@ -40,15 +41,15 @@ export interface ActionDef {
 }
 
 export const ACTION_REGISTRY: ActionDef[] = [
-  { type: "generate",   label: "生成",     hint: "根据标题生成需求",    icon: Sparkles,       mode: "stream-text", requiresTitle: true, labelKey: "storyAi.actionRegistry.generate.label", hintKey: "storyAi.actionRegistry.generate.hint" },
-  { type: "expand",     label: "扩写",     hint: "补充实现细节与背景",  icon: PencilSparkles, mode: "stream-text", requiresText: true, labelKey: "storyAi.actionRegistry.expand.label", hintKey: "storyAi.actionRegistry.expand.hint" },
-  { type: "polish",     label: "润色",     hint: "使表述更清晰专业",    icon: WandSparkles,   mode: "stream-text", requiresText: true, labelKey: "storyAi.actionRegistry.polish.label", hintKey: "storyAi.actionRegistry.polish.hint" },
-  { type: "split",      label: "拆需求",   hint: "AI 拆解为子需求",     icon: Split,          mode: "preview-create", labelKey: "storyAi.actionRegistry.split.label", hintKey: "storyAi.actionRegistry.split.hint" },
-  { type: "testCase",   label: "写测例",   hint: "生成测试用例",        icon: TestTubeDiagonal,       mode: "reserved", labelKey: "storyAi.actionRegistry.testCase.label", hintKey: "storyAi.actionRegistry.testCase.hint" },
-  { type: "acceptance", label: "写验收", hint: "补充验收标准",        icon: FlaskConical,          mode: "stream-text", labelKey: "storyAi.actionRegistry.acceptance.label", hintKey: "storyAi.actionRegistry.acceptance.hint" },
-  { type: "prototype",  label: "画原型",   hint: "在 PRD 画板绘制原型", icon: PencilRuler,    mode: "dialog-config", labelKey: "storyAi.actionRegistry.prototype.label", hintKey: "storyAi.actionRegistry.prototype.hint" },
-  { type: "ui",         label: "画UI",     hint: "在设计画板绘制 UI",   icon: PenTool,        mode: "reserved", labelKey: "storyAi.actionRegistry.ui.label", hintKey: "storyAi.actionRegistry.ui.hint" },
-  { type: "code",       label: "写代码",   hint: "生成代码",           icon: Palette,        mode: "reserved", labelKey: "storyAi.actionRegistry.code.label", hintKey: "storyAi.actionRegistry.code.hint" },
+  { type: "generate",   label: "生成",     hint: "根据标题生成需求",    icon: Sparkles,       mode: "stream-text", requiresTitle: true, labelFn: m.story_storyAi_actionRegistry_generate_label, hintFn: m.story_storyAi_actionRegistry_generate_hint },
+  { type: "expand",     label: "扩写",     hint: "补充实现细节与背景",  icon: PencilSparkles, mode: "stream-text", requiresText: true, labelFn: m.story_storyAi_actionRegistry_expand_label, hintFn: m.story_storyAi_actionRegistry_expand_hint },
+  { type: "polish",     label: "润色",     hint: "使表述更清晰专业",    icon: WandSparkles,   mode: "stream-text", requiresText: true, labelFn: m.story_storyAi_actionRegistry_polish_label, hintFn: m.story_storyAi_actionRegistry_polish_hint },
+  { type: "split",      label: "拆需求",   hint: "AI 拆解为子需求",     icon: Split,          mode: "preview-create", labelFn: m.story_storyAi_actionRegistry_split_label, hintFn: m.story_storyAi_actionRegistry_split_hint },
+  { type: "testCase",   label: "写测例",   hint: "生成测试用例",        icon: TestTubeDiagonal,       mode: "reserved", labelFn: m.story_storyAi_actionRegistry_testCase_label, hintFn: m.story_storyAi_actionRegistry_testCase_hint },
+  { type: "acceptance", label: "写验收", hint: "补充验收标准",        icon: FlaskConical,          mode: "stream-text", labelFn: m.story_storyAi_actionRegistry_acceptance_label, hintFn: m.story_storyAi_actionRegistry_acceptance_hint },
+  { type: "prototype",  label: "画原型",   hint: "在 PRD 画板绘制原型", icon: PencilRuler,    mode: "dialog-config", labelFn: m.story_storyAi_actionRegistry_prototype_label, hintFn: m.story_storyAi_actionRegistry_prototype_hint },
+  { type: "ui",         label: "画UI",     hint: "在设计画板绘制 UI",   icon: PenTool,        mode: "reserved", labelFn: m.story_storyAi_actionRegistry_ui_label, hintFn: m.story_storyAi_actionRegistry_ui_hint },
+  { type: "code",       label: "写代码",   hint: "生成代码",           icon: Palette,        mode: "reserved", labelFn: m.story_storyAi_actionRegistry_code_label, hintFn: m.story_storyAi_actionRegistry_code_hint },
 ]
 
 export interface ShowActionProps {

package/src/components/story/ai/handlers/more-popover.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { ChevronDown, Cpu, Check } from "lucide-react"
-import { useTranslation } from "react-i18next"
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -32,6 +31,7 @@ import {
 import { Button } from "@/components/ui/button"
 import type { ActionDef, StoryAIAction } from "../action-registry"
 import type { StoryAiModelGroup } from "../use-story-ai-model"
+import { m } from "@/paraglide/messages.js";
 
 export interface MoreModelSelect {
   model?: string
@@ -53,9 +53,8 @@ export function MorePopover({
   disabled,
   modelSelect,
 }: MorePopoverProps) {
-  const { t } = useTranslation("story")
   const currentModelLabel = (() => {
-    if (!modelSelect?.model) return t("storyAi.more.selectModel")
+    if (!modelSelect?.model) return m.story_storyAi_more_selectModel()
     const exact = modelSelect.groups
       .flatMap((g) => g.items)
       .find((m) => m.value === modelSelect.model)
@@ -72,7 +71,7 @@ export function MorePopover({
           disabled={disabled}
         >
           <ChevronDown className="mr-1 size-3" />
-          {t("storyAi.more.title")}
+          {m.story_storyAi_more_title()}
           {collapsedActions.length > 0 && (
             <span className="ml-1 rounded bg-muted px-1 text-[10px] leading-none">
               {collapsedActions.length}
@@ -88,7 +87,7 @@ export function MorePopover({
             className="text-xs gap-1.5 py-2"
           >
             <a.icon className="size-3.5" />
-            {t(a.labelKey)}
+            {a.labelFn()}
           </DropdownMenuItem>
         ))}
 
@@ -124,7 +123,7 @@ export function MorePopover({
                   </div>
                 ) : (
                   <div className="px-2 py-1.5 text-xs text-muted-foreground">
-                    {t("storyAi.more.noModels")}
+                    {m.story_storyAi_more_noModels()}
                   </div>
                 )}
               </DropdownMenuSubContent>

package/src/components/story/ai/prototype-dialog.tsx

@@ -17,7 +17,6 @@
 
 import { useRef, useState } from "react"
 import { Loader2, PencilRuler, X, Copy } from "lucide-react"
-import { useTranslation } from "react-i18next"
 import { Button } from "@/components/ui/button"
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
 import { Textarea } from "@/components/ui/textarea"
@@ -25,6 +24,7 @@ import { toast } from "sonner"
 import { useSession } from "@/lib/auth/auth-client"
 import { generatePrototypeFn, type GeneratedComponent } from "@/server/serverFns/ai/generate-prototype"
 import { getAllComponents } from "@/lib/prototype-registry"
+import { m } from "@/paraglide/messages.js";
 
 export interface StoryPrototypeDialogProps {
   storyId: string
@@ -42,7 +42,6 @@ export function StoryPrototypeDialog({
   storyDescription, open, onOpenChange,
 }: StoryPrototypeDialogProps) {
   const { data: session } = useSession()
-  const { t } = useTranslation("story")
   const hasAiKey = session?.user?.hasAiKey ?? false
 
   const [prompt, setPrompt] = useState("")
@@ -60,7 +59,7 @@ export function StoryPrototypeDialog({
   const generate = async () => {
     const p = prompt.trim() || storyDescription.trim()
     if (!p) {
-      toast.error(t("storyAi.prototype.inputPlaceholder"))
+      toast.error(m.story_storyAi_prototype_inputPlaceholder())
       return
     }
     setGenerating(true)
@@ -81,7 +80,7 @@ export function StoryPrototypeDialog({
       setResult(data)
       toast.success(data.message)
     } catch (err: any) {
-      toast.error(t("storyAi.prototype.generationFailed"), { description: err.message })
+      toast.error(m.story_storyAi_prototype_generationFailed(), { description: err.message })
     } finally {
       setGenerating(false)
     }
@@ -91,7 +90,7 @@ export function StoryPrototypeDialog({
     if (!result) return
     const text = JSON.stringify(result, null, 2)
     navigator.clipboard.writeText(text)
-    toast.success(t("storyAi.prototype.copied"))
+    toast.success(m.story_storyAi_prototype_copied())
   }
 
   const isOpen = open && hasAiKey
@@ -100,18 +99,18 @@ export function StoryPrototypeDialog({
     <Dialog open={isOpen} onOpenChange={(o) => { if (!o) reset(); onOpenChange(o) }}>
       <DialogContent className="max-w-xl">
         <DialogHeader>
-          <DialogTitle>{t("storyAi.prototype.title")}</DialogTitle>
+          <DialogTitle>{m.story_storyAi_prototype_title()}</DialogTitle>
         </DialogHeader>
 
         <div className="space-y-3">
           <p className="text-sm text-muted-foreground">
-            {t("storyAi.prototype.description")}
+            {m.story_storyAi_prototype_description()}
           </p>
 
           <Textarea
             value={prompt}
             onChange={(e) => setPrompt(e.target.value)}
-            placeholder={t("storyAi.prototype.example")}
+            placeholder={m.story_storyAi_prototype_example()}
             rows={3}
             disabled={generating}
           />
@@ -122,7 +121,7 @@ export function StoryPrototypeDialog({
             className="w-full"
           >
             {generating ? <Loader2 className="size-4 animate-spin" /> : <PencilRuler className="size-4" />}
-            {generating ? t("storyAi.prototype.generating") : t("storyAi.prototype.generate")}
+            {generating ? m.story_storyAi_prototype_generating() : m.story_storyAi_prototype_generate()}
           </Button>
 
           {result && (
@@ -142,7 +141,7 @@ export function StoryPrototypeDialog({
                     <span className="font-mono text-xs text-muted-foreground">{c.type}</span>
                     <span>{c.name}</span>
                     {c.source === "builtin" && (
-                      <span className="text-xs text-muted-foreground">{t("storyAi.prototype.componentLib")}</span>
+                      <span className="text-xs text-muted-foreground">{m.story_storyAi_prototype_componentLib()}</span>
                     )}
                   </div>
                 ))}

package/src/components/story/ai/split-dialog.tsx

@@ -17,7 +17,6 @@
 
 import { useEffect, useRef, useState } from "react"
 import { Loader2, WandSparkles, X, Check, SquareStop, CheckCheck, RotateCcw, Sparkles } from "lucide-react"
-import { useTranslation } from "react-i18next"
 import { Button } from "@/components/ui/button"
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog"
 import { Badge } from "@/components/ui/badge"
@@ -28,6 +27,7 @@ import { createStoryFn, addChildFn } from "@/server/serverFns/story"
 import { useSession } from "@/lib/auth/auth-client"
 import { fetchStoryAiStream, type StoryAiMode, type StoryAiSplitMode } from "@/lib/ai/story-ai-stream"
 import { parseJsonlBuffer, parseFinalBuffer, type ParsedStory } from "@/lib/ai/story-jsonl"
+import { m } from "@/paraglide/messages.js";
 
 let localIdSeq = 0
 
@@ -95,7 +95,6 @@ export function StorySplitDialog({
   storyId, storyName, storyDescription, open, onOpenChange, onComplete,
 }: StorySplitDialogProps) {
   const { data: session } = useSession()
-  const { t } = useTranslation("story")
   const hasAiKey = session?.user?.hasAiKey ?? false
 
   const [prompt, setPrompt] = useState("")
@@ -163,7 +162,7 @@ export function StorySplitDialog({
       {
         mode,
         prompt: prompt.trim()
-          ? `${storyDescription}\n\n${t("storyAi.split.extraPromptPrefix")}${prompt}`
+          ? `${storyDescription}\n\n${m.story_storyAi_split_extraPromptPrefix()}${prompt}`
           : storyDescription,
         context: {
           story: { id: storyId, name: storyName, description: storyDescription },
@@ -211,12 +210,12 @@ export function StorySplitDialog({
           setStreaming(false)
           // 完全无产出
           if (final.length === 0 && items.length === 0 && bufferRef.current.trim() === "") {
-            toast.error(t("storyAi.split.noValidResult"))
+            toast.error(m.story_storyAi_split_noValidResult())
           }
         },
         onError: (err) => {
           setStreaming(false)
-          toast.error(t("storyAi.split.generationFailed"), { description: err.message })
+          toast.error(m.story_storyAi_split_generationFailed(), { description: err.message })
         },
       },
     )
@@ -236,7 +235,7 @@ export function StorySplitDialog({
       )
     }
     if (selected.length === 0) {
-      toast.error(t("storyAi.split.selectAtLeastOne"))
+      toast.error(m.story_storyAi_split_selectAtLeastOne())
       return
     }
     setCreating(true)
@@ -260,14 +259,14 @@ export function StorySplitDialog({
       )
       const failed = results.filter((r) => r.status === "rejected").length
       const done = selected.length - failed
-      toast.success(t("storyAi.split.createdSuccess", { done, total: selected.length }), {
-        description: failed > 0 ? t("storyAi.split.failuresDesc", { count: failed }) : undefined,
+      toast.success(m.story_storyAi_split_createdSuccess({ done, total: selected.length }), {
+        description: failed > 0 ? m.story_storyAi_split_failuresDesc({ count: failed }) : undefined,
       })
       clearSplitSnapshot(storyId)
       reset()
       onComplete()
     } catch {
-      toast.error(t("storyAi.split.createFailed"))
+      toast.error(m.story_storyAi_split_createFailed())
     } finally {
       setCreating(false)
     }
@@ -313,7 +312,7 @@ export function StorySplitDialog({
     <Dialog open={isOpen} onOpenChange={(o) => { if (!o) cancelStreamingOnClose(); onOpenChange(o) }}>
       <DialogContent className="flex flex-col gap-3 p-4 h-160 max-h-[85vh] max-w-lg sm:max-w-260">
         <DialogHeader className="shrink-0">
-          <DialogTitle>{t("storyAi.split.title")}</DialogTitle>
+          <DialogTitle>{m.story_storyAi_split_title()}</DialogTitle>
         </DialogHeader>
 
         <div className="flex-1 min-h-0 space-y-3 overflow-y-auto overscroll-contain pr-1">
@@ -332,11 +331,11 @@ export function StorySplitDialog({
                   ${splitMode === "children" ? "border-primary bg-primary" : "border-border"}`}>
                   {splitMode === "children" && <Check className="size-2.5 text-primary-foreground" />}
                 </span>
-                <span className="text-sm font-medium">{t("storyAi.split.asChildTitle")}</span>
-                <Badge variant="outline" className="text-[10px]">{t("storyAi.split.asChildBadge")}</Badge>
+                <span className="text-sm font-medium">{m.story_storyAi_split_asChildTitle()}</span>
+                <Badge variant="outline" className="text-[10px]">{m.story_storyAi_split_asChildBadge()}</Badge>
               </div>
               <p className="text-xs text-muted-foreground ml-6 mt-1 border-l-2 border-border truncate">
-                {t("storyAi.split.parentLabel")}{storyName}
+                {m.story_storyAi_split_parentLabel()}{storyName}
               </p>
             </button>
 
@@ -354,16 +353,16 @@ export function StorySplitDialog({
                   ${splitMode === "independent" ? "border-primary bg-primary" : "border-border"}`}>
                   {splitMode === "independent" && <Check className="size-2.5 text-primary-foreground" />}
                 </span>
-                <span className="text-sm font-medium">{t("storyAi.split.asIndependentTitle")}</span>
+                <span className="text-sm font-medium">{m.story_storyAi_split_asIndependentTitle()}</span>
               </div>
-              <p className="text-xs text-muted-foreground ml-6">{t("storyAi.split.asIndependentDesc")}</p>
+              <p className="text-xs text-muted-foreground ml-6">{m.story_storyAi_split_asIndependentDesc()}</p>
             </button>
           </div>
 
           <Textarea
             value={prompt}
             onChange={(e) => setPrompt(e.target.value)}
-            placeholder={t("storyAi.split.extraPromptPlaceholder")}
+            placeholder={m.story_storyAi_split_extraPromptPlaceholder()}
             rows={3}
             className="h-35"
           />
@@ -372,7 +371,7 @@ export function StorySplitDialog({
             <div className="flex items-center justify-between">
               {hasItems && (
                 <span className="text-sm text-muted-foreground">
-                  {t("storyAi.split.totalPrefix")}{items.length}{t("storyAi.split.totalSuffix")}
+                  {m.story_storyAi_split_totalPrefix()}{items.length}{m.story_storyAi_split_totalSuffix()}
                 </span>
               )}
               {hasItems && (
@@ -382,7 +381,7 @@ export function StorySplitDialog({
                     variant="ghost"
                     onClick={() => setItems((prev) => prev.map((i) => ({ ...i, checked: !allChecked })))}
                   >
-                    <CheckCheck className="size-3.5" /> {allChecked ? t("storyAi.split.deselectAll") : t("storyAi.split.selectAll")}
+                    <CheckCheck className="size-3.5" /> {allChecked ? m.story_storyAi_split_deselectAll() : m.story_storyAi_split_selectAll()}
                   </Button>
                 </div>
               )}
@@ -420,12 +419,12 @@ export function StorySplitDialog({
                   {streaming ? (
                     <>
                       <Loader2 className="size-7 animate-spin text-muted-foreground" />
-                      <p className="text-xs text-muted-foreground">{t("storyAi.split.splittingMessage")}</p>
+                      <p className="text-xs text-muted-foreground">{m.story_storyAi_split_splittingMessage()}</p>
                     </>
                   ) : (
                     <>
                       <Sparkles className="size-7 text-muted-foreground" />
-                      <p className="text-xs text-muted-foreground">{t("storyAi.split.clickToSplit")}</p>
+                      <p className="text-xs text-muted-foreground">{m.story_storyAi_split_clickToSplit()}</p>
                     </>
                   )}
                 </div>
@@ -437,7 +436,7 @@ export function StorySplitDialog({
         <DialogFooter className="shrink-0">
           {streaming ? (
             <Button onClick={stop} variant="outline">
-              <SquareStop className="mr-1 size-3.5" /> {t("storyAi.split.stop")}
+              <SquareStop className="mr-1 size-3.5" /> {m.story_storyAi_split_stop()}
             </Button>
           ) : (
             <Button
@@ -451,13 +450,13 @@ export function StorySplitDialog({
               ) : (
                 <WandSparkles className="mr-1 size-3.5" />
               )}
-              {hasItems ? t("storyAi.split.redo") : t("storyAi.split.split")}
+              {hasItems ? m.story_storyAi_split_redo() : m.story_storyAi_split_split()}
             </Button>
           )}
           {hasItems && (
             <Button onClick={confirmCreate} disabled={creating} size="lg">
               {creating ? <Loader2 className="mr-1 size-3.5 animate-spin" /> : <Check className="mr-1 size-3.5" />}
-              {t("storyAi.split.confirmCreate")}
+              {m.story_storyAi_split_confirmCreate()}
             </Button>
           )}
         </DialogFooter>