@allbluecn/web-app 0.9.4 → 0.10.0

package/src/components/knowledge/knowledge-toolbar.tsx

@@ -71,11 +71,11 @@ import { reindexKnowledgeBaseFn } from '@/server/serverFns/knowledge-index'
 import { toast } from '@/components/ui/sonner'
 import { KnowledgeFormDialog } from '@/components/knowledge/dialog/knowledge-form-dialog'
 import { cn } from '@/lib/utils'
-import { useTranslation } from 'react-i18next'
 import { Checkbox } from '@/components/ui/checkbox'
 import { Link as LinkIcon } from 'lucide-react'
 import { listKbProjectsFn, setKbProjectsFn } from '@/server/serverFns/knowledge'
 import { listProjectsBriefFn } from '@/server/serverFns/project'
+import { m } from "@/paraglide/messages.js";
 
 interface KbData {
   id: string
@@ -105,7 +105,6 @@ const TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> =
 }
 
 export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollapsed, onToggleTree, onConfirmCreate, onNavigate, onNavigateRoot }: KnowledgeToolbarProps) {
-  const { t } = useTranslation('knowledge')
   const navigate = useNavigate()
   const [editingName, setEditingName] = useState(false)
   const [name, setName] = useState(kb.name)
@@ -209,12 +208,12 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
     try {
       const { indexed, documentCount } = await reindexKnowledgeBaseFn({ data: { kbId: kb.id } })
       if (documentCount === 0) {
-        toast.success(t('toolbar.noDocs'))
+        toast.success(m.knowledge_toolbar_noDocs())
       } else {
-        toast.success(t('toolbar.reindexDone', { indexed, documentCount }))
+        toast.success(m.knowledge_toolbar_reindexDone({ indexed, documentCount }))
       }
     } catch (e) {
-      toast.error(`${t('toolbar.reindexFailed')}：${e instanceof Error ? e.message : String(e)}`)
+      toast.error(`${m.knowledge_toolbar_reindexFailed()}：${e instanceof Error ? e.message : String(e)}`)
     }
     setReindexing(false)
   }
@@ -234,7 +233,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
           <Popover open={createPopover} onOpenChange={(open) => {
             setCreatePopover(open)
               if (open) {
-                setCreateTitle(t('untitledDoc'))
+                setCreateTitle(m.knowledge_untitledDoc())
                 setCreateType('doc')
               }
           }}>
@@ -246,7 +245,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                   </Button>
                 </TooltipTrigger>
               </PopoverTrigger>
-              <TooltipContent side="right">{t('toolbar.createDoc')}</TooltipContent>
+              <TooltipContent side="right">{m.knowledge_toolbar_createDoc()}</TooltipContent>
             </Tooltip>
             <PopoverContent
               className="w-56 p-3"
@@ -255,7 +254,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
               sideOffset={4}
             >
               <div className="space-y-2">
-                <p className="text-xs font-medium text-muted-foreground">{t('toolbar.selectDocType')}</p>
+                <p className="text-xs font-medium text-muted-foreground">{m.knowledge_toolbar_selectDocType()}</p>
                 <div className="flex flex-col gap-1">
                   <Button
                     variant="ghost"
@@ -263,7 +262,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                     className={cn('justify-start', createType === 'doc' && 'bg-accent')}
                     onClick={() => setCreateType('doc')}
                   >
-                    <FileText className="size-3.5 mr-2" />{t('toolbar.doc')}
+                    <FileText className="size-3.5 mr-2" />{m.knowledge_toolbar_doc()}
                     {createType === 'doc' && <Check className="size-3.5 ml-auto" />}
                   </Button>
                   <Button
@@ -272,7 +271,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                     className={cn('justify-start', createType === 'mindmap' && 'bg-accent')}
                     onClick={() => setCreateType('mindmap')}
                   >
-                    <Network className="size-3.5 mr-2" />{t('toolbar.mindmap')}
+                    <Network className="size-3.5 mr-2" />{m.knowledge_toolbar_mindmap()}
                     {createType === 'mindmap' && <Check className="size-3.5 ml-auto" />}
                   </Button>
                   <Button
@@ -281,7 +280,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                     className={cn('justify-start', createType === 'sheet' && 'bg-accent')}
                     disabled
                   >
-                    <Table className="size-3.5 mr-2" />{t('toolbar.sheet')}
+                    <Table className="size-3.5 mr-2" />{m.knowledge_toolbar_sheet()}
                     {createType === 'sheet' && <Check className="size-3.5 ml-auto" />}
                   </Button>
                   <Button
@@ -290,7 +289,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                     className={cn('justify-start', createType === 'table' && 'bg-accent')}
                     disabled
                   >
-                    <Grid3X3 className="size-3.5 mr-2" />{t('toolbar.table')}
+                    <Grid3X3 className="size-3.5 mr-2" />{m.knowledge_toolbar_table()}
                     {createType === 'table' && <Check className="size-3.5 ml-auto" />}
                   </Button>
                 </div>
@@ -307,12 +306,12 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
                     if (e.key === 'Escape') setCreatePopover(false)
                   }}
                   onFocus={(e) => e.target.select()}
-                  placeholder={t('toolbar.docNamePlaceholder')}
+                  placeholder={m.knowledge_toolbar_docNamePlaceholder()}
                   className="h-8 text-sm"
                 />
                 <div className="flex justify-end gap-2">
-                  <Button variant="outline" size="sm" onClick={() => setCreatePopover(false)}>{t('toolbar.cancel')}</Button>
-                  <Button size="sm" onClick={() => { onConfirmCreate?.(createType, createTitle); setCreatePopover(false) }}>{t('toolbar.create')}</Button>
+                  <Button variant="outline" size="sm" onClick={() => setCreatePopover(false)}>{m.knowledge_toolbar_cancel()}</Button>
+                  <Button size="sm" onClick={() => { onConfirmCreate?.(createType, createTitle); setCreatePopover(false) }}>{m.knowledge_toolbar_create()}</Button>
                 </div>
               </div>
             </PopoverContent>
@@ -458,7 +457,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
         ) : (
           <Lock className="size-3" />
         )}
-        {localVisibility === 'team' ? t('toolbar.team') : t('toolbar.private')}
+        {localVisibility === 'team' ? m.knowledge_toolbar_team() : m.knowledge_toolbar_private()}
       </Badge>
 
       {localVisibility === 'team' && (
@@ -469,7 +468,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
           onClick={openProjectsDialog}
         >
           <LinkIcon className="size-3.5 text-muted-foreground" />
-          {t('toolbar.linkProjects')}
+          {m.knowledge_toolbar_linkProjects()}
         </Button>
       )}
 
@@ -483,11 +482,11 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
               disabled
             >
               <LinkIcon className="size-3.5 text-muted-foreground" />
-              {t('toolbar.linkProjects')}
+              {m.knowledge_toolbar_linkProjects()}
             </Button>
           </TooltipTrigger>
           <TooltipContent>
-            <p>{t('toolbar.generalLinkDisabled')}</p>
+            <p>{m.knowledge_toolbar_generalLinkDisabled()}</p>
           </TooltipContent>
         </Tooltip>
       )}
@@ -502,11 +501,11 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
               disabled
             >
               <LinkIcon className="size-3.5 text-muted-foreground" />
-              {t('toolbar.linkProjects')}
+              {m.knowledge_toolbar_linkProjects()}
             </Button>
           </TooltipTrigger>
           <TooltipContent>
-            <p>{t('toolbar.privateLinkDisabled')}</p>
+            <p>{m.knowledge_toolbar_privateLinkDisabled()}</p>
           </TooltipContent>
         </Tooltip>
       )}
@@ -521,7 +520,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
           <DropdownMenuContent align="end" className="w-48 space-y-1">
             <DropdownMenuItem onSelect={(e) => { e.preventDefault(); setEditOpen(true) }}>
               <Pencil className="size-3.5 mr-2" />
-              {t('toolbar.nameSettings')}
+              {m.knowledge_toolbar_nameSettings()}
             </DropdownMenuItem>
 
             <DropdownMenuSeparator />
@@ -529,21 +528,21 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
             <DropdownMenuSub>
               <DropdownMenuSubTrigger>
                 <Columns2 className="size-3.5 mr-2" />
-                {t('toolbar.pageWidth')}
+                {m.knowledge_toolbar_pageWidth()}
               </DropdownMenuSubTrigger>
               <DropdownMenuSubContent className="w-40">
                 <DropdownMenuRadioGroup value={effectiveWidth} onValueChange={(v) => setWidth(v as EditorWidth)}>
                   <DropdownMenuRadioItem value="auto">
                     <Minimize2 className="size-3.5 mr-2" />
-                    {t('toolbar.widthAuto')}
+                    {m.knowledge_toolbar_widthAuto()}
                   </DropdownMenuRadioItem>
                   <DropdownMenuRadioItem value="wider">
                     <ArrowLeftRight className="size-3.5 mr-2" />
-                    {t('toolbar.widthWider')}
+                    {m.knowledge_toolbar_widthWider()}
                   </DropdownMenuRadioItem>
                   <DropdownMenuRadioItem value="full">
                     <Maximize2 className="size-3.5 mr-2" />
-                    {t('toolbar.widthFull')}
+                    {m.knowledge_toolbar_widthFull()}
                   </DropdownMenuRadioItem>
                 </DropdownMenuRadioGroup>
               </DropdownMenuSubContent>
@@ -552,23 +551,22 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
             <DropdownMenuSub>
               <DropdownMenuSubTrigger>
                 <Globe className="size-3.5 mr-2" />
-                {t('toolbar.kbOwnership')}
+                {m.knowledge_toolbar_kbOwnership()}
               </DropdownMenuSubTrigger>
               <DropdownMenuSubContent className="w-36">
                 <DropdownMenuRadioGroup value={localVisibility} onValueChange={handleVisibilityChange}>
                   <DropdownMenuRadioItem value="private">
                     <Lock className="size-3.5 mr-2" />
-                    {t('toolbar.private')}
+                    {m.knowledge_toolbar_private()}
                   </DropdownMenuRadioItem>
                   <DropdownMenuRadioItem value="team">
                     <Globe className="size-3.5 mr-2" />
-                    {t('toolbar.team')}
+                    {m.knowledge_toolbar_team()}
                   </DropdownMenuRadioItem>
                 </DropdownMenuRadioGroup>
               </DropdownMenuSubContent>
             </DropdownMenuSub>
 
-
             <DropdownMenuSeparator />
 
             <DropdownMenuItem
@@ -576,7 +574,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
               disabled={reindexing}
             >
               <RefreshCw className={`size-3.5 mr-2 ${reindexing ? 'animate-spin' : ''}`} />
-              {reindexing ? t('toolbar.reindexing') : t('toolbar.rebuildIndex')}
+              {reindexing ? m.knowledge_toolbar_reindexing() : m.knowledge_toolbar_rebuildIndex()}
             </DropdownMenuItem>
 
             <DropdownMenuSeparator />
@@ -586,7 +584,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
               onSelect={(e) => { e.preventDefault(); setDeleteOpen(true) }}
             >
               <Trash2 className="size-3.5 mr-2" />
-              {t('toolbar.deleteKb')}
+              {m.knowledge_toolbar_deleteKb()}
             </DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>
@@ -595,29 +593,29 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
       <Dialog open={deleteOpen} onOpenChange={(open) => { setDeleteOpen(open); if (!open) setDeleteConfirm('') }}>
         <DialogContent className="sm:max-w-sm">
           <DialogHeader>
-            <DialogTitle>{t('toolbar.deleteKb')}</DialogTitle>
+            <DialogTitle>{m.knowledge_toolbar_deleteKb()}</DialogTitle>
             <DialogDescription>
-              {t('toolbar.deleteKbConfirm', { name: kb.name })}
+              {m.knowledge_toolbar_deleteKbConfirm({ name: kb.name })}
             </DialogDescription>
           </DialogHeader>
           <div className="py-2">
             <Input
               value={deleteConfirm}
               onChange={(e) => setDeleteConfirm(e.target.value)}
-              placeholder={t('toolbar.deleteKbPlaceholder')}
+              placeholder={m.knowledge_toolbar_deleteKbPlaceholder()}
               onKeyDown={(e) => { if (e.key === 'Enter') handleDelete() }}
             />
           </div>
           <DialogFooter>
               <Button variant="outline" onClick={() => { setDeleteOpen(false); setDeleteConfirm('') }}>
-                {t('toolbar.cancel')}
+                {m.knowledge_toolbar_cancel()}
               </Button>
             <Button
               variant="destructive"
               onClick={handleDelete}
               disabled={deleting || deleteConfirm !== kb.name}
             >
-              {deleting ? t('toolbar.deleting') : t('toolbar.confirmDelete')}
+              {deleting ? m.knowledge_toolbar_deleting() : m.knowledge_toolbar_confirmDelete()}
             </Button>
           </DialogFooter>
         </DialogContent>
@@ -633,7 +631,7 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
       <Dialog open={projectsDialogOpen} onOpenChange={setProjectsDialogOpen}>
         <DialogContent className="sm:max-w-260 -mt-50">
           <DialogHeader>
-            <DialogTitle>{t('toolbar.linkProjects')}</DialogTitle>
+            <DialogTitle>{m.knowledge_toolbar_linkProjects()}</DialogTitle>
           </DialogHeader>
           <div className="flex flex-col gap-2 max-h-96 overflow-y-auto">
             {projectCandidates.length === 0 ? (
@@ -659,10 +657,10 @@ export function KnowledgeToolbar({ kb, onUpdate, breadcrumb, docType, treeCollap
           </div>
           <DialogFooter>
             <Button variant="outline" onClick={() => setProjectsDialogOpen(false)}>
-              {t('knowledge:toolbar.cancel')}
+              {m.knowledge_toolbar_cancel()}
             </Button>
             <Button onClick={saveProjects} disabled={savingProjects}>
-              {savingProjects ? '保存中...' : t('settings.kbSection.save')}
+              {savingProjects ? '保存中...' : m.projects_settings_kbSection_save()}
             </Button>
           </DialogFooter>
         </DialogContent>

package/src/components/knowledge/knowledge-tree-item.tsx

@@ -41,7 +41,7 @@ import {
   DialogTitle,
 } from '@/components/ui/dialog'
 import { createDocumentFn, deleteDocumentFn, updateDocumentFn } from '@/server/serverFns/knowledge'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 const MAX_DEPTH = 19
 
@@ -71,11 +71,11 @@ interface KnowledgeTreeItemProps {
   onToggleExpand: () => void
 }
 
-const TYPE_DEFAULTS: Record<string, string> = {
-  doc: 'untitledDoc',
-  mindmap: 'untitledMindmap',
-  sheet: 'untitledSheet',
-  table: 'untitledTable',
+const TYPE_DEFAULTS: Record<string, () => string> = {
+  doc: m.knowledge_untitledDoc,
+  mindmap: m.knowledge_untitledMindmap,
+  sheet: m.knowledge_untitledSheet,
+  table: m.knowledge_untitledTable,
 }
 
 const TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {
@@ -86,17 +86,16 @@ const TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> =
 }
 
 const DOC_TYPE_OPTIONS = [
-  { type: 'doc' as const, label: 'treeType.doc', icon: FileText },
-  { type: 'mindmap' as const, label: 'treeType.mindmap', icon: Network },
-  { type: 'sheet' as const, label: 'treeType.sheet', icon: Table, disabled: true },
-  { type: 'table' as const, label: 'treeType.table', icon: Grid3X3, disabled: true },
+  { type: 'doc' as const, label: m.knowledge_treeType_doc, icon: FileText },
+  { type: 'mindmap' as const, label: m.knowledge_treeType_mindmap, icon: Network },
+  { type: 'sheet' as const, label: m.knowledge_treeType_sheet, icon: Table, disabled: true },
+  { type: 'table' as const, label: m.knowledge_treeType_table, icon: Grid3X3, disabled: true },
 ]
 
 export function KnowledgeTreeItem({
   node, depth, hasChildren, activeDocId, isHomePage, kbId,
   onSelect, onHome, onRefresh, onDocRenamed, expanded, onToggleExpand,
 }: KnowledgeTreeItemProps) {
-  const { t } = useTranslation('knowledge')
   const [editing, setEditing] = useState(false)
   const [editTitle, setEditTitle] = useState(node.title)
   const [deleting, setDeleting] = useState(false)
@@ -142,7 +141,7 @@ export function KnowledgeTreeItem({
   const handleStartCreateChild = (type: string) => {
     setCreatingChild(true)
     setChildType(type)
-    setChildTitle(t(TYPE_DEFAULTS[type] || 'untitledDoc'))
+    setChildTitle(TYPE_DEFAULTS[type]?.() ?? m.knowledge_untitledDoc())
     if (!expanded) onToggleExpand()
     setTimeout(() => childInputRef.current?.focus(), 50)
   }
@@ -229,7 +228,7 @@ export function KnowledgeTreeItem({
                   <Plus className="size-3.5" />
                 </span>
               </TooltipTrigger>
-              <TooltipContent side="right">{t('knowledgeTree.depthLimit')}</TooltipContent>
+              <TooltipContent side="right">{m.knowledge_knowledgeTree_depthLimit()}</TooltipContent>
             </Tooltip>
           ) : (
             <DropdownMenu open={openMenu === 'create'} onOpenChange={(open) => setOpenMenu(open ? 'create' : null)}>
@@ -241,7 +240,7 @@ export function KnowledgeTreeItem({
                     </Button>
                   </DropdownMenuTrigger>
                 </TooltipTrigger>
-                <TooltipContent side="top">{t('toolbar.createDoc')}</TooltipContent>
+                <TooltipContent side="top">{m.knowledge_toolbar_createDoc()}</TooltipContent>
               </Tooltip>
               <DropdownMenuContent side="right" align="start" className="w-40" onCloseAutoFocus={(e) => e.preventDefault()}>
                 {DOC_TYPE_OPTIONS.map((opt) => (
@@ -251,7 +250,7 @@ export function KnowledgeTreeItem({
                       onClick={(e) => { e.stopPropagation(); handleStartCreateChild(opt.type) }}
                   >
                     <opt.icon className="size-3.5 mr-2" />
-                    {t(opt.label)}
+                    {opt.label()}
                   </DropdownMenuItem>
                 ))}
               </DropdownMenuContent>
@@ -268,7 +267,7 @@ export function KnowledgeTreeItem({
               <DropdownMenuContent align="end" className="w-36" onCloseAutoFocus={(e) => e.preventDefault()}>
                 <DropdownMenuItem onClick={(e) => { e.stopPropagation(); setEditing(true); setEditTitle(node.title) }}>
                   <FilePenLine className="size-3.5 mr-1.5" />
-                  {t('knowledgeTree.rename')}
+                  {m.knowledge_knowledgeTree_rename()}
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />
                 <DropdownMenuItem
@@ -276,7 +275,7 @@ export function KnowledgeTreeItem({
                   onClick={(e) => { e.stopPropagation(); setDeleteOpen(true) }}
                 >
                   <Trash2 className="size-3.5 mr-1.5" />
-                  {t('knowledgeTree.delete')}
+                  {m.knowledge_knowledgeTree_delete()}
                 </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>
@@ -310,29 +309,29 @@ export function KnowledgeTreeItem({
       <Dialog open={deleteOpen} onOpenChange={(open) => { setDeleteOpen(open); if (!open) setDeleteConfirm('') }}>
         <DialogContent className="sm:max-w-sm">
           <DialogHeader>
-            <DialogTitle>{t('knowledgeTree.deleteDoc')}</DialogTitle>
+            <DialogTitle>{m.knowledge_knowledgeTree_deleteDoc()}</DialogTitle>
             <DialogDescription>
-              {t('knowledgeTree.deleteConfirm', { name: node.title })}
+              {m.knowledge_knowledgeTree_deleteConfirm({ name: node.title })}
             </DialogDescription>
           </DialogHeader>
           <div className="py-2">
             <Input
               value={deleteConfirm}
               onChange={(e) => setDeleteConfirm(e.target.value)}
-              placeholder={t('knowledgeTree.deletePlaceholder')}
+              placeholder={m.knowledge_knowledgeTree_deletePlaceholder()}
               onKeyDown={(e) => { if (e.key === 'Enter') handleDelete() }}
             />
           </div>
           <DialogFooter>
             <Button variant="outline" onClick={() => { setDeleteOpen(false); setDeleteConfirm('') }}>
-              {t('knowledgeTree.cancel')}
+              {m.knowledge_knowledgeTree_cancel()}
             </Button>
             <Button
               variant="destructive"
               onClick={handleDelete}
               disabled={deleting || deleteConfirm !== node.title}
             >
-              {deleting ? t('knowledgeTree.deleting') : t('knowledgeTree.confirmDelete')}
+              {deleting ? m.knowledge_knowledgeTree_deleting() : m.knowledge_knowledgeTree_confirmDelete()}
             </Button>
           </DialogFooter>
         </DialogContent>

package/src/components/knowledge/knowledge-tree.tsx

@@ -29,7 +29,7 @@ import {
 } from '@/components/ui/dropdown-menu'
 import { KnowledgeTreeItem, TreeNode } from './knowledge-tree-item'
 import { createDocumentFn, listDocumentsFn } from '@/server/serverFns/knowledge'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 interface KnowledgeTreeProps {
   kbId: string
@@ -42,17 +42,17 @@ interface KnowledgeTreeProps {
 }
 
 const DOC_TYPE_OPTIONS = [
-  { type: 'doc' as const, label: 'treeType.doc', icon: FileText },
-  { type: 'mindmap' as const, label: 'treeType.mindmap', icon: Network },
-  { type: 'sheet' as const, label: 'treeType.sheet', icon: Table, disabled: true },
-  { type: 'table' as const, label: 'treeType.table', icon: Grid3X3, disabled: true },
+  { type: 'doc' as const, label: m.knowledge_treeType_doc, icon: FileText },
+  { type: 'mindmap' as const, label: m.knowledge_treeType_mindmap, icon: Network },
+  { type: 'sheet' as const, label: m.knowledge_treeType_sheet, icon: Table, disabled: true },
+  { type: 'table' as const, label: m.knowledge_treeType_table, icon: Grid3X3, disabled: true },
 ]
 
-const TYPE_DEFAULTS: Record<string, string> = {
-  doc: 'untitledDoc',
-  mindmap: 'untitledMindmap',
-  sheet: 'untitledSheet',
-  table: 'untitledTable',
+const TYPE_DEFAULTS: Record<string, () => string> = {
+  doc: m.knowledge_untitledDoc,
+  mindmap: m.knowledge_untitledMindmap,
+  sheet: m.knowledge_untitledSheet,
+  table: m.knowledge_untitledTable,
 }
 
 function flattenTree(
@@ -94,7 +94,6 @@ function flattenTree(
 export function KnowledgeTree({
   kbId, activeDocId, isHomePage, onSelect, onHome, treeRefreshKey, onDocRenamed,
 }: KnowledgeTreeProps) {
-  const { t } = useTranslation('knowledge')
   const [documents, setDocuments] = useState<TreeNode[]>([])
   const [loading, setLoading] = useState(true)
   const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set())
@@ -143,7 +142,7 @@ export function KnowledgeTree({
 
   const handleStartCreate = (type: string) => {
     setCreatingType(type)
-    setCreatingTitle(t(TYPE_DEFAULTS[type] || 'untitledDoc'))
+    setCreatingTitle(TYPE_DEFAULTS[type]?.() ?? m.knowledge_untitledDoc())
   }
 
   const handleConfirmCreate = async () => {
@@ -163,7 +162,7 @@ export function KnowledgeTree({
   return (
     <div className="flex flex-col h-full">
       <div className="flex items-center justify-between px-3 py-3 border-b">
-        <span className="text-xs font-medium text-muted-foreground leading-5">{t('knowledgeTree.title')}</span>
+        <span className="text-xs font-medium text-muted-foreground leading-5">{m.knowledge_knowledgeTree_title()}</span>
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
             <Button variant="ghost" size="icon" className="size-6">
@@ -178,7 +177,7 @@ export function KnowledgeTree({
                 onClick={() => handleStartCreate(opt.type)}
               >
                 <opt.icon className="size-3.5 mr-2" />
-                {t(opt.label)}
+                {opt.label()}
               </DropdownMenuItem>
             ))}
           </DropdownMenuContent>
@@ -187,7 +186,7 @@ export function KnowledgeTree({
 
       <div className="flex-1 overflow-auto py-1.5">
         {loading ? (
-          <p className="text-sm text-muted-foreground text-center mt-8">{t('knowledgeTree.loading')}</p>
+          <p className="text-sm text-muted-foreground text-center mt-8">{m.knowledge_knowledgeTree_loading()}</p>
         ) : (
           <>
             {creatingType && (
@@ -208,7 +207,7 @@ export function KnowledgeTree({
               </div>
             )}
             {flatNodes.length === 0 && (
-              <p className="text-sm text-muted-foreground text-center mt-8">{t('knowledgeTree.empty')}</p>
+              <p className="text-sm text-muted-foreground text-center mt-8">{m.knowledge_knowledgeTree_empty()}</p>
             )}
             {flatNodes.map(({ node, depth, hasChildren }) => (
               <KnowledgeTreeItem

package/src/components/knowledge-public/bookmark-card.tsx

@@ -24,7 +24,7 @@ import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/h
 import { Star, GitBranch, RefreshCw, ExternalLink, Pencil } from 'lucide-react'
 import { CategoryIcon } from './category-icon'
 import { cn } from '@/lib/utils'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 interface BookmarkItem {
   id: string
@@ -64,7 +64,6 @@ export function BookmarkCard({
   onShareToggle?: () => void
   onFavoriteToggle?: () => void
 }) {
-  const { t } = useTranslation('knowledge')
   const open = () => window.open(item.url, '_blank', 'noopener,noreferrer')
   const stale = !item.githubSyncedAt || isStale(item.githubSyncedAt)
   const isPublic = item.visibility === 'public'
@@ -78,7 +77,7 @@ export function BookmarkCard({
     >
       {isOwner && onEdit && (
         <IconButton
-          tooltip={t('bookmarkCard.edit')}
+          tooltip={m.knowledge_bookmarkCard_edit()}
           onClick={onEdit}
           className="absolute right-2 top-2 z-10 h-7 w-7 opacity-0 transition-opacity group-hover:opacity-100"
         >
@@ -110,7 +109,7 @@ export function BookmarkCard({
               {item.githubLatestVersion}
             </span>
           )}
-          {item.githubRepoUpdatedAt && <span>{t('bookmarkCard.updatedAt')} {fmt(item.githubRepoUpdatedAt, t)}</span>}
+          {item.githubRepoUpdatedAt && <span>{m.knowledge_bookmarkCard_updatedAt()} {fmt(item.githubRepoUpdatedAt)}</span>}
           {stale && canEdit && onSync && (
             <button
               onClick={(e) => {
@@ -120,7 +119,7 @@ export function BookmarkCard({
               className="inline-flex items-center gap-0.5 text-primary hover:underline"
             >
               <RefreshCw className="h-3 w-3" />
-              {t('bookmarkCard.sync')}
+              {m.knowledge_bookmarkCard_sync()}
             </button>
           )}
         </div>
@@ -136,7 +135,7 @@ export function BookmarkCard({
         <div className="flex shrink-0 items-center gap-1.5">
           {hasSharers ? <SharersAvatarGroup sharers={item.sharers!} currentUserId={currentUserId} /> : null}
           {!isOwner && isPublic && onFavoriteToggle && (
-            <IconButton tooltip={item.isFavorited ? t('bookmarkCard.unbookmark') : t('bookmarkCard.bookmark')} onClick={onFavoriteToggle}>
+            <IconButton tooltip={item.isFavorited ? m.knowledge_bookmarkCard_unbookmark() : m.knowledge_bookmarkCard_bookmark()} onClick={onFavoriteToggle}>
               <Star
                 className={cn(
                   'h-4 w-4',
@@ -150,10 +149,10 @@ export function BookmarkCard({
               className="flex items-center gap-1"
               onClick={(e) => e.stopPropagation()}
               role="group"
-              aria-label={t('bookmarkCard.shareToggle')}
+              aria-label={m.knowledge_bookmarkCard_shareToggle()}
             >
-              <span className="text-[11px] text-muted-foreground select-none">{isPublic ? t('bookmarkCard.shared') : t('bookmarkCard.share')}</span>
-              <Switch checked={isPublic} onCheckedChange={() => onShareToggle()} size="sm" aria-label={t('bookmarkCard.share')} />
+              <span className="text-[11px] text-muted-foreground select-none">{isPublic ? m.knowledge_bookmarkCard_shared() : m.knowledge_bookmarkCard_share()}</span>
+              <Switch checked={isPublic} onCheckedChange={() => onShareToggle()} size="sm" aria-label={m.knowledge_bookmarkCard_share()} />
             </div>
           )}
         </div>
@@ -238,15 +237,15 @@ function formatStars(n: number) {
   return n >= 1000 ? `${(n / 1000).toFixed(1)}k` : String(n)
 }
 
-function fmt(d: Date | string, t: (key: string, opts?: Record<string, unknown>) => string) {
+function fmt(d: Date | string) {
   const date = new Date(d)
   if (Number.isNaN(date.getTime())) return ''
   const diff = Date.now() - date.getTime()
   const days = Math.floor(diff / 86400000)
-  if (days <= 0) return t('bookmarkCard.today')
-  if (days < 30) return t('bookmarkCard.daysAgo', { days })
-  if (days < 365) return t('bookmarkCard.monthsAgo', { months: Math.floor(days / 30) })
-  return t('bookmarkCard.yearsAgo', { years: Math.floor(days / 365) })
+  if (days <= 0) return m.knowledge_bookmarkCard_today()
+  if (days < 30) return m.knowledge_bookmarkCard_daysAgo({ days })
+  if (days < 365) return m.knowledge_bookmarkCard_monthsAgo({ months: Math.floor(days / 30) })
+  return m.knowledge_bookmarkCard_yearsAgo({ years: Math.floor(days / 365) })
 }
 
 function isStale(d: Date | string) {