@allbluecn/admin-app 0.1.0 → 0.2.1

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

@@ -80,7 +80,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
     if (item) {
       setLoading(true)
       adminGetComplianceDetailFn({ data: { id: item.id } })
-        .then((d) => {
+        .then((d: any) => {
           setForm({
             title: d.title ?? '',
             code: '',
@@ -98,7 +98,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
               : [],
           )
         })
-        .catch((e) => toast.error(e instanceof Error ? e.message : '加载失败'))
+        .catch((e: unknown) => toast.error(e instanceof Error ? e.message : '加载失败'))
         .finally(() => setLoading(false))
     } else {
       setForm(EMPTY)
@@ -173,7 +173,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                 <Label>标题 *</Label>
                 <Input
                   value={form.title}
-                  onChange={(e) => setForm((f) => ({ ...f, title: e.target.value }))}
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, title: e.target.value }))}
                   placeholder="如：支付卡行业数据安全标准"
                 />
               </div>
@@ -182,7 +182,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                   <Label>发文字号</Label>
                   <Input
                     value={form.code}
-                    onChange={(e) => setForm((f) => ({ ...f, code: e.target.value }))}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, code: e.target.value }))}
                     placeholder="如：PCI DSS 4.0"
                   />
                 </div>
@@ -190,7 +190,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                   <Label>所属行业 *</Label>
                   <Input
                     value={form.industry}
-                    onChange={(e) => setForm((f) => ({ ...f, industry: e.target.value }))}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, industry: e.target.value }))}
                     placeholder="如：金融"
                   />
                 </div>
@@ -198,7 +198,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                   <Label>地区</Label>
                   <Input
                     value={form.region}
-                    onChange={(e) => setForm((f) => ({ ...f, region: e.target.value }))}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, region: e.target.value }))}
                     placeholder="如：全球"
                   />
                 </div>
@@ -208,7 +208,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                   <Label>监管机构</Label>
                   <Input
                     value={form.regulatoryBody}
-                    onChange={(e) => setForm((f) => ({ ...f, regulatoryBody: e.target.value }))}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, regulatoryBody: e.target.value }))}
                     placeholder="如：PCI SSC"
                   />
                 </div>
@@ -216,7 +216,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                   <Label>来源链接</Label>
                   <Input
                     value={form.sourceUrl}
-                    onChange={(e) => setForm((f) => ({ ...f, sourceUrl: e.target.value }))}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, sourceUrl: e.target.value }))}
                     placeholder="https://"
                   />
                 </div>
@@ -225,7 +225,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                 <Label>摘要</Label>
                 <Textarea
                   value={form.summary}
-                  onChange={(e) => setForm((f) => ({ ...f, summary: e.target.value }))}
+                  onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setForm((f) => ({ ...f, summary: e.target.value }))}
                   rows={2}
                   placeholder="一句话简介"
                 />
@@ -248,12 +248,12 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                         <div className="grid flex-1 gap-1.5">
                           <Input
                             value={r.title}
-                            onChange={(e) => updateReq(i, 'title', e.target.value)}
+                            onChange={(e: React.ChangeEvent<HTMLInputElement>) => updateReq(i, 'title', e.target.value)}
                             placeholder="要求标题"
                           />
                           <Textarea
                             value={r.detail}
-                            onChange={(e) => updateReq(i, 'detail', e.target.value)}
+                            onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => updateReq(i, 'detail', e.target.value)}
                             rows={2}
                             placeholder="具体说明"
                           />
@@ -277,7 +277,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                 <Label>正文内容</Label>
                 <Textarea
                   value={form.content}
-                  onChange={(e) => setForm((f) => ({ ...f, content: e.target.value }))}
+                  onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setForm((f) => ({ ...f, content: e.target.value }))}
                   rows={6}
                   placeholder="补充说明内容"
                   className="font-mono text-sm"
@@ -287,7 +287,7 @@ export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: Co
                 <Label>标签（逗号分隔）</Label>
                 <Input
                   value={form.tags}
-                  onChange={(e) => setForm((f) => ({ ...f, tags: e.target.value }))}
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, tags: e.target.value }))}
                   placeholder="如：金融, 安全"
                 />
               </div>

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

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState, useEffect } from 'react'
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { Loader2 } from 'lucide-react'
 import { toast } from '@/components/ui/sonner'
 import { Button } from '@/components/ui/button'
@@ -65,6 +65,12 @@ const JURISDICTIONS: Array<{ value: 'CN_NATIONAL' | 'CN_LOCAL' | 'OVERSEAS' }> =
   { value: 'OVERSEAS' },
 ]
 
+const JURISDICTION_LABELS: Record<string, () => string> = {
+  CN_NATIONAL: m.common_legalForm_jurisdictions_CN_NATIONAL,
+  CN_LOCAL: m.common_legalForm_jurisdictions_CN_LOCAL,
+  OVERSEAS: m.common_legalForm_jurisdictions_OVERSEAS,
+}
+
 interface LegalFormDialogProps {
   open: boolean
   onOpenChange: (open: boolean) => void
@@ -90,7 +96,6 @@ const EMPTY = {
 const JURISDICTION_KEYS = ['CN_NATIONAL', 'CN_LOCAL', 'OVERSEAS'] as const
 
 export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFormDialogProps) {
-  const { t } = useTranslation('common')
   const isEdit = !!item
   const [form, setForm] = useState(EMPTY)
   const [saving, setSaving] = useState(false)
@@ -101,7 +106,7 @@ export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFo
     if (item) {
       setLoading(true)
       adminGetLegalDetailFn({ data: { id: item.id } })
-        .then((d) => {
+        .then((d: any) => {
           setForm({
             title: d.title ?? '',
             code: '',
@@ -119,7 +124,7 @@ export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFo
             tags: ((d.tags as string[]) ?? []).join(', '),
           })
         })
-        .catch((e) => toast.error(e instanceof Error ? e.message : t('legalForm.loadFailed')))
+        .catch((e: unknown) => toast.error(e instanceof Error ? e.message : m.common_legalForm_loadFailed()))
         .finally(() => setLoading(false))
     } else {
       setForm(EMPTY)
@@ -129,11 +134,11 @@ export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFo
   async function handleSubmit(e: React.FormEvent) {
     e.preventDefault()
     if (!form.title.trim()) {
-      toast.error(t('legalForm.titleRequired'))
+      toast.error(m.common_legalForm_titleRequired())
       return
     }
     if (!form.category.trim()) {
-      toast.error(t('legalForm.categoryRequired'))
+      toast.error(m.common_legalForm_categoryRequired())
       return
     }
     setSaving(true)
@@ -154,15 +159,15 @@ export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFo
       }
       if (isEdit && item) {
         await adminUpdateLegalFn({ data: { id: item.id, ...payload } })
-        toast.success(t('legalForm.updated'))
+        toast.success(m.common_legalForm_updated())
       } else {
         await adminCreateLegalFn({ data: payload })
-        toast.success(t('legalForm.created'))
+        toast.success(m.common_legalForm_created())
       }
       onSuccess()
       onOpenChange(false)
     } catch (err) {
-      toast.error(err instanceof Error ? err.message : t('legalForm.saveFailed'))
+      toast.error(err instanceof Error ? err.message : m.common_legalForm_saveFailed())
     } finally {
       setSaving(false)
     }
@@ -172,7 +177,7 @@ export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFo
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-h-[90vh] overflow-y-auto sm:max-w-2xl">
         <DialogHeader>
-          <DialogTitle>{isEdit ? t('legalForm.edit') : t('legalForm.create')}</DialogTitle>
+          <DialogTitle>{isEdit ? m.common_legalForm_edit() : m.common_legalForm_create()}</DialogTitle>
         </DialogHeader>
         {loading ? (
           <div className="flex h-40 items-center justify-center">
@@ -182,27 +187,27 @@ export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFo
           <form onSubmit={handleSubmit}>
             <div className="grid gap-4 py-1">
               <div className="grid gap-2">
-                <Label>{t('legalForm.title')}</Label>
+                <Label>{m.common_legalForm_title()}</Label>
                 <Input
                   value={form.title}
-                  onChange={(e) => setForm((f) => ({ ...f, title: e.target.value }))}
-                  placeholder={t('legalForm.titlePlaceholder')}
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, title: e.target.value }))}
+                  placeholder={m.common_legalForm_titlePlaceholder()}
                 />
               </div>
               <div className="grid grid-cols-2 gap-4">
                 <div className="grid gap-2">
-                  <Label>{t('legalForm.code')}</Label>
+                  <Label>{m.common_legalForm_code()}</Label>
                   <Input
                     value={form.code}
-                    onChange={(e) => setForm((f) => ({ ...f, code: e.target.value }))}
-                    placeholder={t('legalForm.codePlaceholder')}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, code: e.target.value }))}
+                    placeholder={m.common_legalForm_codePlaceholder()}
                   />
                 </div>
                 <div className="grid gap-2">
-                  <Label>{t('legalForm.jurisdiction')}</Label>
+                  <Label>{m.common_legalForm_jurisdiction()}</Label>
                   <Select
                     value={form.jurisdiction}
-                    onValueChange={(v) => setForm((f) => ({ ...f, jurisdiction: v }))}
+                    onValueChange={(v: string) => setForm((f) => ({ ...f, jurisdiction: v }))}
                   >
                     <SelectTrigger className="w-full">
                       <SelectValue />
@@ -210,7 +215,7 @@ export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFo
                     <SelectContent>
                       {JURISDICTIONS.map((j) => (
                         <SelectItem key={j.value} value={j.value}>
-                          {t(`legalForm.jurisdictions.${j.value}`)}
+                          {(JURISDICTION_LABELS[j.value] ?? (() => j.value))()}
                         </SelectItem>
                       ))}
                     </SelectContent>
@@ -219,92 +224,92 @@ export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFo
               </div>
               <div className="grid grid-cols-3 gap-4">
                 <div className="grid gap-2">
-                  <Label>{t('legalForm.category')}</Label>
+                  <Label>{m.common_legalForm_category()}</Label>
                   <Input
                     value={form.category}
-                    onChange={(e) => setForm((f) => ({ ...f, category: e.target.value }))}
-                    placeholder={t('legalForm.categoryPlaceholder')}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, category: e.target.value }))}
+                    placeholder={m.common_legalForm_categoryPlaceholder()}
                   />
                 </div>
                 <div className="grid gap-2">
-                  <Label>{t('legalForm.region')}</Label>
+                  <Label>{m.common_legalForm_region()}</Label>
                   <Input
                     value={form.region}
-                    onChange={(e) => setForm((f) => ({ ...f, region: e.target.value }))}
-                    placeholder={t('legalForm.regionPlaceholder')}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, region: e.target.value }))}
+                    placeholder={m.common_legalForm_regionPlaceholder()}
                   />
                 </div>
                 <div className="grid gap-2">
-                  <Label>{t('legalForm.country')}</Label>
+                  <Label>{m.common_legalForm_country()}</Label>
                   <Input
                     value={form.country}
-                    onChange={(e) => setForm((f) => ({ ...f, country: e.target.value }))}
-                    placeholder={t('legalForm.countryPlaceholder')}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, country: e.target.value }))}
+                    placeholder={m.common_legalForm_countryPlaceholder()}
                   />
                 </div>
               </div>
               <div className="grid grid-cols-2 gap-4">
                 <div className="grid gap-2">
-                  <Label>{t('legalForm.issuingAuthority')}</Label>
+                  <Label>{m.common_legalForm_issuingAuthority()}</Label>
                   <Input
                     value={form.issuingAuthority}
-                    onChange={(e) => setForm((f) => ({ ...f, issuingAuthority: e.target.value }))}
-                    placeholder={t('legalForm.issuingAuthorityPlaceholder')}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, issuingAuthority: e.target.value }))}
+                    placeholder={m.common_legalForm_issuingAuthorityPlaceholder()}
                   />
                 </div>
                 <div className="grid gap-2">
-                  <Label>{t('legalForm.effectiveDate')}</Label>
+                  <Label>{m.common_legalForm_effectiveDate()}</Label>
                   <Input
                     type="date"
                     value={form.effectiveDate}
-                    onChange={(e) => setForm((f) => ({ ...f, effectiveDate: e.target.value }))}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, effectiveDate: e.target.value }))}
                   />
                 </div>
               </div>
               <div className="grid gap-2">
-                <Label>{t('legalForm.summary')}</Label>
+                <Label>{m.common_legalForm_summary()}</Label>
                 <Textarea
                   value={form.summary}
-                  onChange={(e) => setForm((f) => ({ ...f, summary: e.target.value }))}
+                  onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setForm((f) => ({ ...f, summary: e.target.value }))}
                   rows={2}
-                  placeholder={t('legalForm.summaryPlaceholder')}
+                  placeholder={m.common_legalForm_summaryPlaceholder()}
                 />
               </div>
               <div className="grid gap-2">
-                <Label>{t('legalForm.content')}</Label>
+                <Label>{m.common_legalForm_content()}</Label>
                 <Textarea
                   value={form.content}
-                  onChange={(e) => setForm((f) => ({ ...f, content: e.target.value }))}
+                  onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setForm((f) => ({ ...f, content: e.target.value }))}
                   rows={8}
-                  placeholder={t('legalForm.contentPlaceholder')}
+                  placeholder={m.common_legalForm_contentPlaceholder()}
                   className="font-mono text-sm"
                 />
               </div>
               <div className="grid grid-cols-2 gap-4">
                 <div className="grid gap-2">
-                  <Label>{t('legalForm.sourceUrl')}</Label>
+                  <Label>{m.common_legalForm_sourceUrl()}</Label>
                   <Input
                     value={form.sourceUrl}
-                    onChange={(e) => setForm((f) => ({ ...f, sourceUrl: e.target.value }))}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, sourceUrl: e.target.value }))}
                     placeholder="https://"
                   />
                 </div>
                 <div className="grid gap-2">
-                  <Label>{t('legalForm.tags')}</Label>
+                  <Label>{m.common_legalForm_tags()}</Label>
                   <Input
                     value={form.tags}
-                    onChange={(e) => setForm((f) => ({ ...f, tags: e.target.value }))}
-                    placeholder={t('legalForm.tagsPlaceholder')}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, tags: e.target.value }))}
+                    placeholder={m.common_legalForm_tagsPlaceholder()}
                   />
                 </div>
               </div>
             </div>
             <DialogFooter>
                 <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-                  {t('common.cancel')}
+                  {m.common_common_cancel()}
                 </Button>
                 <Button type="submit" disabled={saving}>
-                  {saving ? t('legalForm.saving') : t('common.save')}
+                  {saving ? m.common_legalForm_saving() : m.common_button_save()}
                 </Button>
             </DialogFooter>
           </form>

package/src/components/layout/sidebar-02/app-sidebar.tsx

@@ -15,7 +15,6 @@
 // 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 { useTranslation } from 'react-i18next'
 import {
   Sidebar,
   SidebarContent,
@@ -25,6 +24,7 @@ import {
   useSidebar,
 } from "@/components/ui/sidebar";
 import { cn } from "@/lib/utils";
+import { m } from '@/paraglide/messages.js'
 import { motion } from "motion/react";
 import {
   Home,
@@ -52,54 +52,54 @@ import DashboardNavigation from "@/components/layout/sidebar-02/nav-main";
 import { NotificationsPopover } from "@/components/layout/sidebar-02/nav-notifications";
 import { AdminUserMenu } from "@/components/admin/admin-user-menu";
 
-function buildDashboardRoutes(t: (key: string) => string): Route[] {
+function buildDashboardRoutes(): Route[] {
   return [
-    { id: "home", title: t('nav.dashboard'), icon: <Home className="size-4" />, link: "/dashboard" },
-    { id: "users", title: t('nav.users'), icon: <Users className="size-4" />, link: "/users" },
-    { id: "docs", title: t('nav.docs'), icon: <FileText className="size-4" />, link: "/docs" },
-    { id: "apps", title: t('nav.apps'), icon: <Package2 className="size-4" />, link: "/apps" },
+    { id: "home", title: m.common_nav_dashboard(), icon: <Home className="size-4" />, link: "/dashboard" },
+    { id: "users", title: m.common_nav_users(), icon: <Users className="size-4" />, link: "/users" },
+    { id: "docs", title: m.common_nav_docs(), icon: <FileText className="size-4" />, link: "/docs" },
+    { id: "apps", title: m.common_nav_apps(), icon: <Package2 className="size-4" />, link: "/apps" },
     {
-      id: "knowledge-public", title: t('nav.knowledgePublic.title'), icon: <Library className="size-4" />, link: "#",
+      id: "knowledge-public", title: m.common_nav_knowledgePublic_title(), icon: <Library className="size-4" />, link: "#",
       subs: [
-        { title: t('nav.knowledgePublic.laws'), link: "/knowledge-public/legal", icon: <Scale className="size-4" /> },
-        { title: t('nav.knowledgePublic.compliance'), link: "/knowledge-public/compliance", icon: <ShieldCheck className="size-4" /> },
-        { title: t('nav.knowledgePublic.bookmarks'), link: "/knowledge-public/bookmarks", icon: <Bookmark className="size-4" /> },
+        { title: m.common_nav_knowledgePublic_laws(), link: "/knowledge-public/legal", icon: <Scale className="size-4" /> },
+        { title: m.common_nav_knowledgePublic_compliance(), link: "/knowledge-public/compliance", icon: <ShieldCheck className="size-4" /> },
+        { title: m.common_nav_knowledgePublic_bookmarks(), link: "/knowledge-public/bookmarks", icon: <Bookmark className="size-4" /> },
       ],
     },
-    { id: "ai-providers", title: t('nav.aiProviders'), icon: <Bot className="size-4" />, link: "/ai-providers" },
-    { id: "components", title: t('nav.components'), icon: <Layers className="size-4" />, link: "/components" },
-    { id: "dependencies", title: t('nav.dependencies'), icon: <Boxes className="size-4" />, link: "/dependencies" },
-    { id: "developer-logs", title: t('nav.developerLogs'), icon: <ScrollText className="size-4" />, link: "/developer-logs" },
-    { id: "market", title: t('nav.market'), icon: <ShoppingBag className="size-4" />, link: "/market" },
+    { id: "ai-providers", title: m.common_nav_aiProviders(), icon: <Bot className="size-4" />, link: "/ai-providers" },
+    { id: "components", title: m.common_nav_components(), icon: <Layers className="size-4" />, link: "/components" },
+    { id: "dependencies", title: m.common_nav_dependencies(), icon: <Boxes className="size-4" />, link: "/dependencies" },
+    { id: "developer-logs", title: m.common_nav_developerLogs(), icon: <ScrollText className="size-4" />, link: "/developer-logs" },
+    { id: "market", title: m.common_nav_market(), icon: <ShoppingBag className="size-4" />, link: "/market" },
     {
-      id: "billing", title: t('nav.billing.title'), icon: <CreditCard className="size-4" />, link: "#",
+      id: "billing", title: m.common_nav_billing_title(), icon: <CreditCard className="size-4" />, link: "#",
       subs: [
-        { title: t('nav.billing.subscriptions'), link: "/billing/subscriptions" },
-        { title: t('nav.billing.invoices'), link: "/billing/invoices" },
+        { title: m.common_nav_billing_subscriptions(), link: "/billing/subscriptions" },
+        { title: m.common_nav_billing_invoices(), link: "/billing/invoices" },
       ],
     },
     {
-      id: "enterprise", title: t('nav.enterprise.title'), icon: <Shield className="size-4" />, link: "#",
+      id: "enterprise", title: m.common_nav_enterprise_title(), icon: <Shield className="size-4" />, link: "#",
       subs: [
-        { title: t('nav.enterprise.licenses'), link: "/licenses" },
-        { title: t('nav.enterprise.audit'), link: "/audit" },
-        { title: t('nav.enterprise.sso'), link: "/sso" },
-        { title: t('nav.enterprise.permissions'), link: "/permissions" },
-        { title: t('nav.enterprise.compliance'), link: "/compliance" },
+        { title: m.common_nav_enterprise_licenses(), link: "/licenses" },
+        { title: m.common_nav_enterprise_audit(), link: "/audit" },
+        { title: m.common_nav_enterprise_sso(), link: "/sso" },
+        { title: m.common_nav_enterprise_permissions(), link: "/permissions" },
+        { title: m.common_nav_enterprise_compliance(), link: "/compliance" },
       ],
     },
     {
-      id: "monitoring", title: t('nav.monitoring.title'), icon: <Activity className="size-4" />, link: "#",
+      id: "monitoring", title: m.common_nav_monitoring_title(), icon: <Activity className="size-4" />, link: "#",
       subs: [
-        { title: t('nav.monitoring.overview'), link: "/monitoring/overview" },
-        { title: t('nav.monitoring.logs'), link: "/monitoring/logs" },
-        { title: t('nav.monitoring.errors'), link: "/monitoring/errors" },
-        { title: t('nav.monitoring.metrics'), link: "/monitoring/metrics" },
-        { title: t('nav.monitoring.health'), link: "/monitoring/health" },
-        { title: t('nav.monitoring.sentry'), link: "/monitoring/sentry" },
+        { title: m.common_nav_monitoring_overview(), link: "/monitoring/overview" },
+        { title: m.common_nav_monitoring_logs(), link: "/monitoring/logs" },
+        { title: m.common_nav_monitoring_errors(), link: "/monitoring/errors" },
+        { title: m.common_nav_monitoring_metrics(), link: "/monitoring/metrics" },
+        { title: m.common_nav_monitoring_health(), link: "/monitoring/health" },
+        { title: m.common_nav_monitoring_sentry(), link: "/monitoring/sentry" },
       ],
     },
-    { id: "settings", title: t('nav.settings'), icon: <Settings className="size-4" />, link: "/settings" },
+    { id: "settings", title: m.common_nav_settings(), icon: <Settings className="size-4" />, link: "/settings" },
   ]
 }
 
@@ -110,10 +110,9 @@ const teams = [
 ];
 
 export function DashboardSidebar({ routes: propRoutes }: { routes?: Route[] }) {
-  const { t } = useTranslation('common')
   const { state } = useSidebar();
   const isCollapsed = state === "collapsed";
-  const routes = propRoutes || buildDashboardRoutes(t);
+  const routes = propRoutes || buildDashboardRoutes();
 
   return (
     <Sidebar variant="inset" collapsible="icon">

package/src/components/layout/sidebar-02/nav-main.tsx

@@ -73,7 +73,7 @@ export default function DashboardNavigation({ routes }: { routes: Route[] }) {
             {hasSubRoutes ? (
               <Collapsible
                 open={isOpen}
-                onOpenChange={(open) =>
+                onOpenChange={(open: boolean) =>
                   setOpenCollapsible(open ? route.id : null)
                 }
                 className="w-full"

package/src/components/market/columns.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type { AdminColumnDef } from "@/components/data-table/data-table";
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import {
@@ -50,11 +50,10 @@ export function getMarketColumns(
   onToggleStatus: (app: MarketAppRow) => void,
   onDelete: (app: MarketAppRow) => void
 ): AdminColumnDef<MarketAppRow>[] {
-  const { t } = useTranslation('common')
   const statusLabel: Record<string, string> = {
-    PUBLISHED: t('market.statusLabel.published'),
-    DRAFT: t('market.statusLabel.draft'),
-    UNPUBLISHED: t('market.statusLabel.unpublished'),
+    PUBLISHED: m.common_market_statusLabel_published(),
+    DRAFT: m.common_market_statusLabel_draft(),
+    UNPUBLISHED: m.common_market_statusLabel_unpublished(),
   }
   const statusBadgeVariant: Record<string, "default" | "secondary" | "destructive" | "outline"> = {
     PUBLISHED: "default",
@@ -65,8 +64,8 @@ export function getMarketColumns(
   return [
     {
       accessorKey: "displayName",
-      header: t('market.columns.appName'),
-      cell: ({ row }) => {
+      header: m.common_market_columns_appName(),
+      cell: ({ row }: any) => {
         const app = row.original
         return (
           <div>
@@ -78,13 +77,13 @@ export function getMarketColumns(
     },
     {
       accessorKey: "category",
-      header: t('market.columns.category'),
-      cell: ({ row }) => row.original.category || "-",
+      header: m.common_market_columns_category(),
+      cell: ({ row }: any) => row.original.category || "-",
     },
     {
       accessorKey: "entryUrl",
-      header: t('market.columns.entryUrl'),
-      cell: ({ row }) => (
+      header: m.common_market_columns_entryUrl(),
+      cell: ({ row }: any) => (
         <span className="max-w-48 truncate text-sm text-muted-foreground">
           {row.original.entryUrl}
         </span>
@@ -92,25 +91,25 @@ export function getMarketColumns(
     },
     {
       accessorKey: "downloads",
-      header: t('market.columns.downloads'),
+      header: m.common_market_columns_downloads(),
     },
     {
       accessorKey: "status",
-      header: t('market.columns.status'),
-      cell: ({ row }) => {
+      header: m.common_market_columns_status(),
+      cell: ({ row }: any) => {
         const status = row.original.status
         return <Badge variant={statusBadgeVariant[status] || "secondary"}>{statusLabel[status] || status}</Badge>
       },
     },
     {
       accessorKey: "createdAt",
-      header: t('market.columns.createdAt'),
-      cell: ({ row }) => new Date(row.original.createdAt).toLocaleDateString("zh-CN"),
+      header: m.common_market_columns_createdAt(),
+      cell: ({ row }: any) => new Date(row.original.createdAt).toLocaleDateString("zh-CN"),
     },
     {
       id: "actions",
       header: "",
-      cell: ({ row }) => {
+      cell: ({ row }: any) => {
         const app = row.original
         return (
           <DropdownMenu>
@@ -122,25 +121,25 @@ export function getMarketColumns(
             <DropdownMenuContent align="end">
               <DropdownMenuItem onClick={() => onEdit(app)}>
                 <PencilIcon className="mr-2 size-4" />
-                {t('common.edit')}
+                {m.common_common_edit()}
               </DropdownMenuItem>
               <DropdownMenuItem onClick={() => onToggleStatus(app)}>
                 {app.status === "PUBLISHED" ? (
                   <>
                     <EyeOffIcon className="mr-2 size-4" />
-                    {t('market.unpublish')}
+                    {m.common_market_unpublish()}
                   </>
                 ) : (
                   <>
                     <EyeIcon className="mr-2 size-4" />
-                    {t('market.publish')}
+                    {m.common_market_publish()}
                   </>
                 )}
               </DropdownMenuItem>
               <DropdownMenuSeparator />
               <DropdownMenuItem className="text-destructive" onClick={() => onDelete(app)}>
                 <TrashIcon className="mr-2 size-4" />
-                {t('common.delete')}
+                {m.common_common_delete()}
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>