@allbluecn/admin-app 0.2.0 → 0.2.1

package/src/components/ai-provider/provider-form.tsx

@@ -17,7 +17,7 @@
 
 // apps/admin/src/components/ai-provider/provider-form.tsx
 import { useState } from "react"
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { useMutation } from "@tanstack/react-query"
 import { Link, useNavigate, useRouter } from "@tanstack/react-router"
 import { ArrowLeft, Loader2, Save } from "lucide-react"
@@ -104,7 +104,6 @@ export function ProviderForm({
   initial?: Partial<ProviderFormValues>
   providerDbId?: string
 }) {
-  const { t } = useTranslation('admin-ai')
   const navigate = useNavigate()
   const router = useRouter()
   const [values, setValues] = useState<ProviderFormValues>({
@@ -126,17 +125,17 @@ export function ProviderForm({
       })
     },
     onSuccess: async () => {
-      toast.success(mode === "create" ? t('form.toast.created') : t('form.toast.updated'))
+      toast.success(mode === "create" ? m['admin-ai_form_toast_created']() : m['admin-ai_form_toast_updated']())
       await router.invalidate()
       navigate({ to: "/ai-providers" })
     },
     onError: (err) =>
-      toast.error(t('form.toast.saveFailed', { error: err instanceof Error ? err.message : t('status.error') })),
+      toast.error(m['admin-ai_form_toast_saveFailed']({ error: err instanceof Error ? err.message : m.common_status_error() })),
   })
 
   function handleSubmit() {
-    if (!values.providerId.trim()) return toast.error(t('form.validation.providerIdRequired'))
-    if (!values.displayName.trim()) return toast.error(t('form.validation.displayNameRequired'))
+    if (!values.providerId.trim()) return toast.error(m['admin-ai_form_validation_providerIdRequired']())
+    if (!values.displayName.trim()) return toast.error(m['admin-ai_form_validation_displayNameRequired']())
     saveMutation.mutate()
   }
 
@@ -149,25 +148,25 @@ export function ProviderForm({
           </Link>
         </Button>
         <h2 className="text-lg font-semibold">
-          {mode === "create" ? t('form.addProvider') : t('form.editProvider')}
+          {mode === "create" ? m['admin-ai_form_addProvider']() : m['admin-ai_form_editProvider']()}
         </h2>
       </div>
 
       <FieldSet>
-        <FieldLegend>{t('form.basicInfo')}</FieldLegend>
+        <FieldLegend>{m['admin-ai_form_basicInfo']()}</FieldLegend>
         <FieldGroup>
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.providerId')}</FieldLabel>
+              <FieldLabel>{m['admin-ai_form_providerId']()}</FieldLabel>
               <FieldDescription>
-                {t('form.providerIdDesc')}
-                {mode === "edit" && " " + t('form.providerIdEditNote')}
+                {m['admin-ai_form_providerIdDesc']()}
+                {mode === "edit" && " " + m['admin-ai_form_providerIdEditNote']()}
               </FieldDescription>
             </FieldContent>
             <Input
               value={values.providerId}
-              onChange={(e) => patch({ providerId: e.target.value })}
-              placeholder={t('form.providerIdPlaceholder')}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ providerId: e.target.value })}
+              placeholder={m['admin-ai_form_providerIdPlaceholder']()}
               disabled={mode === "edit"}
               className="w-60 font-mono"
             />
@@ -175,8 +174,8 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.preview')}</FieldLabel>
-              <FieldDescription>{t('form.previewDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_preview']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_previewDesc']()}</FieldDescription>
             </FieldContent>
             <ProviderIcon
               provider={{
@@ -189,36 +188,36 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.displayName')}</FieldLabel>
-              <FieldDescription>{t('form.displayNameDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_displayName']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_displayNameDesc']()}</FieldDescription>
             </FieldContent>
             <Input
               value={values.displayName}
-              onChange={(e) => patch({ displayName: e.target.value })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ displayName: e.target.value })}
               className="w-60"
             />
           </Field>
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.brandName')}</FieldLabel>
-              <FieldDescription>{t('form.brandNameDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_brandName']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_brandNameDesc']()}</FieldDescription>
             </FieldContent>
             <Input
               value={values.brandName}
-              onChange={(e) => patch({ brandName: e.target.value })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ brandName: e.target.value })}
               className="w-60"
             />
           </Field>
 
           <Field>
             <FieldContent>
-              <FieldLabel>{t('form.description')}</FieldLabel>
-              <FieldDescription>{t('form.descriptionDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_description']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_descriptionDesc']()}</FieldDescription>
             </FieldContent>
             <Textarea
               value={values.description}
-              onChange={(e) => patch({ description: e.target.value })}
+              onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => patch({ description: e.target.value })}
               rows={2}
             />
           </Field>
@@ -227,11 +226,11 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.category')}</FieldLabel>
+              <FieldLabel>{m['admin-ai_form_category']()}</FieldLabel>
             </FieldContent>
             <Select
               value={values.category}
-              onValueChange={(v) => patch({ category: v as ProviderCategory })}
+              onValueChange={(v: string) => patch({ category: v as ProviderCategory })}
             >
               <SelectTrigger className="w-40">
                 <SelectValue />
@@ -248,12 +247,12 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.adapterKind')}</FieldLabel>
-              <FieldDescription>{t('form.adapterKindDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_adapterKind']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_adapterKindDesc']()}</FieldDescription>
             </FieldContent>
             <Select
               value={values.adapterKind}
-              onValueChange={(v) => patch({ adapterKind: v as AdapterKind })}
+              onValueChange={(v: string) => patch({ adapterKind: v as AdapterKind })}
             >
               <SelectTrigger className="w-60">
                 <SelectValue />
@@ -270,32 +269,32 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.badge')}</FieldLabel>
-              <FieldDescription>{t('form.badgeDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_badge']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_badgeDesc']()}</FieldDescription>
             </FieldContent>
             <Input
               value={values.badge}
-              onChange={(e) => patch({ badge: e.target.value })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ badge: e.target.value })}
               className="w-40"
-              placeholder={t('form.badgePlaceholder')}
+              placeholder={m['admin-ai_form_badgePlaceholder']()}
             />
           </Field>
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.brandColor')}</FieldLabel>
-              <FieldDescription>{t('form.brandColorDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_brandColor']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_brandColorDesc']()}</FieldDescription>
             </FieldContent>
             <div className="flex items-center gap-2">
               <input
                 type="color"
                 value={values.brandColor}
-                onChange={(e) => patch({ brandColor: e.target.value })}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ brandColor: e.target.value })}
                 className="size-9 rounded border"
               />
               <Input
                 value={values.brandColor}
-                onChange={(e) => patch({ brandColor: e.target.value })}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ brandColor: e.target.value })}
                 className="w-28 font-mono"
               />
             </div>
@@ -303,30 +302,30 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.iconSlug')}</FieldLabel>
-              <FieldDescription>{t('form.iconSlugDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_iconSlug']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_iconSlugDesc']()}</FieldDescription>
             </FieldContent>
             <Input
               value={values.iconSlug}
-              onChange={(e) => patch({ iconSlug: e.target.value })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ iconSlug: e.target.value })}
               className="w-60"
-              placeholder={t('form.iconSlugPlaceholder')}
+              placeholder={m['admin-ai_form_iconSlugPlaceholder']()}
             />
           </Field>
         </FieldGroup>
       </FieldSet>
 
       <FieldSet>
-        <FieldLegend>{t('form.integrationConfig')}</FieldLegend>
+        <FieldLegend>{m['admin-ai_form_integrationConfig']()}</FieldLegend>
         <FieldGroup>
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.defaultBaseUrl')}</FieldLabel>
-              <FieldDescription>{t('form.defaultBaseUrlDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_defaultBaseUrl']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_defaultBaseUrlDesc']()}</FieldDescription>
             </FieldContent>
             <Input
               value={values.defaultBaseUrl}
-              onChange={(e) => patch({ defaultBaseUrl: e.target.value })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ defaultBaseUrl: e.target.value })}
               className="w-72"
               placeholder="https://api.example.com/v1"
             />
@@ -334,11 +333,11 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.keyUrl')}</FieldLabel>
+              <FieldLabel>{m['admin-ai_form_keyUrl']()}</FieldLabel>
             </FieldContent>
             <Input
               value={values.keyUrl}
-              onChange={(e) => patch({ keyUrl: e.target.value })}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ keyUrl: e.target.value })}
               className="w-72"
               placeholder="https://..."
             />
@@ -346,11 +345,11 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.docsUrl')}</FieldLabel>
+              <FieldLabel>{m['admin-ai_form_docsUrl']()}</FieldLabel>
             </FieldContent>
             <Input
               value={values.docsUrl}
-              onChange={(e) => patch({ docsUrl: e.target.value })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ docsUrl: e.target.value })}
               className="w-72"
               placeholder="https://..."
             />
@@ -358,11 +357,11 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.apikeyPlaceholder')}</FieldLabel>
+              <FieldLabel>{m['admin-ai_form_apikeyPlaceholder']()}</FieldLabel>
             </FieldContent>
             <Input
               value={values.keyPlaceholder}
-              onChange={(e) => patch({ keyPlaceholder: e.target.value })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ keyPlaceholder: e.target.value })}
               className="w-60"
               placeholder="sk-..."
             />
@@ -372,35 +371,35 @@ export function ProviderForm({
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.localDeploy')}</FieldLabel>
-              <FieldDescription>{t('form.localDeployDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_localDeploy']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_localDeployDesc']()}</FieldDescription>
             </FieldContent>
             <Switch
               checked={values.isLocal}
-              onCheckedChange={(v) => patch({ isLocal: v })}
+              onCheckedChange={(v: boolean) => patch({ isLocal: v })}
             />
           </Field>
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.platformEnabled')}</FieldLabel>
-              <FieldDescription>{t('form.platformEnabledDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_platformEnabled']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_platformEnabledDesc']()}</FieldDescription>
             </FieldContent>
             <Switch
               checked={values.enabled}
-              onCheckedChange={(v) => patch({ enabled: v })}
+              onCheckedChange={(v: boolean) => patch({ enabled: v })}
             />
           </Field>
 
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldLabel>{t('form.sortOrder')}</FieldLabel>
-              <FieldDescription>{t('form.sortOrderDesc')}</FieldDescription>
+              <FieldLabel>{m['admin-ai_form_sortOrder']()}</FieldLabel>
+              <FieldDescription>{m['admin-ai_form_sortOrderDesc']()}</FieldDescription>
             </FieldContent>
             <Input
               type="number"
               value={values.sortOrder}
-              onChange={(e) => patch({ sortOrder: Number(e.target.value) })}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => patch({ sortOrder: Number(e.target.value) })}
               className="w-24"
             />
           </Field>
@@ -408,8 +407,8 @@ export function ProviderForm({
       </FieldSet>
 
       <FieldSet>
-        <FieldLegend>{t('form.modelList')}</FieldLegend>
-        <FieldDescription>{t('form.modelListDesc')}</FieldDescription>
+        <FieldLegend>{m['admin-ai_form_modelList']()}</FieldLegend>
+        <FieldDescription>{m['admin-ai_form_modelListDesc']()}</FieldDescription>
         <ModelListEditor
           models={values.models}
           onChange={(m) => patch({ models: m })}
@@ -418,7 +417,7 @@ export function ProviderForm({
 
       <div className="sticky bottom-0 z-20 flex items-center justify-end gap-3 border-t bg-background pt-6 pb-6">
         <Button asChild variant="outline">
-          <Link to="/ai-providers">{t('common.cancel')}</Link>
+          <Link to="/ai-providers">{m.common_common_cancel()}</Link>
         </Button>
         <Button onClick={handleSubmit} disabled={saveMutation.isPending}>
           {saveMutation.isPending ? (
@@ -426,7 +425,7 @@ export function ProviderForm({
           ) : (
             <Save className="size-4" data-icon="inline-start" />
           )}
-          {mode === "create" ? t('common.create') : t('common.save')}
+          {mode === "create" ? m.common_common_create() : m.common_button_save()}
         </Button>
       </div>
     </div>

package/src/components/ai-provider/provider-table.tsx

@@ -17,7 +17,7 @@
 
 // apps/admin/src/components/ai-provider/provider-table.tsx
 import { useState } from "react"
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { useMutation } from "@tanstack/react-query"
 import { Link, useRouter } from "@tanstack/react-router"
 import { Edit, Plus, Trash2, Users } from "lucide-react"
@@ -44,7 +44,6 @@ import { deleteAiProviderAdminFn } from "@/server/serverFns/ai-provider/delete"
 const ADAPTER_LABEL_MAP = new Map(ADAPTER_KINDS.map((k) => [k.value, k.label]))
 
 export function ProviderTable({ data }: { data: AiProviderRow[] }) {
-  const { t } = useTranslation('admin-ai')
   const router = useRouter()
   const [pendingDelete, setPendingDelete] = useState<AiProviderRow | null>(null)
 
@@ -54,29 +53,29 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
         data: { id: vars.id, enabled: vars.enabled },
       }),
     onSuccess: async () => {
-      toast.success(t('table.toast.updated'))
+      toast.success(m['admin-ai_table_toast_updated']())
       await router.invalidate()
     },
     onError: (err) =>
-      toast.error(err instanceof Error ? err.message : t('market.form.operationFailed')),
+      toast.error(err instanceof Error ? err.message : m.common_market_form_operationFailed()),
   })
 
   const deleteMutation = useMutation({
     mutationFn: (id: string) => deleteAiProviderAdminFn({ data: { id } }),
     onSuccess: async () => {
-      toast.success(t('table.toast.deleted'))
+      toast.success(m['admin-ai_table_toast_deleted']())
       setPendingDelete(null)
       await router.invalidate()
     },
     onError: (err) =>
-      toast.error(err instanceof Error ? err.message : t('table.toast.deleteFailed')),
+      toast.error(err instanceof Error ? err.message : m['admin-ai_table_toast_deleteFailed']()),
   })
 
   const columns: AdminColumnDef<AiProviderRow>[] = [
     {
       accessorKey: "displayName",
-      header: t('table.columns.provider'),
-      cell: ({ row }) => (
+      header: m['admin-ai_table_columns_provider'](),
+      cell: ({ row }: any) => (
         <div className="flex items-center gap-3">
           <ProviderIcon provider={row.original} size={36} />
           <div>
@@ -90,8 +89,8 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
     },
     {
       accessorKey: "adapterKind",
-      header: t('table.columns.adapterKind'),
-      cell: ({ row }) => (
+      header: m['admin-ai_table_columns_adapterKind'](),
+      cell: ({ row }: any) => (
         <Badge variant="outline">
           {ADAPTER_LABEL_MAP.get(row.original.adapterKind) ??
             row.original.adapterKind}
@@ -100,15 +99,15 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
     },
     {
       accessorKey: "category",
-      header: t('table.columns.category'),
-      cell: ({ row }) => (
+      header: m['admin-ai_table_columns_category'](),
+      cell: ({ row }: any) => (
         <Badge variant="secondary">{row.original.category}</Badge>
       ),
     },
     {
       accessorKey: "badge",
-      header: t('table.columns.badge'),
-      cell: ({ row }) => {
+      header: m['admin-ai_table_columns_badge'](),
+      cell: ({ row }: any) => {
         const b = row.original.badge
         if (!b) return <span className="text-muted-foreground">—</span>
         const style = PROVIDER_BADGE_STYLES[b] ?? "bg-muted text-muted-foreground"
@@ -121,8 +120,8 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
     },
     {
       accessorKey: "models",
-      header: t('table.columns.modelCount'),
-      cell: ({ row }) => (
+      header: m['admin-ai_table_columns_modelCount'](),
+      cell: ({ row }: any) => (
         <span className="text-sm">
           {Array.isArray(row.original.models) ? row.original.models.length : 0}
         </span>
@@ -133,10 +132,10 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
       header: () => (
         <span className="inline-flex items-center gap-1">
           <Users className="size-3.5" />
-          {t('table.columns.userConfigCount')}
+          {m['admin-ai_table_columns_userConfigCount']()}
         </span>
       ),
-      cell: ({ row }) => (
+      cell: ({ row }: any) => (
         <span
           className={
             row.original.configCount > 0
@@ -150,25 +149,25 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
     },
     {
       accessorKey: "enabled",
-      header: t('table.columns.platformEnabled'),
-      cell: ({ row }) => (
+      header: m['admin-ai_table_columns_platformEnabled'](),
+      cell: ({ row }: any) => (
         <Switch
           checked={row.original.enabled}
-          onCheckedChange={(checked) =>
+          onCheckedChange={(checked: boolean) =>
             toggleMutation.mutate({
               id: row.original.id,
               enabled: checked,
             })
           }
           disabled={toggleMutation.isPending}
-          aria-label={t('table.enabledToggle')}
+          aria-label={m['admin-ai_table_enabledToggle']()}
         />
       ),
     },
     {
       id: "actions",
-      header: t('table.columns.actions'),
-      cell: ({ row }) => {
+      header: m['admin-ai_table_columns_actions'](),
+      cell: ({ row }: any) => {
         const canDelete = row.original.configCount === 0
         return (
           <div className="flex items-center gap-1">
@@ -178,7 +177,7 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
                 params={{ id: row.original.id }}
               >
                 <Edit className="size-4" />
-                {t('table.edit')}
+                {m['admin-ai_table_edit']()}
               </Link>
             </Button>
             {canDelete ? (
@@ -189,17 +188,17 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
                 onClick={() => setPendingDelete(row.original)}
               >
                 <Trash2 className="size-4" />
-                {t('table.delete')}
+                {m['admin-ai_table_delete']()}
               </Button>
             ) : (
               <Button
                 variant="ghost"
                 size="sm"
                 disabled
-                title={t('table.deleteDisabled', { count: row.original.configCount })}
+                title={m['admin-ai_table_deleteDisabled']({ count: row.original.configCount })}
               >
                 <Trash2 className="size-4" />
-                {t('table.delete')}
+                {m['admin-ai_table_delete']()}
               </Button>
             )}
           </div>
@@ -212,15 +211,15 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
     <div className="space-y-4">
       <div className="flex items-center justify-between">
         <div>
-          <h2 className="text-lg font-semibold">{t('table.pageTitle')}</h2>
+          <h2 className="text-lg font-semibold">{m['admin-ai_table_pageTitle']()}</h2>
           <p className="text-sm text-muted-foreground">
-            {t('table.pageDescription', { count: data.length })}
+            {m['admin-ai_table_pageDescription']({ count: data.length })}
           </p>
         </div>
         <Button asChild>
           <Link to="/ai-providers/new">
             <Plus className="size-4" />
-            {t('table.addProvider')}
+            {m['admin-ai_table_addProvider']()}
           </Link>
         </Button>
       </div>
@@ -228,19 +227,19 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
 
       <AlertDialog
         open={!!pendingDelete}
-        onOpenChange={(open) => !open && setPendingDelete(null)}
+        onOpenChange={(open: boolean) => !open && setPendingDelete(null)}
       >
         <AlertDialogContent>
           <AlertDialogHeader>
             <AlertDialogTitle>
-              {t('table.deleteConfirm.title', { name: pendingDelete?.displayName })}
+              {m['admin-ai_table_deleteConfirm_title']({ name: pendingDelete?.displayName ?? '' })}
             </AlertDialogTitle>
             <AlertDialogDescription>
-              {t('table.deleteConfirm.description')}
+              {m['admin-ai_table_deleteConfirm_description']()}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>
+            <AlertDialogCancel>{m.common_common_cancel()}</AlertDialogCancel>
             <AlertDialogAction
               className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
               onClick={() =>
@@ -248,7 +247,7 @@ export function ProviderTable({ data }: { data: AiProviderRow[] }) {
               }
               disabled={deleteMutation.isPending}
             >
-              {t('table.deleteConfirm.confirm')}
+              {m['admin-ai_table_deleteConfirm_confirm']()}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>