@allbluecn/admin-app 0.1.0 → 0.2.1

package/src/components/data-table/data-table-pagination.tsx

@@ -24,8 +24,7 @@ import {
   PaginationNext,
   PaginationPrevious,
 } from "@/components/ui/pagination";
-import { useTranslation } from 'react-i18next'
-
+import { m } from '@/paraglide/messages.js'
 interface DataTablePaginationProps {
   page: number;
   totalPages: number;
@@ -66,19 +65,18 @@ export function DataTablePagination({
   total,
   onPageChange,
 }: DataTablePaginationProps) {
-  const { t } = useTranslation('common')
   const pages = getPageNumbers(page, totalPages);
 
   return (
     <div className="flex items-center justify-between gap-4 px-2 py-4">
       <div className="text-sm text-muted-foreground whitespace-nowrap shrink-0">
-        {t('pagination.total', { total, page, totalPages })}
+        {m.common_pagination_total({ total, page, totalPages })}
       </div>
       <Pagination className="justify-end">
         <PaginationContent>
           <PaginationItem>
             <PaginationPrevious
-              text={t('pagination.prev')}
+              text={m.common_pagination_prev()}
               onClick={() => page > 1 && onPageChange(page - 1)}
               className={page <= 1 ? "pointer-events-none opacity-50" : "cursor-pointer"}
             />
@@ -102,7 +100,7 @@ export function DataTablePagination({
           )}
           <PaginationItem>
             <PaginationNext
-              text={t('pagination.next')}
+              text={m.common_pagination_next()}
               onClick={() => page < totalPages && onPageChange(page + 1)}
               className={page >= totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"}
             />

package/src/components/data-table/table-detail-layout.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useNavigate } from "@tanstack/react-router";
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { ArrowLeftIcon } from "lucide-react";
@@ -44,9 +44,8 @@ export function TableDetailLayout({
   loading,
   children,
 }: TableDetailLayoutProps) {
-  const { t } = useTranslation('common')
   const navigate = useNavigate();
-  const resolvedBackLabel = backLabel ?? t('common.backToList')
+  const resolvedBackLabel = backLabel ?? m.common_common_backToList()
 
   if (loading) {
     return (

package/src/components/dependency/changelog-dialog.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react"
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import ReactMarkdown from "react-markdown"
 import remarkGfm from "remark-gfm"
 import { ExternalLink, FileText } from "lucide-react"
@@ -32,7 +32,6 @@ import {
 
 export function ChangelogDialog({ row }: { row: ThirdPartyDependencyRow }) {
   const [open, setOpen] = useState(false)
-  const { t } = useTranslation('common')
   const hasChangelog = !!row.latestChangelog
 
   if (!hasChangelog) {
@@ -42,9 +41,9 @@ export function ChangelogDialog({ row }: { row: ThirdPartyDependencyRow }) {
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
-        <Button size="sm" variant="ghost" className="h-7 gap-1 px-2" title={t('dependency.table.cell.viewChangelog')}>
+        <Button size="sm" variant="ghost" className="h-7 gap-1 px-2" title={m.common_dependency_table_cell_viewChangelog()}>
           <FileText className="size-3.5" />
-          <span className="text-xs">{t('dependency.table.cell.changelogBtn')}</span>
+          <span className="text-xs">{m.common_dependency_table_cell_changelogBtn()}</span>
         </Button>
       </DialogTrigger>
       <DialogContent className="max-h-[85vh] w-200 max-w-4xl overflow-hidden p-0">

package/src/components/dependency/columns.tsx

@@ -23,6 +23,7 @@ import {
   type ColumnDef,
 } from "@tanstack/react-table"
 import { CheckCircle2, ExternalLink, Loader2, RefreshCw } from "lucide-react"
+import { m } from '@/paraglide/messages.js'
 import {
   DEPENDENCY_CATEGORIES,
   type ThirdPartyDependencyRow,
@@ -49,37 +50,44 @@ export const STATUS_META: Record<VersionStatus, { className: string }> = {
   unknown: { className: "bg-muted text-muted-foreground border-border" },
 }
 
-export function getDependencyStatusLabel(t: (k: string) => string, status: VersionStatus) {
-  return t(`dependency.statusLabel.${status}`)
+const STATUS_LABELS: Record<string, () => string> = {
+  latest: m.common_dependency_statusLabel_latest,
+  patch: m.common_dependency_statusLabel_patch,
+  minor: m.common_dependency_statusLabel_minor,
+  major: m.common_dependency_statusLabel_major,
+  unknown: m.common_dependency_statusLabel_unknown,
 }
 
-export function getDependencyTimeAgo(t: (k: string, params?: Record<string, unknown>) => string, iso: string | null): string {
+export function getDependencyStatusLabel(status: VersionStatus) {
+  return (STATUS_LABELS[status] ?? (() => status))()
+}
+
+export function getDependencyTimeAgo(iso: string | null): string {
   if (!iso) return "—"
   const d = new Date(iso)
   if (Number.isNaN(d.getTime())) return "—"
   const diff = Date.now() - d.getTime()
   const min = Math.floor(diff / 60000)
-  if (min < 1) return t('dependency.timeAgo.justNow')
-  if (min < 60) return t('dependency.timeAgo.minutes', { count: min })
+  if (min < 1) return m.common_dependency_timeAgo_justNow()
+  if (min < 60) return m.common_dependency_timeAgo_minutes({ count: min })
   const hr = Math.floor(min / 60)
-  if (hr < 24) return t('dependency.timeAgo.hours', { count: hr })
+  if (hr < 24) return m.common_dependency_timeAgo_hours({ count: hr })
   const day = Math.floor(hr / 24)
-  return t('dependency.timeAgo.days', { count: day })
+  return m.common_dependency_timeAgo_days({ count: day })
 }
 
 interface ColumnOpts {
   syncing: Set<string>
   onSync: (name: string) => void
   onSaved: () => void
-  t: (k: string, params?: Record<string, unknown>) => string
 }
 
 export function getDependencyColumns(opts: ColumnOpts): ColumnDef<typeof dependencyTableFeatures, ThirdPartyDependencyRow>[] {
-  const { syncing, onSync, onSaved, t } = opts
+  const { syncing, onSync, onSaved } = opts
   return [
     {
       accessorKey: "displayName",
-      header: t('dependency.table.columns.dependency'),
+      header: m.common_dependency_table_columns_dependency(),
       cell: ({ row }) => {
         const r = row.original
         return (
@@ -88,12 +96,12 @@ export function getDependencyColumns(opts: ColumnOpts): ColumnDef<typeof depende
               <span className="font-medium">{r.displayName}</span>
               {!r.isWatched && (
                 <Badge variant="outline" className="px-1 py-0 text-[10px] text-muted-foreground">
-                  {t('dependency.table.cell.untracked')}
+                  {m.common_dependency_table_cell_untracked()}
                 </Badge>
               )}
               {r.priority === "high" && r.isWatched && (
                 <Badge variant="outline" className={cn("px-1 py-0 text-[10px]", PRIORITY_BADGE.high)}>
-                  {t('dependency.table.cell.highPriority')}
+                  {m.common_dependency_table_cell_highPriority()}
                 </Badge>
               )}
             </div>
@@ -114,7 +122,7 @@ export function getDependencyColumns(opts: ColumnOpts): ColumnDef<typeof depende
     },
     {
       accessorKey: "description",
-      header: t('dependency.table.columns.description'),
+      header: m.common_dependency_table_columns_description(),
       cell: ({ row }) => {
         const desc = row.original.description
         if (!desc) return <span className="text-xs text-muted-foreground">—</span>
@@ -132,7 +140,7 @@ export function getDependencyColumns(opts: ColumnOpts): ColumnDef<typeof depende
     },
     {
       accessorKey: "category",
-      header: t('dependency.table.columns.category'),
+      header: m.common_dependency_table_columns_category(),
       cell: ({ row }) => (
         <Badge variant="outline" className="font-normal">
           {DEPENDENCY_CATEGORIES.find((c) => c.value === row.original.category)?.label ?? row.original.category}
@@ -141,10 +149,10 @@ export function getDependencyColumns(opts: ColumnOpts): ColumnDef<typeof depende
     },
     {
       accessorKey: "currentVersion",
-      header: t('dependency.table.columns.currentVersion'),
+      header: m.common_dependency_table_columns_currentVersion(),
       cell: ({ row }) => {
         const r = row.original
-        if (!r.currentVersion) return <span className="text-xs text-muted-foreground">{t('dependency.table.cell.notInstalled')}</span>
+        if (!r.currentVersion) return <span className="text-xs text-muted-foreground">{m.common_dependency_table_cell_notInstalled()}</span>
         if (r.usages.length > 1) {
           return (
             <Tooltip>
@@ -170,38 +178,38 @@ export function getDependencyColumns(opts: ColumnOpts): ColumnDef<typeof depende
     },
     {
       accessorKey: "latestVersion",
-      header: t('dependency.table.columns.latestVersion'),
+      header: m.common_dependency_table_columns_latestVersion(),
       cell: ({ row }) =>
         row.original.latestVersion ?? <span className="text-muted-foreground">—</span>,
     },
     {
       id: "changelog",
-      header: t('dependency.table.columns.changelog'),
+      header: m.common_dependency_table_columns_changelog(),
       cell: ({ row }) => <ChangelogDialog row={row.original} />,
     },
     {
       accessorKey: "versionStatus",
-      header: t('dependency.table.columns.status'),
+      header: m.common_dependency_table_columns_status(),
       cell: ({ row }) => {
         const status = row.original.versionStatus
         return (
           <Badge variant="outline" className={cn("font-normal", STATUS_META[status].className)}>
             {status === "latest" && <CheckCircle2 className="mr-1 size-3" />}
-            {getDependencyStatusLabel(t, status)}
+            {getDependencyStatusLabel(status)}
           </Badge>
         )
       },
     },
     {
       accessorKey: "lastSyncAt",
-      header: t('dependency.table.columns.lastSync'),
+      header: m.common_dependency_table_columns_lastSync(),
       cell: ({ row }) => (
-        <span className="text-xs text-muted-foreground">{getDependencyTimeAgo(t, row.original.lastSyncAt)}</span>
+        <span className="text-xs text-muted-foreground">{getDependencyTimeAgo(row.original.lastSyncAt)}</span>
       ),
     },
     {
       id: "actions",
-      header: () => <div className="text-right">{t('dependency.table.columns.actions')}</div>,
+      header: () => <div className="text-right">{m.common_dependency_table_columns_actions()}</div>,
       cell: ({ row }) => {
         const r = row.original
         const isSyncing = syncing.has(r.name)
@@ -213,7 +221,7 @@ export function getDependencyColumns(opts: ColumnOpts): ColumnDef<typeof depende
               className="size-7 p-0"
               onClick={() => onSync(r.name)}
               disabled={isSyncing}
-              title={t('dependency.table.cell.syncTooltip')}
+              title={m.common_dependency_table_cell_syncTooltip()}
             >
               {isSyncing ? <Loader2 className="size-3.5 animate-spin" /> : <RefreshCw className="size-3.5" />}
             </Button>

package/src/components/dependency/dependency-table.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useMemo, useState } from "react"
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import {
   flexRender,
   useTable,
@@ -66,6 +66,15 @@ const STATUS_FILTERS: Array<{ value: "all" | VersionStatus }> = [
   { value: "unknown" },
 ]
 
+const STATUS_FILTER_LABELS: Record<typeof STATUS_FILTERS[number]['value'], () => string> = {
+  all: m.common_dependency_table_statusFilter_all,
+  latest: m.common_dependency_table_statusFilter_latest,
+  patch: m.common_dependency_table_statusFilter_patch,
+  minor: m.common_dependency_table_statusFilter_minor,
+  major: m.common_dependency_table_statusFilter_major,
+  unknown: m.common_dependency_table_statusFilter_unknown,
+}
+
 export function DependencyTable({
   data,
   onMutated,
@@ -73,7 +82,6 @@ export function DependencyTable({
   data: ThirdPartyDependencyRow[]
   onMutated?: () => void
 }) {
-  const { t } = useTranslation('common')
   const [search, setSearch] = useState("")
   const [categoryFilter, setCategoryFilter] = useState<"all" | DependencyCategory>("all")
   const [statusFilter, setStatusFilter] = useState<"all" | VersionStatus>("all")
@@ -100,8 +108,8 @@ export function DependencyTable({
   }, [data, search, categoryFilter, statusFilter, viewFilter])
 
   const columns = useMemo(
-    () => getDependencyColumns({ syncing, onSync: handleSync, onSaved: () => onMutated?.(), t }),
-    [syncing, onMutated, t],
+    () => getDependencyColumns({ syncing, onSync: handleSync, onSaved: () => onMutated?.() }),
+    [syncing, onMutated],
   )
 
   const table = useTable({
@@ -128,10 +136,10 @@ export function DependencyTable({
     try {
       const res = await syncDependencyFn({ data: { name } })
       if (res.success) {
-        toast.success(t('dependency.table.toast.updated', { name, version: res.latestVersion ?? "?" }))
+        toast.success(m.common_dependency_table_toast_updated({ name, version: res.latestVersion ?? "?" }))
         onMutated?.()
       } else {
-        toast.error(t('dependency.table.toast.syncFailed', { name, error: res.error ?? t('dependency.table.toast.unknown') }))
+        toast.error(m.common_dependency_table_toast_syncFailed({ name, error: res.error ?? m.common_dependency_table_toast_unknown() }))
       }
     } finally {
       setSyncing((s) => {
@@ -145,18 +153,18 @@ export function DependencyTable({
   async function handleSyncAll() {
     const names = filtered.map((r) => r.name)
     if (names.length === 0) {
-      toast.info(t('dependency.table.toast.noSyncable'))
+      toast.info(m.common_dependency_table_toast_noSyncable())
       return
     }
     setSyncingAll(true)
     try {
       const results = await syncAllDependenciesFn({ data: { names } })
-      const ok = results.filter((r) => r.success)
-      const fail = results.filter((r) => !r.success)
-      if (ok.length) toast.success(t('dependency.table.toast.syncSuccess', { count: ok.length }))
+      const ok = results.filter((r: any) => r.success)
+      const fail = results.filter((r: any) => !r.success)
+      if (ok.length) toast.success(m.common_dependency_table_toast_syncSuccess({ count: ok.length }))
       if (fail.length)
-        toast.error(t('dependency.table.toast.syncFailedCount', { count: fail.length }), {
-          description: fail.map((f) => `${f.name}: ${f.error}`).slice(0, 3).join("\n"),
+        toast.error(m.common_dependency_table_toast_syncFailedCount({ count: fail.length }), {
+          description: fail.map((f: any) => `${f.name}: ${f.error}`).slice(0, 3).join("\n"),
         })
       onMutated?.()
     } finally {
@@ -171,16 +179,16 @@ export function DependencyTable({
     <div className="space-y-4">
       <div className="flex flex-wrap items-center gap-3">
         <div className="flex items-center gap-2 text-sm text-muted-foreground">
-          <Badge variant="outline">{t('dependency.table.stats.watched', { watchedCount })}</Badge>
+          <Badge variant="outline">{m.common_dependency_table_stats_watched({ count: watchedCount })}</Badge>
           <Badge variant="outline" className="border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-400">
             <TriangleAlert className="mr-1 size-3" />
-            {t('dependency.table.stats.outdated', { outdatedCount })}
+            {m.common_dependency_table_stats_outdated({ count: outdatedCount })}
           </Badge>
         </div>
         <div className="ml-auto flex items-center gap-2">
           <Button onClick={handleSyncAll} disabled={syncingAll} variant="outline" size="sm">
             {syncingAll ? <Loader2 className="mr-1 size-3.5 animate-spin" /> : <RefreshCw className="mr-1 size-3.5" />}
-            {t('dependency.table.syncAll', { count: filtered.length })}
+            {m.common_dependency_table_syncAll({ count: filtered.length })}
           </Button>
         </div>
       </div>
@@ -188,7 +196,7 @@ export function DependencyTable({
       <div className="flex flex-wrap items-center gap-x-4 gap-y-1.5">
         <div className="flex flex-wrap items-center gap-1.5">
           <CategoryButton active={categoryFilter === "all"} onClick={() => setCategoryFilter("all")}>
-            {t('dependency.table.allCategory')}
+            {m.common_dependency_table_allCategory()}
           </CategoryButton>
           {DEPENDENCY_CATEGORIES.map((c) => (
             <CategoryButton
@@ -207,7 +215,7 @@ export function DependencyTable({
               active={statusFilter === s.value}
               onClick={() => setStatusFilter(s.value)}
             >
-              {t(`dependency.table.statusFilter.${s.value}`)}
+              {STATUS_FILTER_LABELS[s.value]()}
             </CategoryButton>
           ))}
         </div>
@@ -218,22 +226,22 @@ export function DependencyTable({
           <Search className="absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
           <Input
             value={search}
-            onChange={(e) => setSearch(e.target.value)}
-            placeholder={t('dependency.table.searchPlaceholder')}
+            onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearch(e.target.value)}
+            placeholder={m.common_dependency_table_searchPlaceholder()}
             className="h-9 w-56 pl-8"
           />
         </div>
-        <Select value={viewFilter} onValueChange={(v) => setViewFilter(v as "watched" | "all")}>
+        <Select value={viewFilter} onValueChange={(v: string) => setViewFilter(v as "watched" | "all")}>
           <SelectTrigger className="h-9 w-32" size="sm">
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="watched">{t('dependency.table.viewFilter.watched')}</SelectItem>
-            <SelectItem value="all">{t('dependency.table.viewFilter.all')}</SelectItem>
+            <SelectItem value="watched">{m.common_dependency_table_viewFilter_watched()}</SelectItem>
+            <SelectItem value="all">{m.common_dependency_table_viewFilter_all()}</SelectItem>
           </SelectContent>
         </Select>
         <span className="ml-auto text-xs text-muted-foreground">
-          {t('pagination.total', { total: filtered.length, page: currentPage, totalPages })}
+          {m.common_pagination_total({ total: filtered.length, page: currentPage, totalPages })}
         </span>
       </div>
 
@@ -262,7 +270,7 @@ export function DependencyTable({
             ) : (
               <TableRow>
                 <TableCell colSpan={columns.length} className="py-10 text-center text-muted-foreground">
-                  {t('dependency.table.empty')}
+                  {m.common_dependency_table_empty()}
                 </TableCell>
               </TableRow>
             )}
@@ -275,9 +283,9 @@ export function DependencyTable({
           <PaginationContent>
             <PaginationItem>
               <PaginationPrevious
-                text={t('pagination.prev')}
+                text={m.common_pagination_prev()}
                 href="#"
-                onClick={(e) => {
+                onClick={(e: React.MouseEvent) => {
                   e.preventDefault()
                   table.previousPage()
                 }}
@@ -288,9 +296,9 @@ export function DependencyTable({
             {renderPageItems(currentPage, totalPages, (p) => table.setPageIndex(p - 1))}
             <PaginationItem>
               <PaginationNext
-                text={t('pagination.next')}
+                text={m.common_pagination_next()}
                 href="#"
-                onClick={(e) => {
+                onClick={(e: React.MouseEvent) => {
                   e.preventDefault()
                   table.nextPage()
                 }}
@@ -342,7 +350,7 @@ function renderPageItems(
         <PaginationLink
           href="#"
           isActive={p === current}
-          onClick={(e) => {
+          onClick={(e: React.MouseEvent) => {
             e.preventDefault()
             setPageIndex(p - 1)
           }}

package/src/components/dependency/edit-dialog.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react"
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { toast } from '@/components/ui/sonner'
 import { Loader2, Pencil } from "lucide-react"
 import {
@@ -53,7 +53,6 @@ export function EditDependencyDialog({
     sortOrder: row.sortOrder,
   })
   const [saving, setSaving] = useState(false)
-  const { t } = useTranslation('common')
 
   async function handleSave() {
     setSaving(true)
@@ -71,11 +70,11 @@ export function EditDependencyDialog({
           sortOrder: form.sortOrder,
         },
       })
-      toast.success(t('dependency.edit.saved'))
+      toast.success(m.common_dependency_edit_saved())
       setOpen(false)
       onSaved?.()
     } catch (e) {
-      toast.error(t('dependency.edit.saveFailed'), { description: e instanceof Error ? e.message : String(e) })
+      toast.error(m.common_dependency_edit_saveFailed(), { description: e instanceof Error ? e.message : String(e) })
     } finally {
       setSaving(false)
     }
@@ -89,7 +88,7 @@ export function EditDependencyDialog({
             <Pencil className="size-3.5 text-muted-foreground/50" />
           </span>
         </TooltipTrigger>
-        <TooltipContent>{t('dependency.edit.untracked')}</TooltipContent>
+        <TooltipContent>{m.common_dependency_edit_untracked()}</TooltipContent>
       </Tooltip>
     )
   }
@@ -97,42 +96,42 @@ export function EditDependencyDialog({
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
-        <Button size="sm" variant="ghost" className="size-7 p-0" title={t('common.edit')}>
+        <Button size="sm" variant="ghost" className="size-7 p-0" title={m.common_common_edit()}>
           <Pencil className="size-3.5" />
         </Button>
       </DialogTrigger>
       <DialogContent className="max-w-md">
         <DialogHeader>
-          <DialogTitle>{t('dependency.edit.dialogTitle', { name: row.name })}</DialogTitle>
+          <DialogTitle>{m.common_dependency_edit_dialogTitle({ name: row.name })}</DialogTitle>
         </DialogHeader>
         <div className="space-y-3">
           <div className="space-y-1.5">
-            <Label>{t('dependency.edit.displayName')}</Label>
-            <Input value={form.displayName} onChange={(e) => setForm({ ...form, displayName: e.target.value })} />
+            <Label>{m.common_dependency_edit_displayName()}</Label>
+            <Input value={form.displayName} onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm({ ...form, displayName: e.target.value })} />
           </div>
           <div className="space-y-1.5">
-            <Label>{t('dependency.edit.description')}</Label>
+            <Label>{m.common_dependency_edit_description()}</Label>
             <Textarea
               value={form.description}
-              onChange={(e) => setForm({ ...form, description: e.target.value })}
-              placeholder={t('dependency.edit.descriptionPlaceholder')}
+              onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setForm({ ...form, description: e.target.value })}
+              placeholder={m.common_dependency_edit_descriptionPlaceholder()}
               rows={2}
             />
           </div>
           <div className="space-y-1.5">
-            <Label>{t('dependency.edit.homepage')}</Label>
+            <Label>{m.common_dependency_edit_homepage()}</Label>
             <Input
               value={form.homepage}
-              onChange={(e) => setForm({ ...form, homepage: e.target.value })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm({ ...form, homepage: e.target.value })}
               placeholder="https://"
             />
           </div>
           <div className="grid grid-cols-2 gap-3">
             <div className="space-y-1.5">
-              <Label>{t('dependency.edit.category')}</Label>
+              <Label>{m.common_dependency_edit_category()}</Label>
               <Select
                 value={form.category}
-                onValueChange={(v) => setForm({ ...form, category: v as DependencyCategory })}
+                onValueChange={(v: string) => setForm({ ...form, category: v as DependencyCategory })}
               >
                 <SelectTrigger size="sm">
                   <SelectValue />
@@ -147,10 +146,10 @@ export function EditDependencyDialog({
               </Select>
             </div>
             <div className="space-y-1.5">
-              <Label>{t('dependency.edit.priority')}</Label>
+              <Label>{m.common_dependency_edit_priority()}</Label>
               <Select
                 value={form.priority}
-                onValueChange={(v) => setForm({ ...form, priority: v as ThirdPartyDependencyRow["priority"] })}
+                onValueChange={(v: string) => setForm({ ...form, priority: v as ThirdPartyDependencyRow["priority"] })}
               >
                 <SelectTrigger size="sm">
                   <SelectValue />
@@ -170,28 +169,28 @@ export function EditDependencyDialog({
               type="checkbox"
               id="isWatched"
               checked={form.isWatched}
-              onChange={(e) => setForm({ ...form, isWatched: e.target.checked })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm({ ...form, isWatched: e.target.checked })}
               className="size-4"
             />
-            <Label htmlFor="isWatched">{t('dependency.edit.watched')}</Label>
+            <Label htmlFor="isWatched">{m.common_dependency_edit_watched()}</Label>
           </div>
           <div className="space-y-1.5">
-            <Label>{t('dependency.edit.notes')}</Label>
+            <Label>{m.common_dependency_edit_notes()}</Label>
             <Textarea
               value={form.notes}
-              onChange={(e) => setForm({ ...form, notes: e.target.value })}
-              placeholder={t('dependency.edit.notesPlaceholder')}
+              onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setForm({ ...form, notes: e.target.value })}
+              placeholder={m.common_dependency_edit_notesPlaceholder()}
               rows={3}
             />
           </div>
         </div>
         <DialogFooter>
           <Button variant="outline" onClick={() => setOpen(false)} disabled={saving}>
-            {t('common.cancel')}
+            {m.common_common_cancel()}
           </Button>
           <Button onClick={handleSave} disabled={saving}>
             {saving && <Loader2 className="mr-1 size-3.5 animate-spin" />}
-            {t('common.save')}
+            {m.common_button_save()}
           </Button>
         </DialogFooter>
       </DialogContent>

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

@@ -80,7 +80,7 @@ export function BookmarkFormDialog({ open, onOpenChange, item, onSuccess }: Book
     if (item) {
       setLoading(true)
       adminGetBookmarkDetailFn({ data: { id: item.id } })
-        .then((d) => {
+        .then((d: any) => {
           setForm({
             title: d.title ?? '',
             url: d.url ?? '',
@@ -89,7 +89,7 @@ export function BookmarkFormDialog({ open, onOpenChange, item, onSuccess }: Book
             tags: ((d.tags as string[]) ?? []).join(', '),
           })
         })
-        .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)
@@ -157,7 +157,7 @@ export function BookmarkFormDialog({ open, onOpenChange, item, onSuccess }: Book
                 <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>
@@ -166,7 +166,7 @@ export function BookmarkFormDialog({ open, onOpenChange, item, onSuccess }: Book
                 <Input
                   type="url"
                   value={form.url}
-                  onChange={(e) => setForm((f) => ({ ...f, url: e.target.value }))}
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, url: e.target.value }))}
                   placeholder="https://"
                 />
                 <p className="text-xs text-muted-foreground">
@@ -177,7 +177,7 @@ export function BookmarkFormDialog({ open, onOpenChange, item, onSuccess }: Book
                 <Label>分类 ID</Label>
                 <Input
                   value={form.categoryId}
-                  onChange={(e) => setForm((f) => ({ ...f, categoryId: e.target.value }))}
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, categoryId: e.target.value }))}
                   placeholder="可选，留空为未分类"
                 />
               </div>
@@ -185,7 +185,7 @@ export function BookmarkFormDialog({ open, onOpenChange, item, onSuccess }: Book
                 <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="一句话简介"
                 />
@@ -194,7 +194,7 @@ export function BookmarkFormDialog({ open, onOpenChange, item, onSuccess }: Book
                 <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="如：工具, AI"
                 />
               </div>