@allbluecn/admin-app 0.2.0 → 0.2.1

package/src/components/monitoring/request-log-table.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type React from 'react'
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
 import { describePath } from '@/lib/monitoring-descriptions'
 import { getBenchmark, getBenchmarkSource, compareDuration } from '@/lib/monitoring-benchmarks'
@@ -80,11 +80,10 @@ function DurationCell({ path, duration }: { path: string; duration: number }) {
 }
 
 export function RequestLogTable({ logs, actions }: RequestLogTableProps) {
-  const { t } = useTranslation('common')
 
   const columns: AdminColumnDef<RequestLogEntry>[] = [
     {
-      header: t('requestLogTable.columns.time'),
+      header: m.common_requestLogTable_columns_time(),
       accessorKey: 'timestamp',
       meta: { style: { width: 20, textAlign: 'center' } },
       cell: ({ row }: { row: { original: RequestLogEntry } }) => (
@@ -94,7 +93,7 @@ export function RequestLogTable({ logs, actions }: RequestLogTableProps) {
       ),
     },
     {
-      header: t('requestLogTable.columns.path'),
+      header: m.common_requestLogTable_columns_path(),
       accessorKey: 'path',
       meta: { style: { width: 160 } },
       cell: ({ row }: { row: { original: RequestLogEntry } }) => (
@@ -104,7 +103,7 @@ export function RequestLogTable({ logs, actions }: RequestLogTableProps) {
       ),
     },
     {
-      header: t('requestLogTable.columns.description'),
+      header: m.common_requestLogTable_columns_description(),
       accessorKey: 'path',
       meta: { style: { width: 28 } },
       cell: ({ row }: { row: { original: RequestLogEntry } }) => (
@@ -124,7 +123,7 @@ export function RequestLogTable({ logs, actions }: RequestLogTableProps) {
       ),
     },
     {
-      header: t('requestLogTable.columns.method'),
+      header: m.common_requestLogTable_columns_method(),
       accessorKey: 'method',
       meta: { style: { width: 14, textAlign: 'right' } },
       cell: ({ row }: { row: { original: RequestLogEntry } }) => {
@@ -137,7 +136,7 @@ export function RequestLogTable({ logs, actions }: RequestLogTableProps) {
       },
     },
     {
-      header: t('requestLogTable.columns.status'),
+      header: m.common_requestLogTable_columns_status(),
       accessorKey: 'status',
       meta: { style: { width: 14, textAlign: 'right' } },
       cell: ({ row }: { row: { original: RequestLogEntry } }) => {
@@ -150,10 +149,10 @@ export function RequestLogTable({ logs, actions }: RequestLogTableProps) {
     {
       header: () => (
         <span className="flex items-center gap-1">
-          {t('requestLogTable.columns.duration')}
+          {m.common_requestLogTable_columns_duration()}
           <Info
             className="size-3 text-muted-foreground"
-            data-tooltip={t('requestLogTable.compareBenchmark')}
+            data-tooltip={m.common_requestLogTable_compareBenchmark()}
           />
         </span>
       ),

package/src/components/ui/pagination.tsx

@@ -86,7 +86,6 @@ function PaginationPrevious({
   return (
     <PaginationLink
       aria-label="Go to previous page"
-      size="default"
       className={cn("pl-1.5!", className)}
       {...props}
     >
@@ -104,7 +103,6 @@ function PaginationNext({
   return (
     <PaginationLink
       aria-label="Go to next page"
-      size="default"
       className={cn("pr-1.5!", className)}
       {...props}
     >

package/src/components/ui/sidebar.tsx

@@ -281,7 +281,7 @@ function SidebarTrigger({
       variant="ghost"
       size="icon-sm"
       className={cn(className)}
-      onClick={(event) => {
+      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {
         onClick?.(event)
         toggleSidebar()
       }}

package/src/components/user/columns.tsx

@@ -73,7 +73,7 @@ export function getUserColumns(onView: (user: UserRow) => void): AdminColumnDef<
     {
       accessorKey: "username",
       header: "用户",
-      cell: ({ row }) => {
+      cell: ({ row }: any) => {
         const user = row.original;
         return (
           <div className="flex items-center gap-2">
@@ -96,7 +96,7 @@ export function getUserColumns(onView: (user: UserRow) => void): AdminColumnDef<
     {
       accessorKey: "role",
       header: "角色",
-      cell: ({ row }) => {
+      cell: ({ row }: any) => {
         const role = row.original.role;
         return <Badge variant={roleBadgeVariant[role] || "outline"}>{roleLabel[role] || role}</Badge>;
       },
@@ -104,7 +104,7 @@ export function getUserColumns(onView: (user: UserRow) => void): AdminColumnDef<
     {
       accessorKey: "status",
       header: "状态",
-      cell: ({ row }) => {
+      cell: ({ row }: any) => {
         const status = row.original.status;
         return <Badge variant={statusBadgeVariant[status] || "outline"}>{statusLabel[status] || status}</Badge>;
       },
@@ -112,22 +112,22 @@ export function getUserColumns(onView: (user: UserRow) => void): AdminColumnDef<
     {
       id: "prdCount",
       header: "PRD",
-      cell: ({ row }) => <span className="text-muted-foreground">{row.original._count.prds}</span>,
+      cell: ({ row }: any) => <span className="text-muted-foreground">{row.original._count.prds}</span>,
     },
     {
       id: "pluginCount",
       header: "市场应用",
-      cell: ({ row }) => <span className="text-muted-foreground">{row.original._count.anyhubMarketApps}</span>,
+      cell: ({ row }: any) => <span className="text-muted-foreground">{row.original._count.anyhubMarketApps}</span>,
     },
     {
       accessorKey: "createdAt",
       header: "注册时间",
-      cell: ({ row }) => new Date(row.original.createdAt).toLocaleDateString("zh-CN"),
+      cell: ({ row }: any) => new Date(row.original.createdAt).toLocaleDateString("zh-CN"),
     },
     {
       accessorKey: "lastLoginAt",
       header: "最后登录",
-      cell: ({ row }) => {
+      cell: ({ row }: any) => {
         const val = row.original.lastLoginAt;
         return <span className="text-muted-foreground">{val ? new Date(val).toLocaleDateString("zh-CN") : "从未"}</span>;
       },
@@ -135,13 +135,13 @@ export function getUserColumns(onView: (user: UserRow) => void): AdminColumnDef<
     {
       id: "actions",
       header: "",
-      cell: ({ row }) => {
+      cell: ({ row }: any) => {
         const user = row.original;
         return (
           <Button
             variant="ghost"
             size="sm"
-            onClick={(e) => { e.stopPropagation(); onView(user); }}
+            onClick={(e: React.MouseEvent) => { e.stopPropagation(); onView(user); }}
           >
             <EyeIcon className="mr-1.5 h-4 w-4" />
             详情

package/src/components/user/settings-activity-log.tsx

@@ -24,7 +24,7 @@ import {
   Search,
 } from "lucide-react";
 import { useState } from "react";
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { cn } from "@/lib/utils";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -95,17 +95,28 @@ const actionTypes = [
   { value: "delete", key: "delete" },
 ] as const
 
-function formatRelativeTime(t: (k: string, p?: Record<string, number>) => string, date: Date): string {
+const ACTION_TYPE_LABELS: Record<string, () => string> = {
+  all: m.common_activityLog_actionTypes_all,
+  login: m.common_activityLog_actionTypes_login,
+  logout: m.common_activityLog_actionTypes_logout,
+  password_change: m.common_activityLog_actionTypes_password_change,
+  profile_update: m.common_activityLog_actionTypes_profile_update,
+  settings_change: m.common_activityLog_actionTypes_settings_change,
+  export: m.common_activityLog_actionTypes_export,
+  delete: m.common_activityLog_actionTypes_delete,
+}
+
+function formatRelativeTime(date: Date): string {
   const now = Date.now();
   const diff = now - date.getTime();
   const minutes = Math.floor(diff / 60_000);
   const hours = Math.floor(minutes / 60);
   const days = Math.floor(hours / 24);
 
-  if (minutes < 1) return t("activityLog.justNow");
-  if (minutes < 60) return t("common.timeAgo.minutes", { count: minutes });
-  if (hours < 24) return t("common.timeAgo.hours", { count: hours });
-  if (days < 7) return t("common.timeAgo.days", { count: days });
+  if (minutes < 1) return m.common_activityLog_justNow();
+  if (minutes < 60) return m.common_common_timeAgo_minutes({ count: minutes });
+  if (hours < 24) return m.common_common_timeAgo_hours({ count: hours });
+  if (days < 7) return m.common_common_timeAgo_days({ count: days });
   return new Intl.DateTimeFormat("zh-CN", {
     month: "long",
     day: "numeric",
@@ -122,9 +133,8 @@ export default function SettingsActivityLog({
   title,
   description,
 }: SettingsActivityLogProps) {
-  const { t } = useTranslation('common')
-  const displayTitle = title ?? t('activityLog.title')
-  const displayDescription = description ?? t('activityLog.description')
+  const displayTitle = title ?? m.common_activityLog_title()
+  const displayDescription = description ?? m.common_activityLog_description()
   const [searchQuery, setSearchQuery] = useState("");
   const [selectedType, setSelectedType] = useState("all");
   const [dateRange, setDateRange] = useState({
@@ -186,12 +196,12 @@ export default function SettingsActivityLog({
                 <div className="flex size-8 items-center justify-center rounded-lg bg-muted">
                   <Search className="size-4" />
                 </div>
-                <FieldLabel className="mb-0">{t('activityLog.search')}</FieldLabel>
+                <FieldLabel className="mb-0">{m.common_activityLog_search()}</FieldLabel>
               </div>
               <InputGroup>
                 <InputGroupInput
-                  onChange={(e) => setSearchQuery(e.target.value)}
-                  placeholder={t('activityLog.searchPlaceholder')}
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchQuery(e.target.value)}
+                  placeholder={m.common_activityLog_searchPlaceholder()}
                   value={searchQuery}
                 />
               </InputGroup>
@@ -203,7 +213,7 @@ export default function SettingsActivityLog({
                   <Filter className="size-4" />
                 </div>
                 <FieldLabel className="mb-0" htmlFor="action-type">
-                  {t('activityLog.actionType')}
+                  {m.common_activityLog_actionType()}
                 </FieldLabel>
               </div>
               <Select onValueChange={setSelectedType} value={selectedType}>
@@ -213,7 +223,7 @@ export default function SettingsActivityLog({
                 <SelectContent>
                   {actionTypes.map((type) => (
                     <SelectItem key={type.value} value={type.value}>
-                      {t(`activityLog.actionTypes.${type.key}`)}
+                      {(ACTION_TYPE_LABELS[type.key] ?? (() => type.key))()}
                     </SelectItem>
                   ))}
                 </SelectContent>
@@ -226,13 +236,13 @@ export default function SettingsActivityLog({
                   <Calendar className="size-4" />
                 </div>
                 <FieldLabel className="mb-0" htmlFor="date-start">
-                  {t('activityLog.startDate')}
+                  {m.common_activityLog_startDate()}
                 </FieldLabel>
               </div>
               <InputGroup>
                 <InputGroupInput
                   id="date-start"
-                  onChange={(e) =>
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                     setDateRange((prev) => ({ ...prev, start: e.target.value }))
                   }
                   type="date"
@@ -247,13 +257,13 @@ export default function SettingsActivityLog({
                   <Calendar className="size-4" />
                 </div>
                 <FieldLabel className="mb-0" htmlFor="date-end">
-                  {t('activityLog.endDate')}
+                  {m.common_activityLog_endDate()}
                 </FieldLabel>
               </div>
               <InputGroup>
                 <InputGroupInput
                   id="date-end"
-                  onChange={(e) =>
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                     setDateRange((prev) => ({ ...prev, end: e.target.value }))
                   }
                   type="date"
@@ -265,7 +275,7 @@ export default function SettingsActivityLog({
 
           <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
             <p className="text-muted-foreground text-sm">
-              {t('activityLog.total', { count: filteredEntries.length })}
+              {m.common_activityLog_total({ count: filteredEntries.length })}
             </p>
             <Button
               className="w-full sm:w-auto"
@@ -277,12 +287,12 @@ export default function SettingsActivityLog({
               {isExporting ? (
                 <>
                   <Loader2 className="size-4 animate-spin" />
-                  {t('activityLog.exporting')}
+                  {m.common_activityLog_exporting()}
                 </>
               ) : (
                 <>
                   <Download className="size-4" />
-                  {t('activityLog.exportLog')}
+                  {m.common_activityLog_exportLog()}
                 </>
               )}
             </Button>
@@ -296,11 +306,11 @@ export default function SettingsActivityLog({
                 <Search className="size-6 text-muted-foreground" />
               </div>
               <div className="flex flex-col gap-2">
-                <p className="font-medium text-sm">{t('activityLog.empty')}</p>
+                <p className="font-medium text-sm">{m.common_activityLog_empty()}</p>
                 <p className="text-muted-foreground text-sm">
                   {searchQuery || selectedType !== "all"
-                    ? t('activityLog.emptyHint.filtered')
-                    : t('activityLog.emptyHint.default')}
+                    ? m.common_activityLog_emptyHint_filtered()
+                    : m.common_activityLog_emptyHint_default()}
                 </p>
               </div>
             </div>
@@ -325,20 +335,20 @@ export default function SettingsActivityLog({
                           entry.status === "success" ? "default" : "destructive"
                         }
                       >
-                        {entry.status === "success" ? t('activityLog.status.success') : t('activityLog.status.failed')}
+                        {entry.status === "success" ? m.common_activityLog_status_success() : m.common_activityLog_status_failed()}
                       </Badge>
                     </div>
                     <div className="flex flex-wrap items-center gap-2 text-muted-foreground text-xs">
                       <span className="flex items-center gap-1">
                         <MapPin className="size-3" />
-                        {entry.location || t('activityLog.unknown')}
+                        {entry.location || m.common_activityLog_unknown()}
                       </span>
                       <span>•</span>
-                      <span>{entry.ipAddress || t('activityLog.unknown')}</span>
+                      <span>{entry.ipAddress || m.common_activityLog_unknown()}</span>
                       <span>•</span>
-                      <span>{entry.device || t('activityLog.unknown')}</span>
+                      <span>{entry.device || m.common_activityLog_unknown()}</span>
                       <span>•</span>
-                      <span>{formatRelativeTime(t, entry.timestamp)}</span>
+                      <span>{formatRelativeTime(entry.timestamp)}</span>
                       {entry.status === "failed" && entry.reason && (
                         <>
                           <span>•</span>

package/src/components/user/settings-profile.tsx

@@ -426,7 +426,7 @@ export default function SettingsProfile({
                 <InputGroup>
                   <InputGroupInput
                     id="name"
-                    onChange={(e) =>
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                       setFormData((prev) => ({ ...prev, name: e.target.value }))
                     }
                     placeholder="请输入姓名"
@@ -446,7 +446,7 @@ export default function SettingsProfile({
                     <InputGroupInput
                       disabled={showEmailChangeForm}
                       id="email"
-                      onChange={(e) =>
+                      onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                         setFormData((prev) => ({
                           ...prev,
                           email: e.target.value,
@@ -483,13 +483,13 @@ export default function SettingsProfile({
                   </FieldLabel>
                   <FieldContent>
                     <InputGroup>
-                      <InputGroupInput
-                        id="new-email"
-                        onChange={(e) =>
-                          setEmailChangeData((prev) => ({
-                            ...prev,
-                            newEmail: e.target.value,
-                          }))
+                       <InputGroupInput
+                         id="new-email"
+                         onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                           setEmailChangeData((prev) => ({
+                             ...prev,
+                             newEmail: e.target.value,
+                           }))
                         }
                         placeholder="new.email@example.com"
                         type="email"
@@ -508,13 +508,13 @@ export default function SettingsProfile({
                   </FieldLabel>
                   <FieldContent>
                     <InputGroup>
-                      <InputGroupInput
-                        id="current-password"
-                        onChange={(e) =>
-                          setEmailChangeData((prev) => ({
-                            ...prev,
-                            currentPassword: e.target.value,
-                          }))
+                       <InputGroupInput
+                         id="current-password"
+                         onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                           setEmailChangeData((prev) => ({
+                             ...prev,
+                             currentPassword: e.target.value,
+                           }))
                         }
                         placeholder="请输入当前密码"
                         type="password"
@@ -554,7 +554,7 @@ export default function SettingsProfile({
                 <FieldContent>
                   <Textarea
                     id="bio"
-                    onChange={(e) =>
+                    onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
                       setFormData((prev) => ({ ...prev, bio: e.target.value }))
                     }
                     placeholder="介绍一下自己…"
@@ -576,13 +576,13 @@ export default function SettingsProfile({
                 <FieldLabel htmlFor="location">所在地</FieldLabel>
                 <FieldContent>
                   <InputGroup>
-                    <InputGroupInput
-                      id="location"
-                      onChange={(e) =>
-                        setFormData((prev) => ({
-                          ...prev,
-                          location: e.target.value,
-                        }))
+                     <InputGroupInput
+                       id="location"
+                       onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                         setFormData((prev) => ({
+                           ...prev,
+                           location: e.target.value,
+                         }))
                       }
                       placeholder="城市, 国家"
                       readOnly={readOnly}
@@ -598,13 +598,13 @@ export default function SettingsProfile({
                 <FieldLabel htmlFor="website">网站</FieldLabel>
                 <FieldContent>
                   <InputGroup>
-                    <InputGroupInput
-                      id="website"
-                      onChange={(e) =>
-                        setFormData((prev) => ({
-                          ...prev,
-                          website: e.target.value,
-                        }))
+                     <InputGroupInput
+                       id="website"
+                       onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                         setFormData((prev) => ({
+                           ...prev,
+                           website: e.target.value,
+                         }))
                       }
                       placeholder="https://example.com"
                       readOnly={readOnly}
@@ -640,11 +640,11 @@ export default function SettingsProfile({
                       </FieldLabel>
                       <FieldContent>
                         <InputGroup>
-                          <InputGroupInput
-                            id={`social-${platform.id}`}
-                            onChange={(e) =>
-                              updateSocialLink(platform.id, e.target.value)
-                            }
+                           <InputGroupInput
+                             id={`social-${platform.id}`}
+                             onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                               updateSocialLink(platform.id, e.target.value)
+                             }
                             placeholder={platform.placeholder}
                             readOnly={readOnly}
                             type="url"

package/src/components/user/user-create-dialog.tsx

@@ -87,7 +87,7 @@ export function UserCreateDialog({ open, onOpenChange }: UserCreateDialogProps)
                 type="email"
                 required
                 value={form.email}
-                onChange={(e) => setForm((f) => ({ ...f, email: e.target.value }))}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, email: e.target.value }))}
               />
             </div>
             <div className="grid gap-2">
@@ -96,7 +96,7 @@ export function UserCreateDialog({ open, onOpenChange }: UserCreateDialogProps)
                 id="username"
                 required
                 value={form.username}
-                onChange={(e) => setForm((f) => ({ ...f, username: e.target.value }))}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, username: e.target.value }))}
               />
             </div>
             <div className="grid gap-2">
@@ -106,12 +106,12 @@ export function UserCreateDialog({ open, onOpenChange }: UserCreateDialogProps)
                 type="password"
                 required
                 value={form.password}
-                onChange={(e) => setForm((f) => ({ ...f, password: e.target.value }))}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => setForm((f) => ({ ...f, password: e.target.value }))}
               />
             </div>
             <div className="grid gap-2">
               <Label>角色</Label>
-              <Select value={form.role} onValueChange={(v) => setForm((f) => ({ ...f, role: v as typeof form.role }))}>
+              <Select value={form.role}                 onValueChange={(v: string) => setForm((f) => ({ ...f, role: v as typeof form.role }))}>
                 <SelectTrigger>
                   <SelectValue />
                 </SelectTrigger>

package/src/components/user/user-filters.tsx

@@ -15,10 +15,9 @@
 // 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 { useNavigate, useSearch } from "@tanstack/react-router";
+import { m } from '@/paraglide/messages.js'
 import { useCallback } from "react";
-import { useTranslation } from 'react-i18next'
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import {
@@ -37,7 +36,6 @@ interface UserFiltersProps {
 }
 
 export function UserFilters({ search, role, status }: UserFiltersProps) {
-  const { t } = useTranslation('common')
   const navigate = useNavigate()
 
   const updateParam = useCallback(
@@ -64,10 +62,10 @@ export function UserFilters({ search, role, status }: UserFiltersProps) {
       <div className="relative flex-1 max-w-sm">
         <SearchIcon className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
         <Input
-          placeholder={t('userFilters.searchPlaceholder')}
+          placeholder={m.common_userFilters_searchPlaceholder()}
           className="pl-8"
           defaultValue={search || ""}
-          onChange={(e) => {
+          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
             const value = e.target.value || undefined
             const next: Record<string, string | undefined> = { search: value, role, status }
             if (!value) delete next.search
@@ -78,38 +76,38 @@ export function UserFilters({ search, role, status }: UserFiltersProps) {
 
       <Select
         value={role || "all"}
-        onValueChange={(v) => updateParam("role", v)}
+        onValueChange={(v: string) => updateParam("role", v)}
       >
         <SelectTrigger className="w-32.5">
-          <SelectValue placeholder={t('userFilters.rolePlaceholder')} />
+          <SelectValue placeholder={m.common_userFilters_rolePlaceholder()} />
         </SelectTrigger>
         <SelectContent>
-          <SelectItem value="all">{t('userFilters.role.all')}</SelectItem>
-          <SelectItem value="SUPER_ADMIN">{t('userFilters.role.SUPER_ADMIN')}</SelectItem>
-          <SelectItem value="ADMIN">{t('userFilters.role.ADMIN')}</SelectItem>
-          <SelectItem value="USER">{t('userFilters.role.USER')}</SelectItem>
+          <SelectItem value="all">{m.common_userFilters_role_all()}</SelectItem>
+          <SelectItem value="SUPER_ADMIN">{m.common_userFilters_role_SUPER_ADMIN()}</SelectItem>
+          <SelectItem value="ADMIN">{m.common_userFilters_role_ADMIN()}</SelectItem>
+          <SelectItem value="USER">{m.common_userFilters_role_USER()}</SelectItem>
         </SelectContent>
       </Select>
 
       <Select
         value={status || "all"}
-        onValueChange={(v) => updateParam("status", v)}
+        onValueChange={(v: string) => updateParam("status", v)}
       >
         <SelectTrigger className="w-32.5">
-          <SelectValue placeholder={t('userFilters.statusPlaceholder')} />
+          <SelectValue placeholder={m.common_userFilters_statusPlaceholder()} />
         </SelectTrigger>
         <SelectContent>
-          <SelectItem value="all">{t('userFilters.status.all')}</SelectItem>
-          <SelectItem value="ACTIVE">{t('userFilters.status.ACTIVE')}</SelectItem>
-          <SelectItem value="INACTIVE">{t('userFilters.status.INACTIVE')}</SelectItem>
-          <SelectItem value="BANNED">{t('userFilters.status.BANNED')}</SelectItem>
+          <SelectItem value="all">{m.common_userFilters_status_all()}</SelectItem>
+          <SelectItem value="ACTIVE">{m.common_userFilters_status_ACTIVE()}</SelectItem>
+          <SelectItem value="INACTIVE">{m.common_userFilters_status_INACTIVE()}</SelectItem>
+          <SelectItem value="BANNED">{m.common_userFilters_status_BANNED()}</SelectItem>
         </SelectContent>
       </Select>
 
       {hasFilters && (
         <Button variant="ghost" size="sm" onClick={clearFilters}>
           <XIcon className="mr-1 h-4 w-4" />
-          {t('userFilters.clearFilters')}
+          {m.common_userFilters_clearFilters()}
         </Button>
       )}
     </div>

package/src/lib/i18n/config.ts

@@ -1,39 +1,7 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
-import zhCommon from './locales/zh/common.json'
-import enCommon from './locales/en/common.json'
-import zhUsers from './locales/zh/admin-users.json'
-import enUsers from './locales/en/admin-users.json'
-import zhAi from './locales/zh/admin-ai.json'
-import enAi from './locales/en/admin-ai.json'
-import zhBilling from './locales/zh/admin-billing.json'
-import enBilling from './locales/en/admin-billing.json'
-import zhEnterprise from './locales/zh/enterprise.json'
-import enEnterprise from './locales/en/enterprise.json'
-
 export const supportedLngs = ['zh', 'en'] as const
 export type AppLocale = (typeof supportedLngs)[number]
 export const fallbackLng: AppLocale = 'zh'
-export const defaultNs = 'common'
-
-export const resources = {
-  zh: {
-    common: zhCommon,
-    'admin-users': zhUsers,
-    'admin-ai': zhAi,
-    'admin-billing': zhBilling,
-    enterprise: zhEnterprise,
-  },
-  en: {
-    common: enCommon,
-    'admin-users': enUsers,
-    'admin-ai': enAi,
-    'admin-billing': enBilling,
-    enterprise: enEnterprise,
-  },
-} as const
-
-export const namespaces = Object.keys(resources.zh) as Array<keyof typeof resources.zh>
-export type NamespaceKey = (typeof namespaces)[number]
 
 export function isSupportedLocale(lng: string): lng is AppLocale {
   return (supportedLngs as readonly string[]).includes(lng)