@allbluecn/web-app 0.9.4 → 0.10.0

package/src/routes/_nav/design/index.lazy.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute, Link } from "@tanstack/react-router"
-import { useTranslation } from "react-i18next"
 import { cn } from "@/lib/utils"
 import { useEffect, useMemo, useState } from "react"
 import { Card } from "@/components/ui/card"
@@ -47,6 +46,7 @@ import {
   Trash2,
   Plus,
 } from "lucide-react"
+import { m } from "@/paraglide/messages.js";
 
 const DEFAULT_SQUARES: [number, number][] = []
 
@@ -67,17 +67,17 @@ interface StatCard {
   accent: string
 }
 
-function formatRelative(dateStr: string, timezone: string, t: (key: string, params?: Record<string, number>) => string): string {
+function formatRelative(dateStr: string, timezone: string): string {
   const date = new Date(dateStr)
   const now = new Date()
   const diffMs = now.getTime() - date.getTime()
   const minutes = Math.floor(diffMs / 60000)
   const hours = Math.floor(minutes / 60)
   const days = Math.floor(hours / 24)
-  if (minutes < 1) return t("justNow")
-  if (minutes < 60) return t("minutesAgo", { count: minutes })
-  if (hours < 24) return t("hoursAgo", { count: hours })
-  if (days < 7) return t("daysAgo", { count: days })
+  if (minutes < 1) return m.design_justNow()
+  if (minutes < 60) return m.design_minutesAgo({ count: minutes })
+  if (hours < 24) return m.design_hoursAgo({ count: hours })
+  if (days < 7) return m.design_daysAgo({ count: days })
   return formatDate(date, timezone, 'yyyy-MM-dd')
 }
 
@@ -93,7 +93,6 @@ export const Route = createLazyFileRoute("/_nav/design/")({
 function DesignDashboard() {
   const { projects: initialProjects } = Route.useLoaderData()
   const timezone = useTimezone()
-  const { t } = useTranslation("design")
   const [projects, setProjects] = useState<DesignProject[]>(initialProjects as unknown as DesignProject[])
   const [loading, setLoading] = useState(false)
   const [search, setSearch] = useState("")
@@ -138,14 +137,14 @@ function DesignDashboard() {
     const dayAgo = new Date()
     dayAgo.setDate(dayAgo.getDate() - 1)
     return [
-      { title: t("stats.totalTitle"), value: projects.length, accent: "text-foreground" },
+      { title: m.design_stats_totalTitle(), value: projects.length, accent: "text-foreground" },
       {
-        title: t("stats.weeklyNew"),
+        title: m.design_stats_weeklyNew(),
         value: projects.filter((p) => new Date(p.createdAt) >= weekAgo).length,
         accent: "text-emerald-600 dark:text-emerald-400",
       },
       {
-        title: t("stats.updated24h"),
+        title: m.design_stats_updated24h(),
         value: projects.filter((p) => new Date(p.updatedAt) >= dayAgo).length,
         accent: "text-sky-600 dark:text-sky-400",
       },
@@ -180,9 +179,9 @@ function DesignDashboard() {
       <div className="relative z-10 mx-auto max-w-6xl px-6 py-6">
         <div className="relative mb-8 mt-2 flex flex-col items-center py-10 text-center">
           <PenToolIcon size={56} className="mb-4 text-primary" />
-          <h1 className="text-2xl font-semibold">{t("title")}</h1>
+          <h1 className="text-2xl font-semibold">{m.design_title()}</h1>
           <p className="mt-2 max-w-2xl text-sm text-muted-foreground">
-            {t("subtitle")}
+            {m.design_subtitle()}
           </p>
           <div className="mx-auto mt-6 flex w-full max-w-2xl flex-col items-center gap-3">
             <div className="relative w-full">
@@ -190,7 +189,7 @@ function DesignDashboard() {
               <Input
                 value={search}
                 onChange={(e) => setSearch(e.target.value)}
-                placeholder={t("searchPlaceholder")}
+                placeholder={m.design_searchPlaceholder()}
                 className="h-14 rounded-3xl bg-background/60 pl-12 dark:border-primary/40"
               />
             </div>
@@ -199,13 +198,13 @@ function DesignDashboard() {
             <a href="/downloads/allblue-sketch-plugin.zip" download>
               <Button className="mt-6">
                 <Plus className="size-4" />
-                {t("createDesign")}
+                {m.design_createDesign()}
               </Button>
             </a>
             <a href="/downloads/allblue-sketch-plugin.zip" download>
               <Button variant="outline" className="gap-2">
                 <Download className="size-4" />
-                {t("downloadSketchPlugin")}
+                {m.design_downloadSketchPlugin()}
               </Button>
             </a>
           </div>
@@ -223,21 +222,21 @@ function DesignDashboard() {
         {loading ? (
           <Card className="mt-6 flex flex-col items-center gap-2 p-16 text-muted-foreground">
             <LoaderPinwheel className="size-6 animate-spin" />
-            <span>{t("loading")}</span>
+            <span>{m.design_loading()}</span>
           </Card>
         ) : filtered.length === 0 ? (
           <Card className="mt-6 flex flex-col items-center justify-center gap-4 p-16 text-center">
             <div>
-              <h2 className="text-lg font-medium">{t("emptyTitle")}</h2>
+              <h2 className="text-lg font-medium">{m.design_emptyTitle()}</h2>
               <p className="mt-1 text-sm text-muted-foreground">
-                {search.trim() ? t("emptyNoResults") : t("emptyDescription")}
+                {search.trim() ? m.design_emptyNoResults() : m.design_emptyDescription()}
               </p>
             </div>
             {!search.trim() && (
               <a href="/downloads/allblue-sketch-plugin.zip" download>
                 <Button variant="outline" className="gap-2">
                   <Download className="size-4" />
-                  {t("downloadSketchPlugin")}
+                  {m.design_downloadSketchPlugin()}
                 </Button>
               </a>
             )}
@@ -265,7 +264,7 @@ function DesignDashboard() {
                         variant="ghost"
                         size="icon"
                         className="relative z-10 size-7 opacity-0 group-hover:opacity-100"
-                        aria-label={t("deleteDesign")}
+                        aria-label={m.design_deleteDesign()}
                         onClick={() => setPendingDeleteId(project.id)}
                       >
                         <Trash2 className="size-4 text-muted-foreground" />
@@ -274,16 +273,16 @@ function DesignDashboard() {
                     <h3 className="mt-4 font-medium text-lg truncate">{project.name}</h3>
                     {project.sketchName && (
                       <p className="mt-1 text-xs text-muted-foreground">
-                        {t("sketchFile", { name: project.sketchName })}
+                        {m.design_sketchFile({ name: project.sketchName })}
                       </p>
                     )}
                     <p className="mt-1 line-clamp-2 min-h-10 text-sm text-muted-foreground">
-                      {t("artboardVersionInfo", { count: project._count.artboards, version: project.version })}
+                      {m.design_artboardVersionInfo({ count: project._count.artboards, version: project.version })}
                     </p>
                     <div className="mt-4 flex items-center gap-4 text-xs text-muted-foreground">
                       <span className="flex items-center gap-1">
                         <Clock className="size-3.5" />
-                        {t("updatedAt", { date: formatRelative(project.updatedAt, timezone, t) })}
+                        {m.design_updatedAt({ date: formatRelative(project.updatedAt, timezone) })}
                       </span>
                     </div>
                   </div>
@@ -302,15 +301,15 @@ function DesignDashboard() {
       >
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>{t("deleteConfirmTitle")}</AlertDialogTitle>
+            <AlertDialogTitle>{m.design_deleteConfirmTitle()}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t("deleteConfirmDescription")}
+              {m.design_deleteConfirmDescription()}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel disabled={deleting}>{t("cancel")}</AlertDialogCancel>
+            <AlertDialogCancel disabled={deleting}>{m.design_cancel()}</AlertDialogCancel>
             <AlertDialogAction onClick={handleConfirmDelete} disabled={deleting}>
-              {deleting ? t("deleteLoading") : t("deleteConfirm")}
+              {deleting ? m.design_deleteLoading() : m.design_deleteConfirm()}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>

package/src/routes/_nav/inspiration/route.tsx

@@ -0,0 +1,8 @@
+// AUTO-GENERATED by @allbluecn/kernel — DO NOT EDIT
+import { createFileRoute } from '@tanstack/react-router'
+import type { PluginRouteContext } from '@allbluecn/kernel'
+import { inspiration_route_0 } from '@/plugins/core/inspiration/routes'
+
+export const Route = createFileRoute('/_nav/inspiration')({
+  component: inspiration_route_0.Component as any,
+})

package/src/routes/_nav/knowledge/$kbId/doc/$docId/route.lazy.tsx

@@ -16,11 +16,11 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
 import { FileText, Table } from 'lucide-react'
 import { PlaceholderPage } from '@/components/shared-kit/pages/placeholder-page'
 import { KnowledgeDocEditor, DOC_EDITOR_WIDTH_VARS } from '@/components/knowledge/editor/knowledge-doc-editor'
 import { EDITOR_WIDTH_MAX_WIDTH, useEditorWidth } from '@/components/knowledge/editor/editor-width-context'
+import { m } from "@/paraglide/messages.js";
 
 export const Route = createLazyFileRoute('/_nav/knowledge/$kbId/doc/$docId')({
   component: KnowledgeDocPage,
@@ -40,7 +40,6 @@ function PlaceholderPageConstrained({ title, icon, description }: { title: strin
 }
 
 function KnowledgeDocPage() {
-  const { t } = useTranslation('knowledge')
   const doc = Route.useLoaderData() as {
     id: string
     kbId: string
@@ -67,10 +66,10 @@ function KnowledgeDocPage() {
     case 'mindmap':
       return <KnowledgeDocEditor key={doc.id} document={doc} editorWidth={editorWidth} kbName={kb?.name} />
     case 'sheet':
-      return <PlaceholderPageConstrained title={t('doc.onlineSheet')} icon={Table} description={t('doc.onlineSheetComingSoon')} />
+      return <PlaceholderPageConstrained title={m.knowledge_doc_onlineSheet()} icon={Table} description={m.knowledge_doc_onlineSheetComingSoon()} />
     case 'table':
-      return <PlaceholderPageConstrained title={t('doc.multiTable')} icon={FileText} description={t('doc.multiTableComingSoon')} />
+      return <PlaceholderPageConstrained title={m.knowledge_doc_multiTable()} icon={FileText} description={m.knowledge_doc_multiTableComingSoon()} />
     default:
-      return <PlaceholderPageConstrained title={t('doc.unknownType')} icon={FileText} description={t('doc.unsupportedType')} />
+      return <PlaceholderPageConstrained title={m.knowledge_doc_unknownType()} icon={FileText} description={m.knowledge_doc_unsupportedType()} />
   }
 }

package/src/routes/_nav/knowledge/$kbId/route.lazy.tsx

@@ -17,7 +17,6 @@
 
 import { createLazyFileRoute, Outlet, useNavigate, useLocation, useRouter } from '@tanstack/react-router'
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { useSession } from '@/lib/auth/auth-client'
 import { Button } from '@/components/ui/button'
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@/components/ui/resizable'
@@ -25,6 +24,7 @@ import { KnowledgeTree } from '@/components/knowledge/knowledge-tree'
 import { KnowledgeToolbar } from '@/components/knowledge/knowledge-toolbar'
 import { EditorWidthContext, type EditorWidth } from '@/components/knowledge/editor/editor-width-context'
 import { getDocBreadcrumbFn, createDocumentFn } from '@/server/serverFns/knowledge'
+import { m } from "@/paraglide/messages.js";
 
 const WIDTH_SWITCH_THRESHOLD = 1400
 
@@ -38,7 +38,6 @@ export const Route = createLazyFileRoute('/_nav/knowledge/$kbId')({
 })
 
 function KnowledgeWorkspaceLayout() {
-  const { t } = useTranslation('knowledge')
   const { kb }: any = Route.useRouteContext()
   const { kbId } = Route.useParams()
   const documents = Route.useLoaderData() as { id: string; type: string }[] | undefined
@@ -116,9 +115,9 @@ function KnowledgeWorkspaceLayout() {
     return (
       <div className="flex h-full overflow-hidden rounded-xl items-center justify-center">
         <div className="text-center">
-          <p className="text-lg font-semibold text-muted-foreground">{t('workspace.kbNotFound')}</p>
+          <p className="text-lg font-semibold text-muted-foreground">{m.knowledge_workspace_kbNotFound()}</p>
           <Button variant="outline" className="mt-4" onClick={() => navigate({ to: '/knowledge' })}>
-            {t('workspace.backToList')}
+            {m.knowledge_workspace_backToList()}
           </Button>
         </div>
       </div>

package/src/routes/_nav/knowledge/bookmarks/$id.lazy.tsx

@@ -17,7 +17,6 @@
 
 import { createLazyFileRoute, Link } from '@tanstack/react-router'
 import { useState, useEffect, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { getBookmarkDetailFn } from '@/server/serverFns/knowledge-public/bookmarks/detail'
 import { updateBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/update'
@@ -32,11 +31,11 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
 import { BookmarkCard } from '@/components/knowledge-public/bookmark-card'
 import { ArrowLeft, X, Share2, Loader2 } from 'lucide-react'
 import { toast } from '@/components/ui/sonner'
+import { m } from "@/paraglide/messages.js";
 
 export const Route = createLazyFileRoute('/_nav/knowledge/bookmarks/$id')({ component: BookmarkEditPage })
 
 function BookmarkEditPage() {
-  const { t } = useTranslation('knowledge')
   const { id } = Route.useParams()
   const queryClient = useQueryClient()
 
@@ -78,17 +77,17 @@ function BookmarkEditPage() {
     return (
       <div className="flex h-full items-center justify-center text-sm text-muted-foreground">
         <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-        {t('bookmarks.detail.loading')}
+        {m.knowledge_bookmarks_detail_loading()}
       </div>
     )
   }
   if (detailQuery.isError || !detail) {
     return (
       <div className="flex h-full flex-col items-center justify-center gap-3 p-4 text-sm text-muted-foreground">
-        <p>{t('bookmarks.detail.loadFailed')}</p>
+        <p>{m.knowledge_bookmarks_detail_loadFailed()}</p>
         <Link to="/knowledge/bookmarks">
           <Button variant="outline" size="sm">
-            {t('bookmarks.detail.backToList')}
+            {m.knowledge_bookmarks_detail_backToList()}
           </Button>
         </Link>
       </div>
@@ -104,7 +103,7 @@ function BookmarkEditPage() {
 
   const handleSave = async () => {
     if (!title.trim() || !url.trim()) {
-      toast.error(t('bookmarks.detail.required'))
+      toast.error(m.knowledge_bookmarks_detail_required())
       return
     }
     setSaving(true)
@@ -119,12 +118,12 @@ function BookmarkEditPage() {
           tags,
         },
       })
-      toast.success(t('bookmarks.detail.saved'))
-      if (urlChanged) toast.info(t('bookmarks.detail.urlChanged'))
+      toast.success(m.knowledge_bookmarks_detail_saved())
+      if (urlChanged) toast.info(m.knowledge_bookmarks_detail_urlChanged())
       await queryClient.invalidateQueries({ queryKey: ['bookmarks'] })
       await queryClient.invalidateQueries({ queryKey: ['bookmark-detail', id] })
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t('bookmarks.detail.saveFailed'))
+      toast.error(e instanceof Error ? e.message : m.knowledge_bookmarks_detail_saveFailed())
     } finally {
       setSaving(false)
     }
@@ -138,7 +137,7 @@ function BookmarkEditPage() {
       await queryClient.invalidateQueries({ queryKey: ['bookmark-detail', id] })
       await queryClient.invalidateQueries({ queryKey: ['bookmarks'] })
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t('bookmarks.detail.shareFailed'))
+      toast.error(e instanceof Error ? e.message : m.knowledge_bookmarks_detail_shareFailed())
     } finally {
       setSharing(false)
     }
@@ -149,11 +148,11 @@ function BookmarkEditPage() {
     setSharing(true)
     try {
       await unshareBookmarkFn({ data: { canonicalId: detail.canonicalId } })
-      toast.success(t('bookmarks.detail.unshared'))
+      toast.success(m.knowledge_bookmarks_detail_unshared())
       await queryClient.invalidateQueries({ queryKey: ['bookmark-detail', id] })
       await queryClient.invalidateQueries({ queryKey: ['bookmarks'] })
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t('bookmarks.detail.unshareFailed'))
+      toast.error(e instanceof Error ? e.message : m.knowledge_bookmarks_detail_unshareFailed())
     } finally {
       setSharing(false)
     }
@@ -165,13 +164,13 @@ function BookmarkEditPage() {
         <Link to="/knowledge/bookmarks">
           <Button variant="outline" size="sm">
             <ArrowLeft className="h-4 w-4" />
-            {t('bookmarks.detail.back')}
+            {m.knowledge_bookmarks_detail_back()}
           </Button>
         </Link>
-        <h1 className="text-xl font-semibold">{t('bookmarks.detail.editTitle')}</h1>
+        <h1 className="text-xl font-semibold">{m.knowledge_bookmarks_detail_editTitle()}</h1>
         {detail.visibility === 'public' && (
           <Badge variant="secondary" className="text-[10px]">
-            {t('bookmarks.detail.sharedPublic')}
+            {m.knowledge_bookmarks_detail_sharedPublic()}
           </Badge>
         )}
       </div>
@@ -181,21 +180,21 @@ function BookmarkEditPage() {
           <div className="rounded-xl border bg-card p-4">
             <div className="space-y-3">
               <div className="flex flex-col gap-1.5">
-                <label className="text-sm font-medium">{t('bookmarks.detail.name')}</label>
+                <label className="text-sm font-medium">{m.knowledge_bookmarks_detail_name()}</label>
                 <Input value={title} onChange={(e) => setTitle(e.target.value)} />
               </div>
               <div className="flex flex-col gap-1.5">
-                <label className="text-sm font-medium">{t('bookmarks.detail.url')}</label>
+                <label className="text-sm font-medium">{m.knowledge_bookmarks_detail_url()}</label>
                 <Input value={url} onChange={(e) => setUrl(e.target.value)} placeholder="https://example.com" />
                 {urlChanged && (
-                  <p className="text-xs text-amber-600 dark:text-amber-500">{t('bookmarks.detail.urlChangeHint')}</p>
+                  <p className="text-xs text-amber-600 dark:text-amber-500">{m.knowledge_bookmarks_detail_urlChangeHint()}</p>
                 )}
               </div>
               <div className="flex flex-col gap-1.5">
-                <label className="text-sm font-medium">{t('bookmarks.detail.category')}</label>
+                <label className="text-sm font-medium">{m.knowledge_bookmarks_detail_category()}</label>
                 <Select value={categoryId} onValueChange={setCategoryId}>
                   <SelectTrigger>
-                    <SelectValue placeholder={t('bookmarks.detail.selectCategory')} />
+                    <SelectValue placeholder={m.knowledge_bookmarks_detail_selectCategory()} />
                   </SelectTrigger>
                   <SelectContent>
                     {(cats ?? []).map((c) => (
@@ -207,16 +206,16 @@ function BookmarkEditPage() {
                 </Select>
               </div>
               <div className="flex flex-col gap-1.5">
-                <label className="text-sm font-medium">{t('bookmarks.detail.summary')}</label>
+                <label className="text-sm font-medium">{m.knowledge_bookmarks_detail_summary()}</label>
                 <Textarea value={summary} onChange={(e) => setSummary(e.target.value)} rows={3} maxLength={1000} />
               </div>
               <div className="flex flex-col gap-1.5">
-                <label className="text-sm font-medium">{t('bookmarks.detail.tags')}</label>
+                <label className="text-sm font-medium">{m.knowledge_bookmarks_detail_tags()}</label>
                 <div className="flex gap-2">
                   <Input
                     value={tagInput}
                     onChange={(e) => setTagInput(e.target.value)}
-                    placeholder={t('bookmarks.detail.tagPlaceholder')}
+                    placeholder={m.knowledge_bookmarks_detail_tagPlaceholder()}
                     onKeyDown={(e) => {
                       if (e.key === 'Enter') {
                         e.preventDefault()
@@ -225,7 +224,7 @@ function BookmarkEditPage() {
                     }}
                   />
                   <Button type="button" variant="outline" size="sm" onClick={addTag}>
-                    {t('bookmarks.detail.add')}
+                    {m.knowledge_bookmarks_detail_add()}
                   </Button>
                 </div>
                 {tags.length > 0 && (
@@ -249,27 +248,27 @@ function BookmarkEditPage() {
               {saving ? (
                 <>
                   <Loader2 className="h-4 w-4 animate-spin" />
-                  {t('bookmarks.detail.saving')}
+                  {m.knowledge_bookmarks_detail_saving()}
                 </>
               ) : (
-                t('bookmarks.detail.save')
+                m.knowledge_bookmarks_detail_save()
               )}
             </Button>
             <Link to="/knowledge/bookmarks">
               <Button variant="outline" disabled={saving}>
-                {t('bookmarks.detail.cancel')}
+                {m.knowledge_bookmarks_detail_cancel()}
               </Button>
             </Link>
             <div className="ml-auto">
               {detail.visibility === 'private' ? (
                 <Button variant="secondary" onClick={handleShare} disabled={sharing}>
                   <Share2 className="h-4 w-4" />
-                  {sharing ? t('bookmarks.detail.sharing') : t('bookmarks.detail.sharePublic')}
+                  {sharing ? m.knowledge_bookmarks_detail_sharing() : m.knowledge_bookmarks_detail_sharePublic()}
                 </Button>
               ) : (
                 <Button variant="outline" onClick={handleUnshare} disabled={sharing}>
                   <X className="h-4 w-4" />
-                  {sharing ? t('bookmarks.detail.processing') : t('bookmarks.detail.unshare')}
+                  {sharing ? m.knowledge_bookmarks_detail_processing() : m.knowledge_bookmarks_detail_unshare()}
                 </Button>
               )}
             </div>
@@ -277,7 +276,7 @@ function BookmarkEditPage() {
         </div>
 
         <div className="hidden overflow-auto lg:block">
-          <p className="mb-2 text-xs font-medium text-muted-foreground">{t('bookmarks.detail.preview')}</p>
+          <p className="mb-2 text-xs font-medium text-muted-foreground">{m.knowledge_bookmarks_detail_preview()}</p>
           <BookmarkCard item={detail} canEdit={false} />
         </div>
       </div>

package/src/routes/_nav/knowledge/bookmarks/index.lazy.tsx

@@ -18,7 +18,6 @@
 import { cn } from "@/lib/utils"
 import { createLazyFileRoute } from '@tanstack/react-router'
 import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { useQuery, useQueryClient, keepPreviousData } from '@tanstack/react-query'
 import { listBookmarksFn } from '@/server/serverFns/knowledge-public/bookmarks/list'
 import { syncBookmarkGithubFn } from '@/server/serverFns/knowledge-public/bookmarks/sync-github'
@@ -33,6 +32,7 @@ import { BookmarkFormDialog, type BookmarkEditTarget } from '@/components/knowle
 import { toast } from '@/components/ui/sonner'
 import { DotPattern } from '@/components/magicui/dot-pattern'
 import { AuroraText } from '@/components/magicui/aurora-text'
+import { m } from "@/paraglide/messages.js";
 
 export const Route = createLazyFileRoute('/_nav/knowledge/bookmarks/')({ component: BookmarkPage })
 
@@ -49,7 +49,6 @@ interface ListItem {
 }
 
 function BookmarkPage() {
-  const { t } = useTranslation('knowledge')
   const queryClient = useQueryClient()
   const [scope, setScope] = useState<'all' | 'private' | 'share' | 'favorite'>('all')
   const [search, setSearch] = useState('')
@@ -72,7 +71,7 @@ function BookmarkPage() {
   const categoryGroup = [
     {
       key: 'category',
-      label: t('bookmarks.detail.category'),
+      label: m.knowledge_bookmarks_detail_category(),
       options: (cats ?? []).map((c) => ({ value: c.id, label: c.name })),
     },
   ]
@@ -90,24 +89,24 @@ function BookmarkPage() {
     try {
       if (b.visibility === 'public') {
         await unshareBookmarkFn({ data: { canonicalId: b.canonicalId } })
-        toast.success(t('bookmarks.index.unshared'))
+        toast.success(m.knowledge_bookmarks_index_unshared())
       } else {
         const { message } = await shareBookmarkFn({ data: { id: b.id } })
         toast.success(message)
       }
       refresh()
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t('bookmarks.index.operationFailed'))
+      toast.error(e instanceof Error ? e.message : m.knowledge_bookmarks_index_operationFailed())
     }
   }
 
   const handleFavoriteToggle = async (b: ListItem) => {
     try {
       const { favorited } = await toggleFavoriteBookmarkFn({ data: { canonicalId: b.canonicalId } })
-      toast.success(favorited ? t('bookmarks.index.favorited') : t('bookmarks.index.unfavorited'))
+      toast.success(favorited ? m.knowledge_bookmarks_index_favorited() : m.knowledge_bookmarks_index_unfavorited())
       refresh()
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t('bookmarks.index.operationFailed'))
+      toast.error(e instanceof Error ? e.message : m.knowledge_bookmarks_index_operationFailed())
     }
   }
 
@@ -121,16 +120,16 @@ function BookmarkPage() {
       </div>
       <div className="relative z-10 flex h-full flex-col gap-4 p-4">
         <h1 className="text-center text-[46px] font-semibold mt-10">
-          {t('bookmarks.index.titleA')}
+          {m.knowledge_bookmarks_index_titleA()}
           <AuroraText colors={["#B81C60", "#FF2E88", "#FF7096", "#FFB3C1"]}>
-            {t('bookmarks.index.titleB')}
+            {m.knowledge_bookmarks_index_titleB()}
           </AuroraText>
         </h1>
         <KnowledgeSearchBar
           search={search}
           onSearchChange={setSearch}
           onCreate={() => setDialogOpen(true)}
-          createLabel={t('bookmarks.index.addSite')}
+          createLabel={m.knowledge_bookmarks_index_addSite()}
         />
         <KnowledgeFilters
           scope={scope}
@@ -154,16 +153,16 @@ function BookmarkPage() {
                     try {
                       await syncBookmarkGithubFn({ data: { id: b.id } })
                       refetch()
-                      toast.success(t('bookmarks.index.synced'))
+                      toast.success(m.knowledge_bookmarks_index_synced())
                     } catch {
-                      toast.error(t('bookmarks.index.syncFailed'))
+                      toast.error(m.knowledge_bookmarks_index_syncFailed())
                     }
                   }}
                 />
               ))}
             </div>
           ) : (
-            <p className="py-12 text-center text-sm text-muted-foreground">{t('bookmarks.index.empty')}</p>
+            <p className="py-12 text-center text-sm text-muted-foreground">{m.knowledge_bookmarks_index_empty()}</p>
           )}
         </div>
         <BookmarkFormDialog open={dialogOpen} onOpenChange={setDialogOpen} onSuccess={refresh} />