@allbluecn/admin-app 0.1.0 → 0.2.1

package/src/routes/_nav/knowledge-public/legal/route.lazy.tsx

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute, useNavigate, useRouter } from '@tanstack/react-router'
+import { m } from '@/paraglide/messages.js'
 import { useState, useTransition } from 'react'
-import { useTranslation } from 'react-i18next'
 import { PlusIcon, PencilIcon, Trash2Icon, SearchIcon } from 'lucide-react'
 import { DataTable, type AdminColumnDef } from '@/components/data-table/data-table'
 import { Button } from '@/components/ui/button'
@@ -47,7 +47,6 @@ export const Route = createLazyFileRoute('/_nav/knowledge-public/legal')({
 })
 
 function LegalPage() {
-  const { t } = useTranslation('common')
   const { items: rawItems, total } = Route.useLoaderData()
   const items = rawItems as unknown as LegalRow[]
   const { search } = Route.useSearch()
@@ -84,11 +83,11 @@ function LegalPage() {
     startDelete(async () => {
       try {
         await adminDeleteLegalFn({ data: { id: deleting.id } })
-        toast.success(t('common.deleted', { name: t('knowledgePublic.jurisdictionLabel') }))
+        toast.success(m.common_common_deleted({ name: m.common_knowledgePublic_jurisdictionLabel() }))
         setDeleting(null)
         refresh()
       } catch (err) {
-        toast.error(err instanceof Error ? err.message : t('common.deleteFailed'))
+        toast.error(err instanceof Error ? err.message : m.common_common_deleteFailed())
       }
     })
   }
@@ -96,13 +95,13 @@ function LegalPage() {
   const columns: AdminColumnDef<LegalRow>[] = [
     {
       accessorKey: 'title',
-      header: t('knowledgePublic.legal.columns.title'),
-      cell: ({ row }) => <span className="font-medium">{row.original.title}</span>,
+      header: m.common_knowledgePublic_legal_columns_title(),
+      cell: ({ row }: any) => <span className="font-medium">{row.original.title}</span>,
     },
     {
       accessorKey: 'jurisdiction',
-      header: t('knowledgePublic.legal.columns.jurisdiction'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_legal_columns_jurisdiction(),
+      cell: ({ row }: any) => (
         <Badge variant="outline">
           {row.original.jurisdiction}
         </Badge>
@@ -110,20 +109,20 @@ function LegalPage() {
     },
     {
       accessorKey: 'category',
-      header: t('knowledgePublic.legal.columns.category'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_legal_columns_category(),
+      cell: ({ row }: any) => (
         <span className="text-muted-foreground">{row.original.category}</span>
       ),
     },
     {
       accessorKey: 'tags',
-      header: t('knowledgePublic.legal.columns.tags'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_legal_columns_tags(),
+      cell: ({ row }: any) => (
         <div className="flex max-w-xs flex-wrap gap-1">
           {row.original.tags.length === 0 ? (
             <span className="text-muted-foreground">-</span>
           ) : (
-            row.original.tags.map((tag) => (
+            row.original.tags.map((tag: string) => (
               <Badge key={tag} variant="secondary" className="font-normal">
                 {tag}
               </Badge>
@@ -134,8 +133,8 @@ function LegalPage() {
     },
     {
       accessorKey: 'createdAt',
-      header: t('knowledgePublic.legal.columns.createdAt'),
-      cell: ({ row }) => (
+      header: m.common_knowledgePublic_legal_columns_createdAt(),
+      cell: ({ row }: any) => (
         <span className="text-muted-foreground">
           {new Date(row.original.createdAt).toLocaleDateString('zh-CN')}
         </span>
@@ -144,30 +143,30 @@ function LegalPage() {
     {
       id: 'actions',
       header: '',
-      cell: ({ row }) => (
+      cell: ({ row }: any) => (
         <div className="flex items-center gap-1">
           <Button
             variant="ghost"
             size="sm"
-            onClick={(e) => {
+            onClick={(e: React.MouseEvent) => {
               e.stopPropagation()
               openEdit(row.original)
             }}
           >
             <PencilIcon className="mr-1 size-3.5" />
-            {t('common.edit')}
+            {m.common_common_edit()}
           </Button>
           <Button
             variant="ghost"
             size="sm"
             className="text-destructive hover:text-destructive"
-            onClick={(e) => {
+            onClick={(e: React.MouseEvent) => {
               e.stopPropagation()
               setDeleting(row.original)
             }}
           >
             <Trash2Icon className="mr-1 size-3.5" />
-            {t('common.delete')}
+            {m.common_common_delete()}
           </Button>
         </div>
       ),
@@ -178,12 +177,12 @@ function LegalPage() {
     <div className="space-y-4 p-6">
       <div className="flex items-center justify-between">
         <div>
-          <h2 className="text-xl font-bold">{t('knowledgePublic.legal.title')}</h2>
-          <p className="text-sm text-muted-foreground">{t('knowledgePublic.legal.subtitle', { total })}</p>
+          <h2 className="text-xl font-bold">{m.common_knowledgePublic_legal_title()}</h2>
+          <p className="text-sm text-muted-foreground">{m.common_knowledgePublic_legal_subtitle({ total })}</p>
         </div>
         <Button onClick={openCreate}>
           <PlusIcon className="mr-1 size-4" />
-          {t('common.create')}
+          {m.common_common_create()}
         </Button>
       </div>
 
@@ -192,16 +191,16 @@ function LegalPage() {
           <SearchIcon className="absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground" />
           <Input
             value={searchInput}
-            onChange={(e) => setSearchInput(e.target.value)}
-            onKeyDown={(e) => {
+            onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchInput(e.target.value)}
+            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
               if (e.key === 'Enter') applySearch()
             }}
-            placeholder={t('knowledgePublic.legal.placeholder')}
+            placeholder={m.common_knowledgePublic_legal_placeholder()}
             className="pl-8"
           />
         </div>
         <Button variant="outline" onClick={applySearch}>
-          {t('common.search')}
+          {m.common_common_search()}
         </Button>
       </div>
 
@@ -214,25 +213,25 @@ function LegalPage() {
         onSuccess={refresh}
       />
 
-      <AlertDialog open={!!deleting} onOpenChange={(o) => !o && setDeleting(null)}>
+      <AlertDialog open={!!deleting} onOpenChange={(o: boolean) => !o && setDeleting(null)}>
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>{t('knowledgePublic.legal.deleteConfirmTitle')}</AlertDialogTitle>
+            <AlertDialogTitle>{m.common_knowledgePublic_legal_deleteConfirmTitle()}</AlertDialogTitle>
             <AlertDialogDescription>
-              {t('knowledgePublic.legal.deleteConfirmDesc', { title: deleting?.title })}
+              {m.common_knowledgePublic_legal_deleteConfirmDesc({ title: deleting?.title ?? '' })}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel disabled={deletePending}>{t('common.cancel')}</AlertDialogCancel>
+            <AlertDialogCancel disabled={deletePending}>{m.common_common_cancel()}</AlertDialogCancel>
             <AlertDialogAction
-              onClick={(e) => {
+              onClick={(e: React.MouseEvent) => {
                 e.preventDefault()
                 confirmDelete()
               }}
               disabled={deletePending}
               className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
             >
-              {deletePending ? t('common.deleting') : t('common.delete')}
+              {deletePending ? m.common_common_deleting() : m.common_common_delete()}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>

package/src/routes/_nav/licenses/$licenseId/route.lazy.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute, Link, useNavigate } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { useServerFn } from '@tanstack/react-start'
 import { toast } from 'sonner'
 import type React from 'react'
@@ -34,7 +34,6 @@ export const Route = createLazyFileRoute('/_nav/licenses/$licenseId')({
 })
 
 function LicenseDetail(): React.ReactElement {
-  const { t } = useTranslation('enterprise')
   const navigate = useNavigate()
   const license = Route.useLoaderData() as {
     id: string
@@ -66,11 +65,11 @@ function LicenseDetail(): React.ReactElement {
 
   const handleRevoke = async () => {
     if (license.revokedAt) {
-      toast.info(t('license.revokedToast'))
+      toast.info(m.enterprise_license_revokedToast())
       return
     }
     await revokeFn({ data: { licenseId: license.id } })
-    toast.success(t('license.revokedSuccess'))
+    toast.success(m.enterprise_license_revokedSuccess())
     await navigate({ to: '/licenses' })
   }
 
@@ -85,7 +84,7 @@ function LicenseDetail(): React.ReactElement {
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-3">
           <Link to="/licenses">
-            <Button variant="ghost" size="sm">{t('common:button.back')}</Button>
+            <Button variant="ghost" size="sm">{m.common_button_back()}</Button>
           </Link>
           <h1 className="text-2xl font-bold">{license.customerName}</h1>
         </div>
@@ -94,46 +93,46 @@ function LicenseDetail(): React.ReactElement {
           onClick={handleRevoke}
           disabled={!!license.revokedAt}
         >
-          {license.revokedAt ? t('license.revoked') : t('license.revoke')}
+          {license.revokedAt ? m.enterprise_license_revoked() : m.enterprise_license_revoke()}
         </Button>
       </div>
 
       <div className="grid grid-cols-2 gap-4">
         <Card>
           <CardHeader>
-            <CardTitle className="text-base">{t('license.basicInfo')}</CardTitle>
+            <CardTitle className="text-base">{m.enterprise_license_basicInfo()}</CardTitle>
           </CardHeader>
           <CardContent className="space-y-2 text-sm">
             <div className="flex justify-between">
-              <span className="text-muted-foreground">{t('license.email')}</span>
+              <span className="text-muted-foreground">{m.enterprise_license_email()}</span>
               <span>{license.customerEmail}</span>
             </div>
             <div className="flex justify-between">
-              <span className="text-muted-foreground">{t('license.customerId')}</span>
+              <span className="text-muted-foreground">{m.enterprise_license_customerId()}</span>
               <span>{license.customerId}</span>
             </div>
             <div className="flex justify-between">
-              <span className="text-muted-foreground">{t('license.plan')}</span>
+              <span className="text-muted-foreground">{m.enterprise_license_plan()}</span>
               <span>{license.plan}</span>
             </div>
             <div className="flex justify-between">
-              <span className="text-muted-foreground">{t('license.seats')}</span>
+              <span className="text-muted-foreground">{m.enterprise_license_seats()}</span>
               <span>{license.seats}</span>
             </div>
             <div className="flex justify-between">
-              <span className="text-muted-foreground">{t('license.issuedAt')}</span>
+              <span className="text-muted-foreground">{m.enterprise_license_issuedAt()}</span>
               <span>{new Date(license.issuedAt).toLocaleDateString()}</span>
             </div>
             <div className="flex justify-between">
-              <span className="text-muted-foreground">{t('license.expiresAt')}</span>
+              <span className="text-muted-foreground">{m.enterprise_license_expiresAt()}</span>
               <span>
                 {license.expiresAt
                   ? new Date(license.expiresAt).toLocaleDateString()
-                  : t('license.permanent')}
+                  : m.enterprise_license_permanent()}
               </span>
             </div>
             <div className="flex justify-between">
-              <span className="text-muted-foreground">{t('license.issuer')}</span>
+              <span className="text-muted-foreground">{m.enterprise_license_issuer()}</span>
               <span>{license.issuedBy?.username || '—'}</span>
             </div>
           </CardContent>
@@ -142,7 +141,7 @@ function LicenseDetail(): React.ReactElement {
         <Card>
           <CardHeader>
             <CardTitle className="text-base">
-              {t('license.featureAuthorization')}
+              {m.enterprise_license_featureAuthorization()}
             </CardTitle>
           </CardHeader>
           <CardContent>
@@ -159,7 +158,7 @@ function LicenseDetail(): React.ReactElement {
               </div>
             ) : (
               <p className="text-sm text-muted-foreground">
-                {t('license.noFeatureAuthorization')}
+                {m.enterprise_license_noFeatureAuthorization()}
               </p>
             )}
           </CardContent>
@@ -168,7 +167,7 @@ function LicenseDetail(): React.ReactElement {
 
       <Card>
         <CardHeader>
-          <CardTitle className="text-base">{t('license.keyTitle')}</CardTitle>
+          <CardTitle className="text-base">{m.enterprise_license_keyTitle()}</CardTitle>
         </CardHeader>
         <CardContent>
           <code className="block rounded-md bg-muted p-2 text-xs break-all">
@@ -181,7 +180,7 @@ function LicenseDetail(): React.ReactElement {
         <Card>
           <CardHeader>
             <CardTitle className="text-base">
-              {t('license.activationsTitle', { count: license.activations.length })}
+              {m.enterprise_license_activationsTitle({ count: license.activations.length })}
             </CardTitle>
           </CardHeader>
           <CardContent>
@@ -192,35 +191,29 @@ function LicenseDetail(): React.ReactElement {
                   className="flex items-center justify-between rounded-md border border-border p-2 text-sm"
                 >
                   <div>
-                    <span className="font-medium">{t('license.instance')}</span>
+                    <span className="font-medium">{m.enterprise_license_instance()}</span>
                     <code className="ml-2 text-muted-foreground">
                       {a.instanceId}
                     </code>
                   </div>
                   <div className="flex items-center gap-3">
                     <span className="text-muted-foreground">
-                      {t('license.activatedAt', {
-                        date: new Date(a.activatedAt).toLocaleDateString(),
-                      })}
+                      {m.enterprise_license_activatedAt({ date: new Date(a.activatedAt).toLocaleDateString(),  })}
                     </span>
                     <span className="text-muted-foreground">
-                      {t('license.fingerprint', {
-                        fingerprint: a.fingerprint.slice(0, 8),
-                      })}
+                      {m.enterprise_license_fingerprint({ fingerprint: a.fingerprint.slice(0, 8),  })}
                     </span>
                     {a.revokedAt ? (
                       <span className="text-destructive">
-                        {t('license.revoked')}
+                        {m.enterprise_license_revoked()}
                       </span>
                     ) : a.lastSeenAt ? (
                       <span className="text-muted-foreground">
-                        {t('license.lastActive', {
-                          date: new Date(a.lastSeenAt).toLocaleDateString(),
-                        })}
+                        {m.enterprise_license_lastActive({ date: new Date(a.lastSeenAt).toLocaleDateString(),  })}
                       </span>
                     ) : (
                       <span className="text-muted-foreground">
-                        {t('license.neverActive')}
+                        {m.enterprise_license_neverActive()}
                       </span>
                     )}
                   </div>

package/src/routes/_nav/licenses/new/route.lazy.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute, Link, useNavigate } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import type React from 'react'
 import { useState } from 'react'
 import { useForm } from '@tanstack/react-form'
@@ -35,7 +35,6 @@ export const Route = createLazyFileRoute('/_nav/licenses/new')({
 })
 
 function IssueLicensePage(): React.ReactElement {
-  const { t } = useTranslation('enterprise')
   const navigate = useNavigate()
   const issue = useServerFn(issueLicenseFn)
   const [issuedKey, setIssuedKey] = useState<string | null>(null)
@@ -70,10 +69,10 @@ function IssueLicensePage(): React.ReactElement {
   if (issuedKey) {
     return (
       <div className="space-y-4">
-        <h1 className="text-2xl font-bold">{t('issue.successTitle')}</h1>
+        <h1 className="text-2xl font-bold">{m.enterprise_issue_successTitle()}</h1>
         <Alert>
-          <AlertTitle>{t('issue.keyOnceTitle')}</AlertTitle>
-          <AlertDescription>{t('issue.keyOnceDescription')}</AlertDescription>
+          <AlertTitle>{m.enterprise_issue_keyOnceTitle()}</AlertTitle>
+          <AlertDescription>{m.enterprise_issue_keyOnceDescription()}</AlertDescription>
         </Alert>
         <div className="flex items-center gap-2">
           <code className="max-w-full flex-1 break-all rounded-lg border border-border bg-muted px-3 py-2 text-xs">
@@ -92,7 +91,7 @@ function IssueLicensePage(): React.ReactElement {
           </Button>
         </div>
         <Button onClick={() => void navigate({ to: '/licenses' })}>
-          {t('common:button.back')}
+          {m.common_button_back()}
         </Button>
       </div>
     )
@@ -102,15 +101,15 @@ function IssueLicensePage(): React.ReactElement {
     <div className="space-y-4">
       <div className="flex items-center gap-3">
         <Link to="/licenses">
-          <Button variant="ghost" size="sm">{t('common:button.back')}</Button>
+          <Button variant="ghost" size="sm">{m.common_button_back()}</Button>
         </Link>
-        <h1 className="text-2xl font-bold">{t('issue.title')}</h1>
+        <h1 className="text-2xl font-bold">{m.enterprise_issue_title()}</h1>
       </div>
 
       <Card>
         <CardHeader>
-          <CardTitle>{t('issue.enterpriseTitle')}</CardTitle>
-          <CardDescription>{t('issue.description')}</CardDescription>
+          <CardTitle>{m.enterprise_issue_enterpriseTitle()}</CardTitle>
+          <CardDescription>{m.enterprise_issue_description()}</CardDescription>
         </CardHeader>
         <CardContent>
           <form
@@ -123,11 +122,11 @@ function IssueLicensePage(): React.ReactElement {
             <form.Field name="customerName">
               {(field) => (
                 <div className="space-y-2">
-                  <Label htmlFor={field.name}>{t('issue.customerName')}</Label>
+                  <Label htmlFor={field.name}>{m.enterprise_issue_customerName()}</Label>
                   <Input
                     id={field.name}
                     value={field.value}
-                    onChange={(e) => field.handleChange(e.target.value)}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => field.handleChange(e.target.value)}
                     onBlur={field.handleBlur}
                   />
                 </div>
@@ -136,12 +135,12 @@ function IssueLicensePage(): React.ReactElement {
             <form.Field name="customerEmail">
               {(field) => (
                 <div className="space-y-2">
-                  <Label htmlFor={field.name}>{t('issue.customerEmail')}</Label>
+                  <Label htmlFor={field.name}>{m.enterprise_issue_customerEmail()}</Label>
                   <Input
                     id={field.name}
                     type="email"
                     value={field.value}
-                    onChange={(e) => field.handleChange(e.target.value)}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => field.handleChange(e.target.value)}
                     onBlur={field.handleBlur}
                   />
                 </div>
@@ -150,11 +149,11 @@ function IssueLicensePage(): React.ReactElement {
             <form.Field name="customerId">
               {(field) => (
                 <div className="space-y-2">
-                  <Label htmlFor={field.name}>{t('issue.customerId')}</Label>
+                  <Label htmlFor={field.name}>{m.enterprise_issue_customerId()}</Label>
                   <Input
                     id={field.name}
                     value={field.value}
-                    onChange={(e) => field.handleChange(e.target.value)}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => field.handleChange(e.target.value)}
                     onBlur={field.handleBlur}
                   />
                 </div>
@@ -163,28 +162,28 @@ function IssueLicensePage(): React.ReactElement {
             <form.Field name="plan">
               {(field) => (
                 <div className="space-y-2">
-                  <Label htmlFor={field.name}>{t('issue.plan')}</Label>
+                  <Label htmlFor={field.name}>{m.enterprise_issue_plan()}</Label>
                   <Input
                     id={field.name}
                     value={field.value}
-                    onChange={(e) => field.handleChange(e.target.value)}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => field.handleChange(e.target.value)}
                     onBlur={field.handleBlur}
                     placeholder="enterprise"
                   />
-                  <p className="text-xs text-muted-foreground">{t('issue.planHint')}</p>
+                  <p className="text-xs text-muted-foreground">{m.enterprise_issue_planHint()}</p>
                 </div>
               )}
             </form.Field>
             <form.Field name="seats">
               {(field) => (
                 <div className="space-y-2">
-                  <Label htmlFor={field.name}>{t('issue.seats')}</Label>
+                  <Label htmlFor={field.name}>{m.enterprise_issue_seats()}</Label>
                   <Input
                     id={field.name}
                     type="number"
                     min={1}
                     value={field.value}
-                    onChange={(e) => field.handleChange(Number(e.target.value))}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => field.handleChange(Number(e.target.value))}
                     onBlur={field.handleBlur}
                   />
                 </div>
@@ -193,22 +192,22 @@ function IssueLicensePage(): React.ReactElement {
             <form.Field name="expiresAt">
               {(field) => (
                 <div className="space-y-2">
-                  <Label htmlFor={field.name}>{t('issue.expiresAt')}</Label>
+                  <Label htmlFor={field.name}>{m.enterprise_issue_expiresAt()}</Label>
                   <Input
                     id={field.name}
                     type="date"
                     value={field.value}
-                    onChange={(e) => field.handleChange(e.target.value)}
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => field.handleChange(e.target.value)}
                     onBlur={field.handleBlur}
                   />
-                  <p className="text-xs text-muted-foreground">{t('issue.expiresAtHint')}</p>
+                  <p className="text-xs text-muted-foreground">{m.enterprise_issue_expiresAtHint()}</p>
                 </div>
               )}
             </form.Field>
             <form.Field name="features">
               {(field) => (
                 <div className="space-y-2">
-                  <Label>{t('issue.features')}</Label>
+                  <Label>{m.enterprise_issue_features()}</Label>
                   <div className="space-y-2">
                     {Object.keys(FeatureRegistry).map((key) => (
                       <label key={key} className="flex items-center gap-2 text-sm">
@@ -227,7 +226,7 @@ function IssueLicensePage(): React.ReactElement {
               )}
             </form.Field>
             <Button type="submit" disabled={form.state.isSubmitting}>
-              {t('issue.submit')}
+              {m.enterprise_issue_submit()}
             </Button>
           </form>
         </CardContent>

package/src/routes/_nav/licenses/route.lazy.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute, Link } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import type React from 'react'
 import { Button } from '@/components/ui/button'
 
@@ -30,7 +30,6 @@ export const Route = createLazyFileRoute('/_nav/licenses')({
 })
 
 function LicensesList(): React.ReactElement {
-  const { t } = useTranslation('enterprise')
   const { items, total } = Route.useLoaderData() as {
     items: Array<{
       id: string
@@ -50,19 +49,19 @@ function LicensesList(): React.ReactElement {
     <div className="space-y-4">
       <div className="flex items-center justify-between">
         <div>
-          <h1 className="text-2xl font-bold">{t('license.managementTitle')}</h1>
+          <h1 className="text-2xl font-bold">{m.enterprise_license_managementTitle()}</h1>
           <p className="text-sm text-muted-foreground mt-1">
-            {t('license.count', { count: total })}
+            {m.enterprise_license_count({ count: total })}
           </p>
         </div>
         <Link to="/licenses/new">
-          <Button>{t('license.issue')}</Button>
+          <Button>{m.enterprise_license_issue()}</Button>
         </Link>
       </div>
 
       {items.length === 0 ? (
         <div className="rounded-lg border border-border p-8 text-center text-muted-foreground">
-          {t('license.empty')}
+          {m.enterprise_license_empty()}
         </div>
       ) : (
         <div className="rounded-lg border border-border overflow-hidden">
@@ -70,28 +69,28 @@ function LicensesList(): React.ReactElement {
             <thead>
               <tr className="border-b border-border bg-muted/50">
                 <th className="p-3 text-left font-medium">
-                  {t('license.customer')}
+                  {m.enterprise_license_customer()}
                 </th>
                 <th className="p-3 text-left font-medium">
-                  {t('license.email')}
+                  {m.enterprise_license_email()}
                 </th>
                 <th className="p-3 text-left font-medium">
-                  {t('license.plan')}
+                  {m.enterprise_license_plan()}
                 </th>
                 <th className="p-3 text-left font-medium">
-                  {t('license.seats')}
+                  {m.enterprise_license_seats()}
                 </th>
                 <th className="p-3 text-left font-medium">
-                  {t('license.activationCount')}
+                  {m.enterprise_license_activationCount()}
                 </th>
                 <th className="p-3 text-left font-medium">
-                  {t('license.expiresAtLabel')}
+                  {m.enterprise_license_expiresAtLabel()}
                 </th>
                 <th className="p-3 text-left font-medium">
-                  {t('license.status')}
+                  {m.enterprise_license_status()}
                 </th>
                 <th className="p-3 text-left font-medium">
-                  {t('license.action')}
+                  {m.enterprise_license_action()}
                 </th>
               </tr>
             </thead>
@@ -110,16 +109,16 @@ function LicensesList(): React.ReactElement {
                   <td className="p-3">
                     {license.expiresAt
                       ? new Date(license.expiresAt).toLocaleDateString()
-                      : t('license.permanent')}
+                      : m.enterprise_license_permanent()}
                   </td>
                   <td className="p-3">
                     {license.revokedAt ? (
                       <span className="inline-flex rounded-md bg-destructive/10 px-2 py-0.5 text-xs text-destructive">
-                        {t('license.revoked')}
+                        {m.enterprise_license_revoked()}
                       </span>
                     ) : (
                       <span className="inline-flex rounded-md bg-green-500/10 px-2 py-0.5 text-xs text-green-600 dark:text-green-400">
-                        {t('license.active')}
+                        {m.enterprise_license_active()}
                       </span>
                     )}
                   </td>
@@ -129,7 +128,7 @@ function LicensesList(): React.ReactElement {
                       params={{ licenseId: license.id }}
                       className="text-primary hover:underline"
                     >
-                      {t('license.detail')}
+                      {m.enterprise_license_detail()}
                     </Link>
                   </td>
                 </tr>