@allbluecn/web-app 0.9.4 → 0.10.0

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

@@ -17,7 +17,6 @@
 
 import { useMemo, useRef, useState } from "react"
 import { Sparkles, Wand2, ListPlus, Type, Loader2 } from "lucide-react"
-import { useTranslation } from "react-i18next"
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"
 import { Button } from "@/components/ui/button"
 import { Textarea } from "@/components/ui/textarea"
@@ -41,6 +40,7 @@ import { parseJsonlBuffer, parseFinalBuffer } from "@/lib/ai/story-jsonl"
 import { StoryAiPreviewList, type PreviewStoryItem } from "./story-ai-preview-list"
 import { StorySearchPopover } from "@/components/story/search-popover"
 import type { UserBrief } from "@/components/story/types"
+import { m } from "@/paraglide/messages.js";
 
 type AiTab = "create" | "split" | "import"
 
@@ -60,7 +60,6 @@ export function StoryAiContent({
   onCreated,
 }: StoryAiContentProps) {
   const { data: session } = useSession()
-  const { t } = useTranslation("story")
   const hasAiKey = session?.user?.hasAiKey ?? false
 
   const [tab, setTab] = useState<AiTab>("create")
@@ -117,11 +116,11 @@ export function StoryAiContent({
   const generate = () => {
     const mode: StoryAiMode = tab === "split" ? "split" : "create"
     if (mode === "create" && !prompt.trim()) {
-      toast.error(t("storyAi.panel.needContent"))
+      toast.error(m.story_storyAi_panel_needContent())
       return
     }
     if (mode === "split" && !parentStory) {
-      toast.error(t("storyAi.panel.needParentStory"))
+      toast.error(m.story_storyAi_panel_needParentStory())
       return
     }
     generationRef.current = {
@@ -176,12 +175,12 @@ export function StoryAiContent({
           }
           setStreaming(false)
           if (final.length === 0 && bufferRef.current.trim() === "") {
-            toast.error(t("storyAi.panel.noValidResult"))
+            toast.error(m.story_storyAi_panel_noValidResult())
           }
         },
         onError: (err) => {
           setStreaming(false)
-          toast.error(t("storyAi.panel.generationFailed"), { description: err.message })
+          toast.error(m.story_storyAi_panel_generationFailed(), { description: err.message })
         },
       },
     )
@@ -209,7 +208,7 @@ export function StoryAiContent({
     if (selected.length === 0) return
     const emptyNames = selected.filter((i) => !i.name.trim())
     if (emptyNames.length > 0) {
-      toast.error(t("storyAi.panel.emptyNames"))
+      toast.error(m.story_storyAi_panel_emptyNames())
       return
     }
     const gen = generationRef.current
@@ -245,11 +244,11 @@ export function StoryAiContent({
       )
       const ok = results.filter((r) => r.status === "fulfilled").length
       if (ok > 0) {
-        toast.success(t("storyAi.panel.createdSuccess", { count: ok }))
+        toast.success(m.story_storyAi_panel_createdSuccess({ count: ok }))
         onCreated()
       }
       const failed = results.length - ok
-      if (failed > 0) toast.error(t("storyAi.panel.createFailed", { count: failed }))
+      if (failed > 0) toast.error(m.story_storyAi_panel_createFailed({ count: failed }))
       reset()
     } finally {
       setCreating(false)
@@ -261,11 +260,11 @@ export function StoryAiContent({
       <div className="flex flex-col items-center gap-3 py-10 text-center">
         <Wand2 className="size-10 text-muted-foreground" />
         <p className="text-sm text-muted-foreground">
-          {t("storyAi.panel.aiNotConfigured")}
+          {m.story_storyAi_panel_aiNotConfigured()}
         </p>
         <Button asChild variant="outline">
           <a href="/settings/ai" target="_blank" rel="noreferrer">
-            {t("storyAi.panel.goToSettings")}
+            {m.story_storyAi_panel_goToSettings()}
           </a>
         </Button>
       </div>
@@ -276,9 +275,9 @@ export function StoryAiContent({
     <div className="flex h-full min-h-0 flex-col">
       <Tabs value={tab} onValueChange={(v) => setTab(v as AiTab)} className="flex min-h-0 flex-1 flex-col">
         <TabsList className="grid w-full grid-cols-3">
-          <TabsTrigger value="create">{t("storyAi.panel.createTab")}</TabsTrigger>
-          <TabsTrigger value="split">{t("storyAi.panel.splitTab")}</TabsTrigger>
-          <TabsTrigger value="import">{t("storyAi.panel.importTab")}</TabsTrigger>
+          <TabsTrigger value="create">{m.story_storyAi_panel_createTab()}</TabsTrigger>
+          <TabsTrigger value="split">{m.story_storyAi_panel_splitTab()}</TabsTrigger>
+          <TabsTrigger value="import">{m.story_storyAi_panel_importTab()}</TabsTrigger>
         </TabsList>
 
         <div className="min-h-0 flex-1 overflow-y-auto py-4">
@@ -286,12 +285,12 @@ export function StoryAiContent({
             <Textarea
               value={prompt}
               onChange={(e) => setPrompt(e.target.value)}
-              placeholder={t("storyAi.panel.inputPlaceholder")}
+              placeholder={m.story_storyAi_panel_inputPlaceholder()}
               rows={5}
             />
             <Select value={projectId} onValueChange={setProjectId}>
               <SelectTrigger className="w-full">
-                <SelectValue placeholder={t("storyAi.panel.projectLabel")} />
+                <SelectValue placeholder={m.story_storyAi_panel_projectLabel()} />
               </SelectTrigger>
               <SelectContent>
                 {projects.map((p) => (
@@ -303,21 +302,21 @@ export function StoryAiContent({
             </Select>
             <Button onClick={generate} disabled={streaming || creating} className="w-full">
               {streaming ? <Loader2 className="size-4 animate-spin" /> : <Sparkles className="size-4" />}
-              {streaming ? t("storyAi.panel.generating") : t("storyAi.panel.aiGenerate")}
+              {streaming ? m.story_storyAi_panel_generating() : m.story_storyAi_panel_aiGenerate()}
             </Button>
           </TabsContent>
 
           <TabsContent value="split" className="mt-0 space-y-3">
             <div className="flex items-center gap-2">
-              <span className="w-20 shrink-0 text-sm text-muted-foreground">{t("storyAi.panel.parentLabel")}</span>
+              <span className="w-20 shrink-0 text-sm text-muted-foreground">{m.story_storyAi_panel_parentLabel()}</span>
               <StorySearchPopover
                 onSelect={(_id, story) =>
                   story && setParentStory({ id: story.id, name: story.title })
                 }
-                placeholder={parentStory ? `${t("storyAi.panel.selectedLabel")}${parentStory.name}` : t("storyAi.panel.searchParent")}
+                placeholder={parentStory ? `${m.story_storyAi_panel_selectedLabel()}${parentStory.name}` : m.story_storyAi_panel_searchParent()}
                 trigger={
                   <Button type="button" variant="outline" className="w-full justify-start">
-                    {parentStory ? parentStory.name : t("storyAi.panel.selectParent")}
+                    {parentStory ? parentStory.name : m.story_storyAi_panel_selectParent()}
                   </Button>
                 }
               />
@@ -328,16 +327,16 @@ export function StoryAiContent({
               className="flex gap-4"
             >
               <label className="flex items-center gap-2 text-sm">
-                <RadioGroupItem value="children" /> {t("storyAi.panel.childLabel")}
+                <RadioGroupItem value="children" /> {m.story_storyAi_panel_childLabel()}
               </label>
               <label className="flex items-center gap-2 text-sm">
-                <RadioGroupItem value="independent" /> {t("storyAi.panel.independentLabel")}
+                <RadioGroupItem value="independent" /> {m.story_storyAi_panel_independentLabel()}
               </label>
             </RadioGroup>
             <Textarea
               value={prompt}
               onChange={(e) => setPrompt(e.target.value)}
-              placeholder={t("storyAi.panel.splitPlaceholder")}
+              placeholder={m.story_storyAi_panel_splitPlaceholder()}
               rows={3}
             />
             <Button
@@ -346,7 +345,7 @@ export function StoryAiContent({
               className="w-full"
             >
               {streaming ? <Loader2 className="size-4 animate-spin" /> : <ListPlus className="size-4" />}
-              {streaming ? t("storyAi.panel.splitting") : t("storyAi.panel.aiSplit")}
+              {streaming ? m.story_storyAi_panel_splitting() : m.story_storyAi_panel_aiSplit()}
             </Button>
           </TabsContent>
 
@@ -354,12 +353,12 @@ export function StoryAiContent({
             <Textarea
               value={prompt}
               onChange={(e) => setPrompt(e.target.value)}
-              placeholder={t("storyAi.panel.pastePlaceholder")}
+              placeholder={m.story_storyAi_panel_pastePlaceholder()}
               rows={5}
             />
             <Select value={projectId} onValueChange={setProjectId}>
               <SelectTrigger className="w-full">
-                <SelectValue placeholder={t("storyAi.panel.projectLabel")} />
+                <SelectValue placeholder={m.story_storyAi_panel_projectLabel()} />
               </SelectTrigger>
               <SelectContent>
                 {projects.map((p) => (
@@ -371,7 +370,7 @@ export function StoryAiContent({
             </Select>
             <Button onClick={generate} disabled={streaming || creating} className="w-full">
               {streaming ? <Loader2 className="size-4 animate-spin" /> : <Type className="size-4" />}
-              {streaming ? t("storyAi.panel.recognizing") : t("storyAi.panel.aiRecognize")}
+              {streaming ? m.story_storyAi_panel_recognizing() : m.story_storyAi_panel_aiRecognize()}
             </Button>
           </TabsContent>
 
@@ -389,9 +388,9 @@ export function StoryAiContent({
               {streaming && (
                 <div className="flex items-center gap-2 text-xs text-muted-foreground">
                   <Loader2 className="size-3 animate-spin" />
-                  {t("storyAi.panel.streaming")}
+                  {m.story_storyAi_panel_streaming()}
                   <Button variant="ghost" size="sm" className="h-6 px-2" onClick={stop}>
-                    {t("storyAi.panel.stop")}
+                    {m.story_storyAi_panel_stop()}
                   </Button>
                 </div>
               )}
@@ -412,7 +411,7 @@ export function StoryAiContent({
             ) : (
               <Sparkles className="size-4" />
             )}
-            {t("storyAi.panel.create")} {items.filter((i) => i.checked).length}{t("storyAi.panel.itemCount")}
+            {m.story_storyAi_panel_create()} {items.filter((i) => i.checked).length}{m.story_storyAi_panel_itemCount()}
           </Button>
         </div>
       )}

package/src/components/story/ai/story-ai-preview-list.tsx

@@ -27,8 +27,16 @@ import {
   SelectValue,
 } from "@/components/ui/select"
 import { STORY_PRIORITIES } from "@/components/story/constants"
-import { useTranslation } from "react-i18next"
 import type { UserBrief } from "@/components/story/types"
+import { m } from "@/paraglide/messages.js";
+
+const PRIORITY_LABELS: Record<string, () => string> = {
+  urgent: m.story_priority_urgent,
+  high: m.story_priority_high,
+  medium: m.story_priority_medium,
+  low: m.story_priority_low,
+  none: m.story_priority_none,
+}
 
 export interface PreviewStoryItem {
   localId: string
@@ -60,7 +68,6 @@ export function StoryAiPreviewList({
   onToggleAll,
   disabled = false,
 }: StoryAiPreviewListProps) {
-  const { t } = useTranslation("story")
   const allChecked = items.length > 0 && items.every((i) => i.checked)
 
   const toggleLabel = (localId: string, current: string[], labelId: string) => {
@@ -76,9 +83,9 @@ export function StoryAiPreviewList({
       <div className="flex items-center gap-2">
         <label className="flex items-center gap-2 text-sm text-muted-foreground cursor-pointer">
           <Checkbox checked={allChecked} disabled={disabled} onCheckedChange={(v) => onToggleAll(v === true)} />
-          {t("ai.selectAll")}
+          {m.story_ai_selectAll()}
         </label>
-        <span className="text-xs text-muted-foreground">{t("ai.itemCount", { count: items.length })}</span>
+        <span className="text-xs text-muted-foreground">{m.story_ai_itemCount({ count: items.length })}</span>
       </div>
 
       {items.map((item) => (
@@ -116,7 +123,7 @@ export function StoryAiPreviewList({
                 <SelectContent>
                   {STORY_PRIORITIES.map((p) => (
                     <SelectItem key={p.value} value={p.value}>
-                      {t(p.label)}
+                      {PRIORITY_LABELS[p.value]?.() ?? p.value}
                     </SelectItem>
                   ))}
                 </SelectContent>
@@ -130,10 +137,10 @@ export function StoryAiPreviewList({
                 }
               >
                 <SelectTrigger className="h-7 w-28">
-                  <SelectValue placeholder={t("column.assignee")} />
+                  <SelectValue placeholder={m.story_column_assignee()} />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="none">{t("group.unassigned")}</SelectItem>
+                  <SelectItem value="none">{m.story_group_unassigned()}</SelectItem>
                   {users.map((u) => (
                     <SelectItem key={u.id} value={u.id}>
                       {u.username}
@@ -169,7 +176,7 @@ export function StoryAiPreviewList({
                       key={`new-${n}`}
                       type="button"
                       disabled={disabled}
-                      title={t("inline.aiNew")}
+                      title={m.story_inline_aiNew()}
                       onClick={() =>
                         onUpdate(item.localId, {
                           labelNames: item.labelNames.filter((x) => x !== n),
@@ -178,7 +185,7 @@ export function StoryAiPreviewList({
                       className="rounded-full border border-dashed border-primary/60 px-2 py-0.5 text-xs text-primary transition-colors hover:bg-primary/10"
                     >
                       {n}
-                      <span className="ml-1 text-[10px] leading-none opacity-70">{t("inline.aiNew")}</span>
+                      <span className="ml-1 text-[10px] leading-none opacity-70">{m.story_inline_aiNew()}</span>
                     </button>
                   ))}
               </div>

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

@@ -20,7 +20,6 @@ import {
   Check, X, Loader2, Square,
   Cpu, ChevronDown,
 } from "lucide-react"
-import { useTranslation } from "react-i18next"
 import {
   Popover,
   PopoverContent,
@@ -40,6 +39,7 @@ import { useToolbarOverflow } from "./use-toolbar-overflow"
 import { MorePopover } from "./handlers/more-popover"
 import { StorySplitDialog } from "./split-dialog"
 import { StoryPrototypeDialog } from "./prototype-dialog"
+import { m } from "@/paraglide/messages.js";
 
 export type StoryDescriptionAIMode = "text" | "editor"
 
@@ -78,7 +78,6 @@ export function StoryAiToolbar(props: StoryAiToolbarProps) {
     showSplit = false, showTestCase = false, showPrototype = false, showUi = false,
     showCode = false,
   } = props
-  const { t } = useTranslation("story")
 
   const showProps: ShowActionProps = {
     showGenerate, showExpand, showPolish, showAcceptance,
@@ -89,7 +88,7 @@ export function StoryAiToolbar(props: StoryAiToolbarProps) {
   const visibleActions = getVisibleActions(showProps, order)
 
   const stream = useStreamTextAction({
-    storyId, description, title, mode, editorRef, onApply, onGenerating, model, t,
+    storyId, description, title, mode, editorRef, onApply, onGenerating, model,
   })
   const { action, draft, isGenerating, handle, stop, apply, discard } = stream
   const [popoverOpen, setPopoverOpen] = useState(false)
@@ -128,7 +127,7 @@ export function StoryAiToolbar(props: StoryAiToolbarProps) {
     }
     if (def.mode === "reserved") {
       import("sonner").then(({ toast }) =>
-        toast.info(t("storyAi.toolbar.underDevelopment")),
+        toast.info(m.story_storyAi_toolbar_underDevelopment()),
       )
       return
     }
@@ -166,7 +165,7 @@ export function StoryAiToolbar(props: StoryAiToolbarProps) {
             }
           >
             <Cpu className="mr-1 size-3" />
-            {model ? model.split("/").pop() : t("storyAi.toolbar.model")}
+            {model ? model.split("/").pop() : m.story_storyAi_toolbar_model()}
             <ChevronDown className="ml-0.5 size-3" />
           </Button>
         </PopoverTrigger>
@@ -195,7 +194,7 @@ export function StoryAiToolbar(props: StoryAiToolbarProps) {
               ))}
             </div>
           ) : (
-            <p className="px-2 text-xs text-muted-foreground">{t("storyAi.toolbar.noModels")}</p>
+            <p className="px-2 text-xs text-muted-foreground">{m.story_storyAi_toolbar_noModels()}</p>
           )}
         </PopoverContent>
       </Popover>
@@ -210,7 +209,7 @@ export function StoryAiToolbar(props: StoryAiToolbarProps) {
       <div ref={measureRef} aria-hidden className="absolute -z-10 invisible flex items-center gap-1 pointer-events-none">
         {visibleActions.map((a) => (
           <Button key={a.type} variant="ghost" size="sm" className="h-7 px-2 text-xs text-muted-foreground">
-            <a.icon className="mr-1 size-3" />{t(a.labelKey)}
+            <a.icon className="mr-1 size-3" />{a.labelFn()}
           </Button>
         ))}
       </div>
@@ -232,11 +231,11 @@ export function StoryAiToolbar(props: StoryAiToolbarProps) {
                   onClick={() => onActionClick(a.type)}
                 >
                   {isActive ? <Loader2 className="mr-1 size-3 animate-spin" /> : <a.icon className="mr-1 size-3" />}
-                  {t(a.labelKey)}
+                  {a.labelFn()}
                 </Button>
               </span>
             </TooltipTrigger>
-            <TooltipContent>{t(a.hintKey)}</TooltipContent>
+            <TooltipContent>{a.hintFn()}</TooltipContent>
           </Tooltip>
         )
       })}
@@ -253,17 +252,17 @@ export function StoryAiToolbar(props: StoryAiToolbarProps) {
       {isGenerating && (
         <Button variant="ghost" size="sm" className="h-7 shrink-0 px-2 text-xs" onClick={stop}>
           <Square className="mr-1 size-3" />
-          {t("storyAi.toolbar.stop")}
+          {m.story_storyAi_toolbar_stop()}
         </Button>
       )}
 
       {action && !isGenerating && draft.trim() && !isEditorMode && HAS_DRAFT_UI.has(action as StoryAIAction) && (
         <span className="ml-1 flex shrink-0 items-center gap-1">
           <Button variant="default" size="sm" className="h-7 px-2 text-xs" onClick={apply}>
-            <Check className="mr-1 size-3" /> {t("storyAi.toolbar.replace")}
+            <Check className="mr-1 size-3" /> {m.story_storyAi_toolbar_replace()}
           </Button>
           <Button variant="outline" size="sm" className="h-7 px-2 text-xs" onClick={discard}>
-            <X className="mr-1 size-3" /> {t("storyAi.toolbar.discard")}
+            <X className="mr-1 size-3" /> {m.story_storyAi_toolbar_discard()}
           </Button>
         </span>
       )}
@@ -272,7 +271,7 @@ export function StoryAiToolbar(props: StoryAiToolbarProps) {
 
       <StorySplitDialog
         storyId={storyId ?? ""}
-        storyName={title ?? t("storyAi.toolbar.currentStory")}
+        storyName={title ?? m.story_storyAi_toolbar_currentStory()}
         storyDescription={description}
         open={splitOpen}
         onOpenChange={setSplitOpen}

package/src/components/story/columns.tsx

@@ -30,8 +30,24 @@ import { Badge } from "@/components/ui/badge";
 import { UserAvatar } from "@/components/shared-kit";
 import { PriorityIcon } from "./priority-icon";
 import { STATE_LABEL, STATE_COLOR, PRIORITY_LABEL, PRIORITY_RANK } from "./constants";
-import type { TFunction } from 'i18next'
 import type { StoryListItem } from "./types";
+import { m } from '@/paraglide/messages.js'
+
+const STATE_LABEL_FNS: Record<string, () => string> = {
+  backlog: m.story_state_backlog,
+  todo: m.story_state_todo,
+  in_progress: m.story_state_in_progress,
+  done: m.story_state_done,
+  cancelled: m.story_state_cancelled,
+}
+
+const PRIORITY_LABEL_FNS: Record<string, () => string> = {
+  urgent: m.story_priority_urgent,
+  high: m.story_priority_high,
+  medium: m.story_priority_medium,
+  low: m.story_priority_low,
+  none: m.story_priority_none,
+}
 
 function formatDate(iso: string | null): string {
   if (!iso) return "—";
@@ -48,11 +64,11 @@ export const storyTableFeatures = tableFeatures({
   sortedRowModel: createSortedRowModel(),
 });
 
-export function createStoryColumns(t: TFunction): ColumnDef<typeof storyTableFeatures, StoryListItem>[] {
+export function createStoryColumns(): ColumnDef<typeof storyTableFeatures, StoryListItem>[] {
   return [
   {
     accessorKey: "identifier",
-    header: t("column.identifier"),
+    header: m.story_column_identifier(),
     size: 110,
     cell: ({ row }) => (
       <span className="font-mono text-xs text-primary">
@@ -62,7 +78,7 @@ export function createStoryColumns(t: TFunction): ColumnDef<typeof storyTableFea
   },
   {
     accessorKey: "name",
-    header: t("column.title"),
+    header: m.story_column_title(),
     size: 240,
     cell: ({ row }) => (
       <span className="truncate font-medium">{row.original.name}</span>
@@ -70,17 +86,17 @@ export function createStoryColumns(t: TFunction): ColumnDef<typeof storyTableFea
   },
   {
     accessorKey: "state",
-    header: t("column.state"),
+    header: m.story_column_state(),
     size: 100,
     cell: ({ row }) => (
       <Badge variant="outline" className={STATE_COLOR[row.original.state]}>
-        {t(STATE_LABEL[row.original.state])}
+        {STATE_LABEL_FNS[row.original.state]?.() ?? row.original.state}
       </Badge>
     ),
   },
   {
     accessorKey: "priority",
-    header: t("column.priority"),
+    header: m.story_column_priority(),
     size: 90,
     cell: ({ row }) => {
       const rank = PRIORITY_RANK[row.original.priority];
@@ -88,18 +104,18 @@ export function createStoryColumns(t: TFunction): ColumnDef<typeof storyTableFea
       return (
         <span className="flex items-center gap-1 text-xs font-medium">
           <PriorityIcon priority={row.original.priority} />
-          {t(PRIORITY_LABEL[row.original.priority])}
+          {PRIORITY_LABEL_FNS[row.original.priority]?.() ?? row.original.priority}
         </span>
       );
     },
   },
   {
     id: "assignee",
-    header: t("column.assignee"),
+    header: m.story_column_assignee(),
     size: 140,
     cell: ({ row }) => {
       const a = row.original.assignee;
-      if (!a) return <span className="text-xs text-muted-foreground">{t("group.unassigned")}</span>;
+      if (!a) return <span className="text-xs text-muted-foreground">{m.story_group_unassigned()}</span>;
       return (
         <div className="flex items-center gap-2">
           <UserAvatar
@@ -116,13 +132,13 @@ export function createStoryColumns(t: TFunction): ColumnDef<typeof storyTableFea
   },
   {
     accessorKey: "startDate",
-    header: t("column.startDate"),
+    header: m.story_column_startDate(),
     size: 100,
     cell: ({ row }) => <span className="text-xs">{formatDate(row.original.startDate)}</span>,
   },
   {
     accessorKey: "targetDate",
-    header: t("column.dueDate"),
+    header: m.story_column_dueDate(),
     size: 100,
     cell: ({ row }) => {
       const iso = row.original.targetDate;
@@ -137,25 +153,25 @@ export function createStoryColumns(t: TFunction): ColumnDef<typeof storyTableFea
   },
   {
     id: "links",
-    header: t("column.links"),
+    header: m.story_column_links(),
     size: 70,
     cell: () => <span className="text-xs text-muted-foreground">0</span>,
   },
   {
     id: "attachments",
-    header: t("column.attachments"),
+    header: m.story_column_attachments(),
     size: 70,
     cell: () => <span className="text-xs text-muted-foreground">0</span>,
   },
   {
     id: "pages",
-    header: t("column.pages"),
+    header: m.story_column_pages(),
     size: 80,
     cell: () => <span className="text-xs text-muted-foreground">0</span>,
   },
   {
     id: "labels",
-    header: t("column.labels"),
+    header: m.story_column_labels(),
     size: 160,
     cell: ({ row }) => (
       <div className="flex flex-wrap gap-1">
@@ -175,7 +191,7 @@ export function createStoryColumns(t: TFunction): ColumnDef<typeof storyTableFea
   },
   {
     id: "createdBy",
-    header: t("column.createdBy"),
+    header: m.story_column_createdBy(),
     size: 140,
     cell: ({ row }) => {
       const c = row.original.createdBy;