@allbluecn/web-app 0.9.5 → 0.10.0

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

@@ -28,7 +28,7 @@ import { listBookmarkCategoriesFn, createBookmarkCategoryFn } from '@/server/ser
 import { deleteBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/delete'
 import { Trash2, Check, X } from 'lucide-react'
 import { toast } from '@/components/ui/sonner'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 export interface BookmarkEditTarget {
   id: string
@@ -49,7 +49,6 @@ export function BookmarkFormDialog({
   onSuccess?: () => void
   editItem?: BookmarkEditTarget | null
 }) {
-  const { t } = useTranslation('knowledge')
   const isEdit = !!editItem
   const [title, setTitle] = useState('')
   const [url, setUrl] = useState('')
@@ -83,7 +82,7 @@ export function BookmarkFormDialog({
       setCreatingCat(false)
       refetchCats()
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t('bookmarks.detail.createFailed'))
+      toast.error(e instanceof Error ? e.message : m.knowledge_bookmarks_detail_createFailed())
     }
   }
 
@@ -91,7 +90,7 @@ export function BookmarkFormDialog({
 
   const submit = async () => {
     if (!title.trim() || !url.trim()) {
-      toast.error(t('bookmarks.detail.required'))
+      toast.error(m.knowledge_bookmarks_detail_required())
       return
     }
     setLoading(true)
@@ -106,8 +105,8 @@ export function BookmarkFormDialog({
             summary: summary.trim() || null,
           },
         })
-        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())
       } else {
         await createBookmarkFn({
           data: {
@@ -117,12 +116,12 @@ export function BookmarkFormDialog({
             summary: summary.trim() || undefined,
           },
         })
-        toast.success(t('bookmarks.detail.addedSync'))
+        toast.success(m.knowledge_bookmarks_detail_addedSync())
       }
       onOpenChange(false)
       onSuccess?.()
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : isEdit ? t('bookmarks.detail.saveFailed') : t('bookmarks.detail.addFailed'))
+      toast.error(e instanceof Error ? e.message : isEdit ? m.knowledge_bookmarks_detail_saveFailed() : m.knowledge_bookmarks_detail_addFailed())
     } finally {
       setLoading(false)
     }
@@ -133,12 +132,12 @@ export function BookmarkFormDialog({
     setLoading(true)
     try {
       await deleteBookmarkFn({ data: { id: editItem.id } })
-      toast.success(t('bookmarks.detail.deleted'))
+      toast.success(m.knowledge_bookmarks_detail_deleted())
       setConfirming(false)
       onOpenChange(false)
       onSuccess?.()
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t('bookmarks.detail.deleteFailed'))
+      toast.error(e instanceof Error ? e.message : m.knowledge_bookmarks_detail_deleteFailed())
     } finally {
       setLoading(false)
     }
@@ -148,29 +147,29 @@ export function BookmarkFormDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-110">
         <DialogHeader>
-          <DialogTitle>{isEdit ? t('bookmarks.detail.editTitle') : t('bookmarks.detail.newTitle')}</DialogTitle>
+          <DialogTitle>{isEdit ? m.knowledge_bookmarks_detail_editTitle() : m.knowledge_bookmarks_detail_newTitle()}</DialogTitle>
         </DialogHeader>
         <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)} autoFocus />
           </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>
             {creatingCat ? (
               <div className="flex gap-2">
                 <Input
                   value={newCatName}
                   autoFocus
                   onChange={(e) => setNewCatName(e.target.value)}
-                  placeholder={t('bookmarks.detail.newCategoryName')}
+                  placeholder={m.knowledge_bookmarks_detail_newCategoryName()}
                   onKeyDown={(e) => {
                     if (e.key === 'Enter') handleCreateCat()
                     if (e.key === 'Escape') {
@@ -180,17 +179,17 @@ export function BookmarkFormDialog({
                   }}
                 />
                 <Button type="button" variant="outline" size="sm" onClick={() => { setCreatingCat(false); setNewCatName('') }}>
-                  {t('bookmarks.detail.cancel')}
+                  {m.knowledge_bookmarks_detail_cancel()}
                 </Button>
                 <Button type="button" size="sm" onClick={handleCreateCat}>
-                  {t('bookmarks.detail.create')}
+                  {m.knowledge_bookmarks_detail_create()}
                 </Button>
               </div>
             ) : (
               <div className="flex gap-2">
                 <Select value={categoryId} onValueChange={setCategoryId}>
                   <SelectTrigger className="flex-1">
-                    <SelectValue placeholder={t('bookmarks.detail.selectCategory')} />
+                    <SelectValue placeholder={m.knowledge_bookmarks_detail_selectCategory()} />
                   </SelectTrigger>
                   <SelectContent>
                     {(cats ?? []).map((c) => (
@@ -201,13 +200,13 @@ export function BookmarkFormDialog({
                   </SelectContent>
                 </Select>
                 <Button type="button" variant="outline" size="sm" onClick={() => setCreatingCat(true)}>
-                  + {t('bookmarks.detail.addCategory')}
+                  + {m.knowledge_bookmarks_detail_addCategory()}
                 </Button>
               </div>
             )}
           </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={2} maxLength={500} />
           </div>
         </div>
@@ -222,13 +221,13 @@ export function BookmarkFormDialog({
                 className="text-destructive hover:text-destructive hover:bg-destructive/10"
               >
                 <Trash2 className="h-4 w-4" />
-                {t('bookmarks.detail.delete')}
+                {m.knowledge_bookmarks_detail_delete()}
               </Button>
               {confirming && (
                 <>
                   <Button variant="destructive" size="sm" onClick={handleDelete} disabled={loading}>
                     <Check className="h-4 w-4" />
-                    {t('bookmarks.detail.confirmDelete')}
+                    {m.knowledge_bookmarks_detail_confirmDelete()}
                   </Button>
                   <Button
                     variant="ghost"
@@ -236,7 +235,7 @@ export function BookmarkFormDialog({
                     className="h-8 w-8"
                     onClick={() => setConfirming(false)}
                     disabled={loading}
-                    aria-label={t('bookmarks.detail.cancelDeleteAria')}
+                    aria-label={m.knowledge_bookmarks_detail_cancelDeleteAria()}
                   >
                     <X className="h-4 w-4" />
                   </Button>
@@ -246,10 +245,10 @@ export function BookmarkFormDialog({
           ) : null}
           <div className="ml-auto flex gap-2 ">
             <Button variant="outline" onClick={() => onOpenChange(false)}>
-              {t('bookmarks.detail.cancel')}
+              {m.knowledge_bookmarks_detail_cancel()}
             </Button>
             <Button onClick={submit} disabled={loading}>
-              {loading ? (isEdit ? t('bookmarks.detail.saving') : t('bookmarks.detail.adding')) : isEdit ? t('bookmarks.detail.save') : t('bookmarks.detail.add')}
+              {loading ? (isEdit ? m.knowledge_bookmarks_detail_saving() : m.knowledge_bookmarks_detail_adding()) : isEdit ? m.knowledge_bookmarks_detail_save() : m.knowledge_bookmarks_detail_add()}
             </Button>
           </div>
         </DialogFooter>

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

@@ -1,4 +1,5 @@
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
+
 // SPDX-License-Identifier: AGPL-3.0-or-later
 // AllBlue - 理想之海
 // Copyright (C) 2026 AllBlue Contributors
@@ -21,6 +22,5 @@ export function KnowledgeCardGrid({ children }: { children: React.ReactNode }) {
 }
 
 export function EmptyState({ text }: { text?: string }) {
-  const { t } = useTranslation('knowledge')
-  return <p className="py-12 text-center text-sm text-muted-foreground">{text ?? t('knowledgeGrid.empty')}</p>
+  return <p className="py-12 text-center text-sm text-muted-foreground">{text ?? m.knowledge_knowledgeGrid_empty()}</p>
 }

package/src/components/knowledge-public/knowledge-filters.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { chipClass } from './chip-utils'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 type Scope = 'all' | 'private' | 'share' | 'favorite'
 
@@ -33,23 +33,22 @@ interface Props {
   onScopeChange?: (s: Scope) => void
 }
 
-const SCOPE_OPTIONS: { value: Scope; label: string }[] = [
-  { value: 'all', label: 'all' },
-  { value: 'private', label: 'private' },
-  { value: 'share', label: 'share' },
-  { value: 'favorite', label: 'favorite' },
+const SCOPE_OPTIONS: { value: Scope; label: () => string }[] = [
+  { value: 'all', label: m.knowledge_filters_all },
+  { value: 'private', label: m.knowledge_filters_private },
+  { value: 'share', label: m.knowledge_filters_share },
+  { value: 'favorite', label: m.knowledge_filters_favorite },
 ]
 
 export function KnowledgeFilters({ groups, active, onChange, scope, onScopeChange }: Props) {
-  const { t } = useTranslation('knowledge')
   return (
     <div className="mx-auto flex w-full max-w-2xl flex-col items-start gap-3.5 mt-20">
       {scope !== undefined && onScopeChange && (
         <div className="flex flex-wrap items-center gap-2.5">
-          <span className="text-sm font-medium text-muted-foreground mr-4">{t('filters.scope')}</span>
+          <span className="text-sm font-medium text-muted-foreground mr-4">{m.knowledge_filters_scope()}</span>
           {SCOPE_OPTIONS.map((o) => (
             <button key={o.value} type="button" onClick={() => onScopeChange(o.value)} className={chipClass(scope === o.value)}>
-              {t('filters.' + o.value)}
+              {o.label()}
             </button>
           ))}
         </div>
@@ -58,7 +57,7 @@ export function KnowledgeFilters({ groups, active, onChange, scope, onScopeChang
         <div key={g.key} className="flex flex-wrap items-center gap-2.5">
           <span className="text-sm font-medium text-muted-foreground mr-4">{g.label}</span>
           <button type="button" onClick={() => onChange(g.key, undefined)} className={chipClass(!active[g.key])}>
-            {t('filters.all')}
+            {m.knowledge_filters_all()}
           </button>
           {g.options.map((o) => (
             <button

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

@@ -36,27 +36,27 @@ import { getComplianceDetailFn } from '@/server/serverFns/knowledge-public/compl
 import { createDictionaryFn } from '@/server/serverFns/knowledge-public/dictionary/create'
 import { updateDictionaryFn } from '@/server/serverFns/knowledge-public/dictionary/update'
 import { getDictionaryDetailFn } from '@/server/serverFns/knowledge-public/dictionary/detail'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 type KnowledgeType = 'legal' | 'compliance' | 'dictionary'
 
 const JURISDICTION_OPTIONS = [
-  { value: 'CN_NATIONAL', label: 'public.legal-form.jurisdiction-options.CN_NATIONAL' },
-  { value: 'CN_LOCAL', label: 'public.legal-form.jurisdiction-options.CN_LOCAL' },
-  { value: 'OVERSEAS', label: 'public.legal-form.jurisdiction-options.OVERSEAS' },
+  { value: 'CN_NATIONAL', label: m['knowledge_public_legal-form_jurisdiction-options_CN_NATIONAL'] },
+  { value: 'CN_LOCAL', label: m['knowledge_public_legal-form_jurisdiction-options_CN_LOCAL'] },
+  { value: 'OVERSEAS', label: m['knowledge_public_legal-form_jurisdiction-options_OVERSEAS'] },
 ]
 
 const INDUSTRY_OPTIONS = [
-  { value: '通用', label: 'public.legal-form.industry.通用' },
-  { value: '互联网', label: 'public.legal-form.industry.互联网' },
-  { value: '金融', label: 'public.legal-form.industry.金融' },
-  { value: '医疗', label: 'public.legal-form.industry.医疗' },
-  { value: '教育', label: 'public.legal-form.industry.教育' },
-  { value: '制造业', label: 'public.legal-form.industry.制造业' },
-  { value: '能源', label: 'public.legal-form.industry.能源' },
-  { value: '交通', label: 'public.legal-form.industry.交通' },
-  { value: '电商', label: 'public.legal-form.industry.电商' },
-  { value: '游戏', label: 'public.legal-form.industry.游戏' },
+  { value: '通用', label: m.knowledge_compliance_industries_general },
+  { value: '互联网', label: m.knowledge_compliance_industries_internet },
+  { value: '金融', label: m.knowledge_compliance_industries_finance },
+  { value: '医疗', label: m.knowledge_compliance_industries_medical },
+  { value: '教育', label: m.knowledge_compliance_industries_education },
+  { value: '制造业', label: m.knowledge_compliance_industries_manufacturing },
+  { value: '能源', label: m.knowledge_compliance_industries_energy },
+  { value: '交通', label: m.knowledge_compliance_industries_transportation },
+  { value: '电商', label: m.knowledge_compliance_industries_ecommerce },
+  { value: '游戏', label: m.knowledge_compliance_industries_gaming },
 ]
 
 interface Props {
@@ -68,7 +68,6 @@ interface Props {
 }
 
 export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuccess }: Props) {
-  const { t } = useTranslation('knowledge')
   const isEdit = !!editingId
 
   const detailQuery = useQuery({
@@ -169,14 +168,14 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
   }, [isEdit, detailQuery.data, hydrated, type])
 
   const titleMap = {
-    legal: { create: t('public.legal-form.title.create'), edit: t('public.legal-form.title.edit') },
-    compliance: { create: t('public.compliance-form.title.create'), edit: t('public.compliance-form.title.edit') },
-    dictionary: { create: t('public.dictionary-form.title.create'), edit: t('public.dictionary-form.title.edit') },
+    legal: { create: m['knowledge_public_legal-form_title_create'](), edit: m['knowledge_public_legal-form_title_edit']() },
+    compliance: { create: m['knowledge_public_compliance-form_title_create'](), edit: m['knowledge_public_compliance-form_title_edit']() },
+    dictionary: { create: m['knowledge_public_dictionary-form_title_create'](), edit: m['knowledge_public_dictionary-form_title_edit']() },
   } as const
 
   async function submit() {
     if (!title.trim()) {
-      toast.error(t('public.knowledge-form.name-required'))
+      toast.error(m['knowledge_public_knowledge-form_name-required']())
       return
     }
     setLoading(true)
@@ -279,11 +278,11 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
           })
         }
       }
-      toast.success(editingId ? t('public.knowledge-form.updated') : t('public.knowledge-form.created'))
+      toast.success(editingId ? m['knowledge_public_knowledge-form_updated']() : m['knowledge_public_knowledge-form_created']())
       onSuccess?.()
       onOpenChange(false)
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : t('public.knowledge-form.save-failed'))
+      toast.error(e instanceof Error ? e.message : m['knowledge_public_knowledge-form_save-failed']())
     } finally {
       setLoading(false)
     }
@@ -299,11 +298,11 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
         </DialogHeader>
 
         {isEdit && !hydrated ? (
-          <p className="py-8 text-center text-sm text-muted-foreground">{t('public.legal-form.loading')}</p>
+          <p className="py-8 text-center text-sm text-muted-foreground">{m['knowledge_public_legal-form_loading']()}</p>
         ) : (
           <div className="space-y-3">
             <div className="flex flex-col gap-1.5">
-              <label className="text-sm font-medium">{type === 'dictionary' ? t('public.dictionary-form.term-name') : t('public.knowledge-form.name')}</label>
+              <label className="text-sm font-medium">{type === 'dictionary' ? m['knowledge_public_dictionary-form_term-name']() : m['knowledge_public_knowledge-form_name']()}</label>
               <Input value={title} onChange={(e) => setTitle(e.target.value)} autoFocus />
             </div>
 
@@ -311,17 +310,17 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
               <>
                 <div className="grid grid-cols-2 gap-3">
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.legal-form.code')}</label>
-                    <Input value={code} onChange={(e) => setCode(e.target.value)} placeholder={t('public.legal-form.optional')} />
+                    <label className="text-sm font-medium">{m['knowledge_public_legal-form_code']()}</label>
+                    <Input value={code} onChange={(e) => setCode(e.target.value)} placeholder={m['knowledge_public_legal-form_optional']()} />
                   </div>
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.legal-form.category')}</label>
-                    <Input value={category} onChange={(e) => setCategory(e.target.value)} placeholder={t('public.legal-form.category-placeholder')} />
+                    <label className="text-sm font-medium">{m['knowledge_public_legal-form_category']()}</label>
+                    <Input value={category} onChange={(e) => setCategory(e.target.value)} placeholder={m['knowledge_public_legal-form_category-placeholder']()} />
                   </div>
                 </div>
                 <div className="grid grid-cols-2 gap-3">
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.legal-form.jurisdiction')} *</label>
+                    <label className="text-sm font-medium">{m['knowledge_public_legal-form_jurisdiction']()} *</label>
                     <Select value={jurisdiction} onValueChange={(v) => setJurisdiction(v as typeof jurisdiction)}>
                       <SelectTrigger>
                         <SelectValue />
@@ -329,45 +328,45 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
                       <SelectContent>
                         {JURISDICTION_OPTIONS.map((o) => (
                           <SelectItem key={o.value} value={o.value}>
-                            {t(o.label)}
+                            {o.label()}
                           </SelectItem>
                         ))}
                       </SelectContent>
                     </Select>
                   </div>
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.legal-form.effective-date')}</label>
+                    <label className="text-sm font-medium">{m['knowledge_public_legal-form_effective-date']()}</label>
                     <Input type="date" value={effectiveDate} onChange={(e) => setEffectiveDate(e.target.value)} />
                   </div>
                 </div>
                 {jurisdiction === 'CN_LOCAL' && (
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.legal-form.region')}</label>
-                    <Input value={region} onChange={(e) => setRegion(e.target.value)} placeholder={t('public.legal-form.region-placeholder')} />
+                    <label className="text-sm font-medium">{m['knowledge_public_legal-form_region']()}</label>
+                    <Input value={region} onChange={(e) => setRegion(e.target.value)} placeholder={m['knowledge_public_legal-form_region-placeholder']()} />
                   </div>
                 )}
                 {jurisdiction === 'OVERSEAS' && (
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.legal-form.country')}</label>
-                    <Input value={country} onChange={(e) => setCountry(e.target.value)} placeholder={t('public.legal-form.country-placeholder')} />
+                    <label className="text-sm font-medium">{m['knowledge_public_legal-form_country']()}</label>
+                    <Input value={country} onChange={(e) => setCountry(e.target.value)} placeholder={m['knowledge_public_legal-form_country-placeholder']()} />
                   </div>
                 )}
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.legal-form.issuing-authority')}</label>
-                  <Input value={issuingAuthority} onChange={(e) => setIssuingAuthority(e.target.value)} placeholder={t('public.legal-form.authority-placeholder')} />
+                  <label className="text-sm font-medium">{m['knowledge_public_legal-form_issuing-authority']()}</label>
+                  <Input value={issuingAuthority} onChange={(e) => setIssuingAuthority(e.target.value)} placeholder={m['knowledge_public_legal-form_authority-placeholder']()} />
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.legal-form.summary')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_legal-form_summary']()}</label>
                   <Textarea value={summary} onChange={(e) => setSummary(e.target.value)} rows={2} maxLength={1000} />
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.legal-form.content')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_legal-form_content']()}</label>
                   <div className="min-h-60 overflow-hidden rounded-md border">
-                    <NotionDocEditor content={content} onChange={(c) => setContent(c.html)} placeholder={t('public.legal-form.content-placeholder')} />
+                    <NotionDocEditor content={content} onChange={(c) => setContent(c.html)} placeholder={m['knowledge_public_legal-form_content-placeholder']()} />
                   </div>
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.legal-form.source-url')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_legal-form_source-url']()}</label>
                   <Input value={sourceUrl} onChange={(e) => setSourceUrl(e.target.value)} placeholder="https://..." />
                 </div>
               </>
@@ -377,11 +376,11 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
               <>
                 <div className="grid grid-cols-2 gap-3">
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.compliance-form.clause-number')}</label>
-                    <Input value={code} onChange={(e) => setCode(e.target.value)} placeholder={t('public.legal-form.optional')} />
+                    <label className="text-sm font-medium">{m['knowledge_public_compliance-form_clause-number']()}</label>
+                    <Input value={code} onChange={(e) => setCode(e.target.value)} placeholder={m['knowledge_public_legal-form_optional']()} />
                   </div>
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.compliance-form.industry')} *</label>
+                    <label className="text-sm font-medium">{m['knowledge_public_compliance-form_industry']()} *</label>
                     <Select value={industry} onValueChange={setIndustry}>
                       <SelectTrigger>
                         <SelectValue />
@@ -389,7 +388,7 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
                       <SelectContent>
                         {INDUSTRY_OPTIONS.map((o) => (
                           <SelectItem key={o.value} value={o.value}>
-                            {t(o.label)}
+                            {o.label()}
                           </SelectItem>
                         ))}
                       </SelectContent>
@@ -398,17 +397,17 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
                 </div>
                 <div className="grid grid-cols-2 gap-3">
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.compliance-form.regulatory-body')}</label>
+                    <label className="text-sm font-medium">{m['knowledge_public_compliance-form_regulatory-body']()}</label>
                     <Input value={regulatoryBody} onChange={(e) => setRegulatoryBody(e.target.value)} />
                   </div>
                   <div className="flex flex-col gap-1.5">
-                    <label className="text-sm font-medium">{t('public.compliance-form.region')}</label>
+                    <label className="text-sm font-medium">{m['knowledge_public_compliance-form_region']()}</label>
                     <Input value={region} onChange={(e) => setRegion(e.target.value)} />
                   </div>
                 </div>
                 <div className="flex flex-col gap-1.5">
                   <div className="flex items-center justify-between">
-                    <label className="text-sm font-medium">{t('public.compliance-form.requirements')}</label>
+                    <label className="text-sm font-medium">{m['knowledge_public_compliance-form_requirements']()}</label>
                     <Button
                       type="button"
                       variant="outline"
@@ -416,7 +415,7 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
                       onClick={() => setRequirements([...requirements, { title: '', detail: '' }])}
                     >
                       <Plus className="h-3.5 w-3.5" />
-                      {t('public.compliance-form.add-one')}
+                      {m['knowledge_public_compliance-form_add-one']()}
                     </Button>
                   </div>
                   <div className="space-y-2">
@@ -428,14 +427,14 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
                             onChange={(e) =>
                               setRequirements(requirements.map((x, j) => (j === i ? { ...x, title: e.target.value } : x)))
                             }
-                            placeholder={t('public.compliance-form.req-title')}
+                            placeholder={m['knowledge_public_compliance-form_req-title']()}
                           />
                           <Input
                             value={r.detail}
                             onChange={(e) =>
                               setRequirements(requirements.map((x, j) => (j === i ? { ...x, detail: e.target.value } : x)))
                             }
-                            placeholder={t('public.compliance-form.req-detail')}
+                            placeholder={m['knowledge_public_compliance-form_req-detail']()}
                           />
                         </div>
                         <Button
@@ -451,17 +450,17 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
                   </div>
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.legal-form.summary')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_legal-form_summary']()}</label>
                   <Textarea value={summary} onChange={(e) => setSummary(e.target.value)} rows={2} maxLength={1000} />
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.legal-form.content')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_legal-form_content']()}</label>
                   <div className="min-h-60 overflow-hidden rounded-md border">
-                    <NotionDocEditor content={content} onChange={(c) => setContent(c.html)} placeholder={t('public.legal-form.content-placeholder')} />
+                    <NotionDocEditor content={content} onChange={(c) => setContent(c.html)} placeholder={m['knowledge_public_legal-form_content-placeholder']()} />
                   </div>
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.legal-form.source-url')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_legal-form_source-url']()}</label>
                   <Input value={sourceUrl} onChange={(e) => setSourceUrl(e.target.value)} placeholder="https://..." />
                 </div>
               </>
@@ -470,7 +469,7 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
             {type === 'dictionary' && (
               <>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.compliance-form.industry')} *</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_compliance-form_industry']()} *</label>
                   <Select value={industry} onValueChange={setIndustry}>
                     <SelectTrigger>
                       <SelectValue />
@@ -478,33 +477,33 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
                     <SelectContent>
                       {INDUSTRY_OPTIONS.map((o) => (
                         <SelectItem key={o.value} value={o.value}>
-                          {t(o.label)}
+                          {o.label()}
                         </SelectItem>
                       ))}
                     </SelectContent>
                   </Select>
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.dictionary-form.definition')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_dictionary-form_definition']()}</label>
                   <MarkdownEditor value={definition} onChange={setDefinition} />
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.dictionary-form.aliases')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_dictionary-form_aliases']()}</label>
                   <KnowledgeTagInput tags={aliases} onChange={setAliases} />
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.dictionary-form.examples')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_dictionary-form_examples']()}</label>
                   <KnowledgeTagInput tags={examples} onChange={setExamples} />
                 </div>
                 <div className="flex flex-col gap-1.5">
-                  <label className="text-sm font-medium">{t('public.dictionary-form.reference-url')}</label>
+                  <label className="text-sm font-medium">{m['knowledge_public_dictionary-form_reference-url']()}</label>
                   <Input value={referenceUrl} onChange={(e) => setReferenceUrl(e.target.value)} placeholder="https://..." />
                 </div>
               </>
             )}
 
             <div className="flex flex-col gap-1.5">
-              <label className="text-sm font-medium">{t('public.legal-form.tags')}</label>
+              <label className="text-sm font-medium">{m['knowledge_public_legal-form_tags']()}</label>
               <KnowledgeTagInput tags={tags} onChange={setTags} />
             </div>
           </div>
@@ -512,10 +511,10 @@ export function KnowledgeFormDialog({ type, open, onOpenChange, editingId, onSuc
 
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)}>
-            {t('public.legal-form.cancel')}
+            {m['knowledge_public_legal-form_cancel']()}
           </Button>
           <Button onClick={submit} disabled={loading}>
-            {loading ? t('public.legal-form.saving') : t('public.legal-form.save')}
+            {loading ? m['knowledge_public_legal-form_saving']() : m['knowledge_public_legal-form_save']()}
           </Button>
         </DialogFooter>
       </DialogContent>

package/src/components/knowledge-public/knowledge-search-bar.tsx

@@ -18,7 +18,7 @@
 import { Input } from '@/components/ui/input'
 import { Button } from '@/components/ui/button'
 import { Plus, Search } from 'lucide-react'
-import { useTranslation } from 'react-i18next'
+import { m } from "@/paraglide/messages.js";
 
 interface Props {
   search: string
@@ -28,17 +28,16 @@ interface Props {
 }
 
 export function KnowledgeSearchBar({ search, onSearchChange, onCreate, createLabel }: Props) {
-  const { t } = useTranslation('knowledge')
   return (
     <div className="mx-auto flex w-full max-w-2xl flex-col items-center gap-3">
       <div className="relative w-full max-w-2xl mt-12">
         <Search className="absolute left-6 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
-        <Input value={search} onChange={(e) => onSearchChange(e.target.value)} placeholder={t('knowledgeSearch.placeholder')} className="pl-12 h-14 rounded-3xl bg-background/60 dark:border-primary/40" />
+        <Input value={search} onChange={(e) => onSearchChange(e.target.value)} placeholder={m.knowledge_knowledgeSearch_placeholder()} className="pl-12 h-14 rounded-3xl bg-background/60 dark:border-primary/40" />
       </div>
       {onCreate && (
         <Button onClick={onCreate} className="mt-4">
           <Plus className="h-4 w-4" />
-          {createLabel ?? t('knowledgeSearch.new')}
+          {createLabel ?? m.knowledge_knowledgeSearch_new()}
         </Button>
       )}
     </div>