@allbluecn/web-app 0.9.4 → 0.10.0

package/src/components/kibo-ui/contribution-graph/index.tsx

@@ -49,9 +49,11 @@ export type Activity = {
 type Week = Array<Activity | undefined>;
 
 export type Labels = {
-  months?: string[];
+  months?: string[] | ((date: Date, prevDate: Date | null) => string);
   weekdays?: string[];
   totalCount?: string;
+  title?: string;
+  level?: (level: number) => string;
   legend?: {
     less?: string;
     more?: string;
@@ -193,8 +195,11 @@ const groupByWeeks = (
 
 const getMonthLabels = (
   weeks: Week[],
-  monthNames: string[] = DEFAULT_MONTH_LABELS
+  monthNames: string[] | ((date: Date, prevDate: Date | null) => string) = DEFAULT_MONTH_LABELS
 ): MonthLabel[] => {
+  let prevDate: Date | null = null;
+  let lastMonthNum: number | null = null;
+  let lastMonthLabel: string | null = null;
   return weeks
     .reduce<MonthLabel[]>((labels, week, weekIndex) => {
       const firstActivity = week.find((activity) => activity !== undefined);
@@ -205,7 +210,21 @@ const getMonthLabels = (
         );
       }
 
-      const month = monthNames[getMonth(parseISO(firstActivity.date))];
+      const date = parseISO(firstActivity.date);
+      const currentMonthNum = getMonth(date);
+
+      let month: string;
+      if (lastMonthNum === currentMonthNum && lastMonthLabel) {
+        month = lastMonthLabel;
+      } else {
+        month = typeof monthNames === 'function'
+          ? monthNames(date, prevDate)
+          : monthNames[currentMonthNum];
+        lastMonthNum = currentMonthNum;
+        lastMonthLabel = month;
+      }
+
+      prevDate = date;
 
       if (!month) {
         const monthName = new Date(firstActivity.date).toLocaleString("en-US", {
@@ -232,7 +251,7 @@ const getMonthLabels = (
       }
 
       if (index === labels.length - 1) {
-        return weeks.slice(weekIndex).length >= minWeeks;
+        return true;
       }
 
       return true;
@@ -398,20 +417,29 @@ export const ContributionGraphCalendar = ({
       className={cn("max-w-full overflow-x-auto overflow-y-hidden", className)}
       {...props}
     >
-      <svg
+        <svg
         className="block overflow-visible"
         height={height}
         viewBox={`0 0 ${width} ${height}`}
         width={width}
       >
-        <title>Contribution Graph</title>
+        <title>{labels.title ?? "Contribution Graph"}</title>
         {!hideMonthLabels && (
           <g className="fill-current">
-            {monthLabels.map(({ label, weekIndex }) => (
+            {monthLabels.map(({ label, weekIndex }, idx) => (
               <text
                 dominantBaseline="hanging"
                 key={weekIndex}
-                x={(blockSize + blockMargin) * weekIndex}
+                x={
+                  idx === 0
+                    ? 0
+                    : idx === monthLabels.length - 1
+                      ? (blockSize + blockMargin) * weekIndex + blockSize
+                      : (blockSize + blockMargin) * weekIndex + blockSize / 2
+                }
+                textAnchor={
+                  idx === 0 ? "start" : idx === monthLabels.length - 1 ? "end" : "middle"
+                }
               >
                 {label}
               </text>
@@ -507,7 +535,7 @@ export const ContributionGraphLegend = ({
           <Fragment key={level}>{children({ level })}</Fragment>
         ) : (
           <svg height={blockSize} key={level} width={blockSize}>
-            <title>{`${level} contributions`}</title>
+            <title>{labels.level ? labels.level(level) : `${level} contributions`}</title>
             <rect
               className={cn(
                 "stroke-[1px] stroke-border",

package/src/components/knowledge/dialog/knowledge-form-dialog.tsx

@@ -16,7 +16,6 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
 import { useForm } from "@tanstack/react-form";
 import { useRouter } from "@tanstack/react-router";
 import { Button } from "@/components/ui/button";
@@ -31,6 +30,7 @@ import {
 import { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
 import { createKnowledgeFn, updateKnowledgeFn } from "@/server/serverFns/knowledge";
 import { knowledgeFormSchema, type KnowledgeFormValues } from "../schemas/knowledge-form";
+import { m } from "@/paraglide/messages.js";
 
 interface KnowledgeFormDialogProps {
   open: boolean;
@@ -40,7 +40,6 @@ interface KnowledgeFormDialogProps {
 }
 
 export function KnowledgeFormDialog({ open, onOpenChange, kb, onSuccess }: KnowledgeFormDialogProps) {
-  const { t } = useTranslation('knowledge')
   const router = useRouter();
   const isEdit = !!kb;
   const [loading, setLoading] = useState(false);
@@ -57,7 +56,7 @@ export function KnowledgeFormDialog({ open, onOpenChange, kb, onSuccess }: Knowl
 
   const handleSubmit = async () => {
     if (!form.state.values.name.trim()) {
-      setError(t('kbForm.nameRequired'));
+      setError(m.knowledge_kbForm_nameRequired());
       return;
     }
 
@@ -91,7 +90,7 @@ export function KnowledgeFormDialog({ open, onOpenChange, kb, onSuccess }: Knowl
         await router.navigate({ to: '/knowledge/$kbId', params: { kbId: created.id } });
       }
     } catch (err) {
-      setError(err instanceof Error ? err.message : t('kbForm.saveFailed'));
+      setError(err instanceof Error ? err.message : m.knowledge_kbForm_saveFailed());
     } finally {
       setLoading(false);
     }
@@ -112,7 +111,7 @@ export function KnowledgeFormDialog({ open, onOpenChange, kb, onSuccess }: Knowl
       <DialogContent className="sm:max-w-260 -mt-50">
         <DialogHeader>
           <DialogTitle className="text-xl">
-            {isEdit ? t('kbForm.title.edit') : t('kbForm.title.create')}
+            {isEdit ? m.knowledge_kbForm_title_edit() : m.knowledge_kbForm_title_create()}
           </DialogTitle>
         </DialogHeader>
 
@@ -130,7 +129,7 @@ export function KnowledgeFormDialog({ open, onOpenChange, kb, onSuccess }: Knowl
                 value={field.value ?? ""}
                 onChange={(e) => field.handleChange(e.target.value)}
                 onBlur={field.handleBlur}
-                placeholder={t('kbForm.namePlaceholder')}
+                placeholder={m.knowledge_kbForm_namePlaceholder()}
                 maxLength={50}
                 className="h-10 min-w-0 flex-1"
                 onKeyDown={(e) => {
@@ -149,7 +148,7 @@ export function KnowledgeFormDialog({ open, onOpenChange, kb, onSuccess }: Knowl
                 value={field.value ?? ""}
                 onChange={(e) => field.handleChange(e.target.value)}
                 onBlur={field.handleBlur}
-                placeholder={t('kbForm.descriptionPlaceholder')}
+                placeholder={m.knowledge_kbForm_descriptionPlaceholder()}
                 maxLength={200}
                 className="flex-1 min-h-0 resize-none bg-transparent px-3 py-2 text-sm outline-none placeholder:text-muted-foreground"
               />
@@ -163,10 +162,10 @@ export function KnowledgeFormDialog({ open, onOpenChange, kb, onSuccess }: Knowl
 
         <DialogFooter className="items-center gap-3">
           <Button variant="outline" onClick={() => handleOpenChange(false)}>
-            {t('kbForm.cancel')}
+            {m.knowledge_kbForm_cancel()}
           </Button>
           <Button onClick={handleSubmit} disabled={loading}>
-            {loading ? t('kbForm.saving') : isEdit ? t('kbForm.save') : t('kbForm.create')}
+            {loading ? m.knowledge_kbForm_saving() : isEdit ? m.knowledge_kbForm_save() : m.knowledge_kbForm_create()}
           </Button>
         </DialogFooter>
       </DialogContent>

package/src/components/knowledge/doc-properties.tsx

@@ -53,15 +53,15 @@ import {
   type LucideIcon,
 } from 'lucide-react'
 import { cn } from '@/lib/utils'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 export type PropertyFieldType = 'text' | 'select' | 'date' | 'url' | 'tags'
 export interface PropertyField {
   key: string
-  label: string
+  label: () => string
   type: PropertyFieldType
   icon?: string
-  options?: { value: string; label: string }[]
+  options?: { value: string; label: () => string }[]
 }
 export type PropertyValues = Record<string, unknown>
 
@@ -114,7 +114,6 @@ interface Props {
 }
 
 export function DocumentProperties({ fields, values, onChange, onRemoveField, className, readOnly = false }: Props) {
-  const { t } = useTranslation('knowledge')
   const [collapsed, setCollapsed] = useState(false)
 
   return (
@@ -125,7 +124,7 @@ export function DocumentProperties({ fields, values, onChange, onRemoveField, cl
         className="inline-flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground -ml-5 mt-2"
       >
         {collapsed ? <ChevronRight className="size-3.5 opacity-0 transition-opacity group-hover/props:opacity-100" /> : <ChevronDown className="size-3.5 opacity-0 transition-opacity group-hover/props:opacity-100" />}
-        {t('docProps.title')}
+        {m.knowledge_docProps_title()}
       </button>
       {!collapsed && (
         <div className="space-y-1">
@@ -133,10 +132,10 @@ export function DocumentProperties({ fields, values, onChange, onRemoveField, cl
             <div key={f.key} className="group flex items-center gap-2 py-0.5">
               <span className="flex w-32 shrink-0 items-center gap-1 text-sm text-muted-foreground">
                 {f.icon && <PropertyIcon name={f.icon} className="size-3.5" />}
-                {t(f.label)}
+                {f.label()}
               </span>
               <div className="flex-1">
-                <PropertyValueInput field={f} value={values[f.key]} onChange={(v) => onChange?.(f.key, v)} readOnly={readOnly} t={t} />
+                <PropertyValueInput field={f} value={values[f.key]} onChange={(v) => onChange?.(f.key, v)} readOnly={readOnly} />
               </div>
               {!readOnly && onRemoveField && (
                 <button
@@ -155,11 +154,11 @@ export function DocumentProperties({ fields, values, onChange, onRemoveField, cl
   )
 }
 
-function PropertyValueInput({ field, value, onChange, readOnly, t = (k: string) => k }: { field: PropertyField; value: unknown; onChange: (v: unknown) => void; readOnly?: boolean; t?: (k: string) => string }) {
+function PropertyValueInput({ field, value, onChange, readOnly }: { field: PropertyField; value: unknown; onChange: (v: unknown) => void; readOnly?: boolean }) {
   if (readOnly) {
     if (field.type === 'select') {
       const opt = (field.options ?? []).find((o) => o.value === value)
-      return <span className="text-sm">{t(opt?.label ?? (value as string) ?? '')}</span>
+      return <span className="text-sm">{opt?.label() ?? (value as string) ?? ''}</span>
     }
     if (field.type === 'tags') {
       return <span className="text-sm">{Array.isArray(value) ? (value as string[]).join(', ') : (value as string) ?? ''}</span>
@@ -174,17 +173,17 @@ function PropertyValueInput({ field, value, onChange, readOnly, t = (k: string)
     case 'select':
       return (
         <Select value={(value as string) ?? ''} onValueChange={onChange}>
-          <SelectTrigger className="h-7"><SelectValue placeholder={t('docProps.selectPlaceholder')} /></SelectTrigger>
+          <SelectTrigger className="h-7"><SelectValue placeholder={m.knowledge_docProps_selectPlaceholder()} /></SelectTrigger>
           <SelectContent>
-            {(field.options ?? []).map((o) => <SelectItem key={o.value} value={o.value}>{t(o.label)}</SelectItem>)}
+            {(field.options ?? []).map((o) => <SelectItem key={o.value} value={o.value}>{o.label()}</SelectItem>)}
           </SelectContent>
         </Select>
       )
     case 'date':
       return <Input type="date" value={(value as string) ?? ''} onChange={(e) => onChange(e.target.value)} className="h-7" />
     case 'tags':
-      return <Input value={Array.isArray(value) ? (value as string[]).join(', ') : ''} onChange={(e) => onChange(e.target.value.split(',').map((s) => s.trim()).filter(Boolean))} className="h-7" placeholder={t('docProps.tagsPlaceholder')} />
+      return <Input value={Array.isArray(value) ? (value as string[]).join(', ') : ''} onChange={(e) => onChange(e.target.value.split(',').map((s) => s.trim()).filter(Boolean))} className="h-7" placeholder={m.knowledge_docProps_tagsPlaceholder()} />
     default:
-      return <Input value={(value as string) ?? ''} onChange={(e) => onChange(e.target.value)} className="h-7" placeholder={field.type === 'url' ? t('docProps.urlPlaceholder') : ''} />
+      return <Input value={(value as string) ?? ''} onChange={(e) => onChange(e.target.value)} className="h-7" placeholder={field.type === 'url' ? m.knowledge_docProps_urlPlaceholder() : ''} />
   }
 }

package/src/components/knowledge/editor/doc-header.tsx

@@ -26,7 +26,7 @@ import { TagBadge } from '@/plugins/core/tags/tag-badge'
 import { listTagsFn } from '@/plugins/core/tags/serverFns'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
 import { type PropertyField, PropertyIcon } from '@/components/knowledge/doc-properties'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 interface DocHeaderProps {
   title: string
@@ -68,12 +68,11 @@ export function DocHeader({
   backButton,
   actions,
 }: DocHeaderProps) {
-  const { t } = useTranslation('knowledge')
   const [editingTitle, setEditingTitle] = useState(false)
   const [editValue, setEditValue] = useState(title)
   const titleInputRef = useRef<HTMLInputElement>(null)
   const [addPropOpen, setAddPropOpen] = useState(false)
-  const resolvedTitlePlaceholder = titlePlaceholder ?? t('docHeader.titlePlaceholder')
+  const resolvedTitlePlaceholder = titlePlaceholder ?? m.knowledge_docHeader_titlePlaceholder()
 
   const [allTags, setAllTags] = useState<TagItem[]>([])
 
@@ -113,7 +112,7 @@ export function DocHeader({
     setTimeout(() => titleInputRef.current?.focus(), 0)
   }
 
-  const isUntitled = !title || title === t('untitledDoc')
+  const isUntitled = !title || title === m.knowledge_untitledDoc()
 
   const saveTimeText = savedAt ? formatSaveTime(savedAt, 'auto', timezone) : null
 
@@ -129,7 +128,7 @@ export function DocHeader({
           name={creator.username}
           size="sm"
         />
-        <span className="text-lg">{creator.username || t('docHeader.unknownUser')}</span>
+        <span className="text-lg">{creator.username || m.knowledge_docHeader_unknownUser()}</span>
       </div>,
     )
   }
@@ -201,7 +200,7 @@ export function DocHeader({
           <TagSelector
             value={selectedTagIds}
             onChange={handleTagChange}
-            placeholder={t('docHeader.selectTags')}
+            placeholder={m.knowledge_docHeader_selectTags()}
           />
         ) : (
           <div className="flex items-center gap-1.5 flex-wrap">
@@ -218,7 +217,7 @@ export function DocHeader({
           <Popover open={addPropOpen} onOpenChange={setAddPropOpen}>
             <PopoverTrigger asChild>
               <button className="inline-flex items-center gap-0.5 rounded-xl bg-background px-2 py-0.5 text-xs text-muted-foreground border border-dashed border-input hover:bg-muted/30">
-                <Plus className="size-3" /> {t('docHeader.addProperty')}
+                <Plus className="size-3" /> {m.knowledge_docHeader_addProperty()}
               </button>
             </PopoverTrigger>
             <PopoverContent className="w-48 p-1" align="start">
@@ -230,7 +229,7 @@ export function DocHeader({
                   className="flex w-full items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-accent"
                 >
                   {f.icon && <PropertyIcon name={f.icon} className="size-4 text-muted-foreground" />}
-                  {t(f.label)}
+                  {f.label()}
                 </button>
               ))}
             </PopoverContent>

package/src/components/knowledge/editor/knowledge-doc-editor.tsx

@@ -1,3 +1,4 @@
+import { m } from '@/paraglide/messages.js'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -15,25 +16,26 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-import { lazy, useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from 'react'
+import { lazy, useCallback, useEffect, useMemo, useRef, useState, type ReactNode, type LazyExoticComponent, type ComponentType } from 'react'
 import { useDebouncedCallback, EDITOR_AUTO_SAVE_MS } from '@/lib/pacer'
 import { updateDocumentFn, getDocumentFn } from '@/server/serverFns/knowledge'
 import { useEditorWidth, type EditorWidth, EDITOR_WIDTH_MAX_WIDTH } from '@/components/knowledge/editor/editor-width-context'
 import { DocHeader } from '@/components/knowledge/editor/doc-header'
 import { DocumentProperties, type PropertyField, type PropertyValues } from '@/components/knowledge/doc-properties'
-import { useTranslation } from 'react-i18next'
+import type { NotionDocEditorProps } from '@/components/tiptap/notion-like'
+import type { MindmapDocEditorProps } from '@/components/mindmap/mindmap-doc-editor'
 
 const NotionDocEditor = lazy(() =>
   import('@/components/tiptap/notion-like').then((m) => ({
     default: m.NotionDocEditor,
   })),
-)
+) as LazyExoticComponent<ComponentType<NotionDocEditorProps>>
 
 const MindmapDocEditor = lazy(() =>
   import('@/components/mindmap/mindmap-doc-editor').then((m) => ({
     default: m.MindmapDocEditor,
   })),
-)
+) as LazyExoticComponent<ComponentType<MindmapDocEditorProps>>
 
 interface CreatorInfo {
   username?: string | null
@@ -92,7 +94,6 @@ export const DOC_EDITOR_WIDTH_VARS: Record<EditorWidth, Record<string, string>>
 }
 
 export function KnowledgeDocEditor({ document, editorWidth = 'auto', kbName, propertyFields, propertyValues, onPropertyChange, addablePropertyFields, onAddProperty, onRemoveProperty, saveHandlers, readOnly, backButton, actions }: KnowledgeDocEditorProps) {
-  const { t } = useTranslation('knowledge')
   if (document.type === 'mindmap') {
     return <MindmapDocEditor document={document} kbName={kbName} />
   }
@@ -116,7 +117,6 @@ export function KnowledgeDocEditor({ document, editorWidth = 'auto', kbName, pro
 }
 
 function KnowledgeDocEditorBody({ document, editorWidth = 'auto', kbName, propertyFields, propertyValues, onPropertyChange, addablePropertyFields, onAddProperty, onRemoveProperty, saveHandlers, readOnly, backButton, actions }: KnowledgeDocEditorProps) {
-  const { t } = useTranslation('knowledge')
   const { docVersion, onDocTitleChanged } = useEditorWidth()
   const [dirty, setDirty] = useState(false)
   const [saving, setSaving] = useState(false)
@@ -261,14 +261,14 @@ function KnowledgeDocEditorBody({ document, editorWidth = 'auto', kbName, proper
     <div className="knowledge-doc-editor flex flex-col h-full relative">
       {saving && !readOnly && (
         <div className="absolute top-3 right-4 z-10 text-xs text-muted-foreground bg-background/80 px-2 py-0.5 rounded">
-          {t('docEditor.saving')}
+          {m.docEditor_saving()}
         </div>
       )}
       <div className="flex flex-col h-full" style={DOC_EDITOR_WIDTH_VARS[editorWidth] as React.CSSProperties}>
         <div className="px-20 pt-6 pb-2 mx-auto w-full" style={{ maxWidth: EDITOR_WIDTH_MAX_WIDTH[editorWidth] }}>
           <DocHeader
             title={displayTitle}
-            titlePlaceholder={t('docEditor.titlePlaceholder')}
+            titlePlaceholder={m.docEditor_titlePlaceholder()}
             onTitleChange={handleTitleChange}
             creator={document.creator ?? undefined}
             kbName={kbName}
@@ -296,7 +296,7 @@ function KnowledgeDocEditorBody({ document, editorWidth = 'auto', kbName, proper
         <NotionDocEditor
           content={content}
           onChange={handleContentChange}
-          placeholder={t('docEditor.contentPlaceholder')}
+          placeholder={m.docEditor_contentPlaceholder()}
           showTocSidebar
           kbId={document.kbId}
           tocSidebarClassName="-translate-x-20"

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

@@ -22,7 +22,7 @@ import { listDocumentsFn } from '@/server/serverFns/knowledge'
 import { Dot } from 'lucide-react'
 import { formatDate } from '@/lib/datetime'
 import { useTimezone } from '@/providers/timezone-provider'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 interface HomepageProps {
   kb: { id: string; name: string; description?: string | null }
@@ -30,7 +30,6 @@ interface HomepageProps {
 }
 
 export function KnowledgeHomepage({ kb, homepage }: HomepageProps) {
-  const { t } = useTranslation('knowledge')
   const [documents, setDocuments] = useState<Array<{ id: string; title: string; type: string; updatedAt: string }>>([])
   const timezone = useTimezone()
 
@@ -49,7 +48,7 @@ export function KnowledgeHomepage({ kb, homepage }: HomepageProps) {
         <h1 className="flex items-center gap-1.5 text-2xl font-bold">
           {kb.name}
            <Dot className="size-4 text-muted-foreground" />
-          {t('home.home')}
+          {m.knowledge_home_home()}
         </h1>
         {kb.description && (
           <p className="text-muted-foreground mt-2">{kb.description}</p>
@@ -58,22 +57,22 @@ export function KnowledgeHomepage({ kb, homepage }: HomepageProps) {
 
       <div className="grid gap-6">
         <div className="rounded-xl border bg-card p-6">
-          <h2 className="text-lg font-semibold mb-4">{t('home.overview')}</h2>
+          <h2 className="text-lg font-semibold mb-4">{m.knowledge_home_overview()}</h2>
           <div className="grid grid-cols-2 gap-4">
             <div className="rounded-lg bg-muted/50 p-4 text-center">
               <p className="text-2xl font-bold">{documents.length}</p>
-              <p className="text-xs text-muted-foreground mt-1">{t('home.docCount')}</p>
+              <p className="text-xs text-muted-foreground mt-1">{m.knowledge_home_docCount()}</p>
             </div>
             <div className="rounded-lg bg-muted/50 p-4 text-center">
               <p className="text-2xl font-bold">{recentDocs.length}</p>
-              <p className="text-xs text-muted-foreground mt-1">{t('home.recentUpdate')}</p>
+              <p className="text-xs text-muted-foreground mt-1">{m.knowledge_home_recentUpdate()}</p>
             </div>
           </div>
         </div>
 
         {recentDocs.length > 0 && (
           <div className="rounded-xl border bg-card p-6">
-            <h2 className="text-lg font-semibold mb-4">{t('home.recentDocs')}</h2>
+            <h2 className="text-lg font-semibold mb-4">{m.knowledge_home_recentDocs()}</h2>
             <div className="space-y-2">
               {recentDocs.map((doc) => (
                 <Link

package/src/components/knowledge/knowledge-tag-input.tsx

@@ -1,3 +1,4 @@
+import { m } from '@/paraglide/messages.js'
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -20,7 +21,6 @@ import { X, Plus } from 'lucide-react'
 import { Input } from '@/components/ui/input'
 import { Badge } from '@/components/ui/badge'
 import { cn } from '@/lib/utils'
-import { useTranslation } from 'react-i18next'
 
 interface KnowledgeTagInputProps {
   tags: string[]
@@ -28,7 +28,6 @@ interface KnowledgeTagInputProps {
 }
 
 export function KnowledgeTagInput({ tags, onChange }: KnowledgeTagInputProps) {
-  const { t } = useTranslation('knowledge')
   const [adding, setAdding] = useState(false)
   const [inputValue, setInputValue] = useState('')
 
@@ -67,7 +66,7 @@ export function KnowledgeTagInput({ tags, onChange }: KnowledgeTagInputProps) {
             if (e.key === 'Enter') handleAdd()
             if (e.key === 'Escape') { setAdding(false); setInputValue('') }
           }}
-          placeholder={t('tagInput.placeholder')}
+          placeholder={m.tagInput_placeholder()}
           className="h-6 w-24 text-xs"
           autoFocus
         />
@@ -79,7 +78,7 @@ export function KnowledgeTagInput({ tags, onChange }: KnowledgeTagInputProps) {
           onClick={() => setAdding(true)}
         >
           <Plus className="size-3" />
-          {t('tagInput.add')}
+          {m.tagInput_add()}
         </button>
       )}
     </div>