@allbluecn/admin-app 0.2.0 → 0.2.3

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

@@ -1,6 +1,7 @@
 import { createLazyFileRoute, Link, useLocation } from '@tanstack/react-router'
+import { m } from '@/paraglide/messages.js'
+import { getLocale } from '@/paraglide/runtime.js'
 import { useServerFn } from '@tanstack/react-start'
-import { useTranslation } from 'react-i18next'
 import { toast } from 'sonner'
 import { useCallback, useEffect, useState } from 'react'
 import type React from 'react'
@@ -112,7 +113,6 @@ function CreateRoleDialog({
   i18nLang: string
   onCreated: () => void
 }): React.ReactElement {
-  const { t } = useTranslation('enterprise')
   const createRole = useServerFn(createRoleFn)
   const [name, setName] = useState('')
   const [permissions, setPermissions] = useState<ResourcePermission>({})
@@ -132,7 +132,7 @@ function CreateRoleDialog({
 
   const handleSubmit = async () => {
     if (!name.trim()) {
-      toast.warning(t('permissions.toast.nameRequired'))
+      toast.warning(m.enterprise_permissions_toast_nameRequired())
       return
     }
     await createRole({
@@ -142,7 +142,7 @@ function CreateRoleDialog({
         permissions,
       },
     })
-    toast.success(t('permissions.toast.created', { name: name.trim() }))
+    toast.success(m.enterprise_permissions_toast_created({ name: name.trim() }))
     onOpenChange(false)
     onCreated()
   }
@@ -151,24 +151,24 @@ function CreateRoleDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-w-2xl max-h-[80vh] overflow-y-auto">
         <DialogHeader>
-          <DialogTitle>{t('permissions.createRole')}</DialogTitle>
-          <DialogDescription>{t('permissions.createRoleDesc')}</DialogDescription>
+          <DialogTitle>{m.enterprise_permissions_createRole()}</DialogTitle>
+          <DialogDescription>{m.enterprise_permissions_createRoleDesc()}</DialogDescription>
         </DialogHeader>
 
         <div className="space-y-4">
           <div className="grid gap-2">
-            <Label htmlFor="role-name">{t('permissions.roleName')}</Label>
+            <Label htmlFor="role-name">{m.enterprise_permissions_roleName()}</Label>
             <Input
               id="role-name"
               value={name}
-              onChange={(e) => setName(e.target.value)}
-              placeholder={t('permissions.roleNamePlaceholder')}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => setName(e.target.value)}
+              placeholder={m.enterprise_permissions_roleNamePlaceholder()}
               autoFocus
             />
           </div>
 
           <div className="space-y-3">
-            <Label>{t('permissions.permissionsMatrix')}</Label>
+            <Label>{m.enterprise_permissions_permissionsMatrix()}</Label>
             {ALL_RESOURCES.map((resource) => (
               <div key={resource.key} className="space-y-2">
                 <span className="text-sm font-medium">{isZh ? resource.labelZh : resource.labelEn}</span>
@@ -177,7 +177,7 @@ function CreateRoleDialog({
                     <Select
                       key={action.key}
                       value={permissions[`${resource.key}:${action.key}`] || 'none'}
-                      onValueChange={(value) => handleLevelChange(resource.key, action.key, value)}
+                      onValueChange={(value: string) => handleLevelChange(resource.key, action.key, value)}
                     >
                       <SelectTrigger className="h-8">
                         <SelectValue>
@@ -201,9 +201,9 @@ function CreateRoleDialog({
 
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)}>
-            {t('permissions.dialog.cancel')}
+            {m.enterprise_permissions_dialog_cancel()}
           </Button>
-          <Button onClick={handleSubmit}>{t('permissions.dialog.create')}</Button>
+          <Button onClick={handleSubmit}>{m.enterprise_permissions_dialog_create()}</Button>
         </DialogFooter>
       </DialogContent>
     </Dialog>
@@ -223,7 +223,6 @@ function AssignDialog({
   i18nLang: string
   onAssigned: () => void
 }): React.ReactElement {
-  const { t } = useTranslation('enterprise')
   const assignRole = useServerFn(assignRoleFn)
   const unassignRole = useServerFn(unassignRoleFn)
   const listAssignments = useServerFn(listRoleAssignmentsFn)
@@ -234,7 +233,7 @@ function AssignDialog({
   useEffect(() => {
     if (open && role) {
       listAssignments({ data: { roleId: role.id } })
-        .then((result) => setAssignments(result))
+        .then((result: any) => setAssignments(result))
         .catch(() => setAssignments([]))
     }
   }, [open, role, listAssignments])
@@ -242,14 +241,14 @@ function AssignDialog({
   const handleAssign = async () => {
     if (!searchUser.trim() || !role) return
     await assignRole({ data: { userId: searchUser.trim(), roleId: role.id } })
-    toast.success(t('permissions.toast.assigned'))
+    toast.success(m.enterprise_permissions_toast_assigned())
     setSearchUser('')
     onAssigned()
   }
 
   const handleUnassign = async (assignmentId: string) => {
     await unassignRole({ data: { assignmentId } })
-    toast.success(t('permissions.toast.unassigned'))
+    toast.success(m.enterprise_permissions_toast_unassigned())
     setAssignments(assignments.filter((a) => a.id !== assignmentId))
   }
 
@@ -258,25 +257,25 @@ function AssignDialog({
       <DialogContent className="max-w-lg">
         <DialogHeader>
           <DialogTitle>
-            {t('permissions.assign', { name: role?.name })}
+            {m.enterprise_permissions_assign({ name: role?.name ?? '' })}
           </DialogTitle>
-          <DialogDescription>{t('permissions.assignDesc')}</DialogDescription>
+          <DialogDescription>{m.enterprise_permissions_assignDesc()}</DialogDescription>
         </DialogHeader>
 
         <div className="space-y-4">
           <div className="flex gap-2">
             <Input
               value={searchUser}
-              onChange={(e) => setSearchUser(e.target.value)}
-              placeholder={t('permissions.searchUserPlaceholder')}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchUser(e.target.value)}
+              placeholder={m.enterprise_permissions_searchUserPlaceholder()}
             />
             <Button onClick={handleAssign} disabled={!searchUser.trim()}>
-              {t('permissions.assignUser')}
+              {m.enterprise_permissions_assignUser()}
             </Button>
           </div>
 
           {assignments.length === 0 ? (
-            <p className="text-sm text-muted-foreground">{t('permissions.noAssignments')}</p>
+            <p className="text-sm text-muted-foreground">{m.enterprise_permissions_noAssignments()}</p>
           ) : (
             <Table>
               <TableHeader>
@@ -297,7 +296,7 @@ function AssignDialog({
                         className="text-destructive hover:underline"
                         onClick={() => handleUnassign(a.id)}
                       >
-                        {t('permissions.unassign')}
+                        {m.enterprise_permissions_unassign()}
                       </button>
                     </TableCell>
                   </TableRow>
@@ -309,7 +308,7 @@ function AssignDialog({
 
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)}>
-            {t('permissions.dialog.close')}
+            {m.enterprise_permissions_dialog_close()}
           </Button>
         </DialogFooter>
       </DialogContent>
@@ -318,7 +317,6 @@ function AssignDialog({
 }
 
 function PermissionsPage(): React.ReactElement {
-  const { t, i18n } = useTranslation('enterprise')
   const location = useLocation()
   const selectedWorkspaceId =
     (location.search as { workspaceId?: string }).workspaceId ??
@@ -337,7 +335,7 @@ function PermissionsPage(): React.ReactElement {
   useEffect(() => {
     if (selectedWorkspaceId) {
       listRoles({ data: { workspaceId: selectedWorkspaceId } })
-        .then((result) => {
+        .then((result: any) => {
           const data = result as { items: RoleItem[]; total: number; seeded: string }
           setRoles(data.items)
         })
@@ -347,11 +345,11 @@ function PermissionsPage(): React.ReactElement {
 
   const handleDelete = async (role: RoleItem) => {
     if (role.isSystem) {
-      toast.info(t('permissions.toast.systemRole'))
+      toast.info(m.enterprise_permissions_toast_systemRole())
       return
     }
     await deleteRole({ data: { roleId: role.id } })
-    toast.success(t('permissions.toast.deleted', { name: role.name }))
+    toast.success(m.enterprise_permissions_toast_deleted({ name: role.name }))
     setRoles(roles.filter((r) => r.id !== role.id))
   }
 
@@ -361,10 +359,10 @@ function PermissionsPage(): React.ReactElement {
   }
 
   const PERMISSION_LEVELS: Record<string, () => string> = {
-    admin: () => t('permissions.level.admin'),
-    write: () => t('permissions.level.write'),
-    read: () => t('permissions.level.read'),
-    none: () => t('permissions.level.none'),
+    admin: () => m.enterprise_permissions_level_admin(),
+    write: () => m.enterprise_permissions_level_write(),
+    read: () => m.enterprise_permissions_level_read(),
+    none: () => m.enterprise_permissions_level_none(),
   }
 
   const workspaces = (Route.useLoaderData() as {
@@ -374,13 +372,13 @@ function PermissionsPage(): React.ReactElement {
   return (
     <div className="space-y-4">
       <div>
-        <h1 className="text-2xl font-bold">{t('permissions.title')}</h1>
-        <p className="text-sm text-muted-foreground mt-1">{t('permissions.subtitle')}</p>
+        <h1 className="text-2xl font-bold">{m.enterprise_permissions_title()}</h1>
+        <p className="text-sm text-muted-foreground mt-1">{m.enterprise_permissions_subtitle()}</p>
       </div>
 
       {workspaces.length > 0 && (
         <div className="flex items-center gap-2">
-          <span className="text-sm text-muted-foreground">{t('permissions.workspaceLabel')}</span>
+          <span className="text-sm text-muted-foreground">{m.enterprise_permissions_workspaceLabel()}</span>
           {workspaces.map((ws) => (
             <Link
               key={ws.id}
@@ -400,18 +398,18 @@ function PermissionsPage(): React.ReactElement {
 
       {roles.length === 0 ? (
         <div className="rounded-lg border border-border p-8 text-center text-muted-foreground">
-          {t('permissions.empty')}
+          {m.enterprise_permissions_empty()}
         </div>
       ) : (
         <div className="rounded-lg border border-border overflow-hidden">
           <Table>
             <TableHeader>
               <TableRow>
-                <TableHead>{t('permissions.table.role')}</TableHead>
-                <TableHead>{t('permissions.table.type')}</TableHead>
-                <TableHead>{t('permissions.table.members')}</TableHead>
-                <TableHead>{t('permissions.table.permissions')}</TableHead>
-                <TableHead>{t('permissions.table.actions')}</TableHead>
+                <TableHead>{m.enterprise_permissions_table_role()}</TableHead>
+                <TableHead>{m.enterprise_permissions_table_type()}</TableHead>
+                <TableHead>{m.enterprise_permissions_table_members()}</TableHead>
+                <TableHead>{m.enterprise_permissions_table_permissions()}</TableHead>
+                <TableHead>{m.enterprise_permissions_table_actions()}</TableHead>
               </TableRow>
             </TableHeader>
             <TableBody>
@@ -420,7 +418,7 @@ function PermissionsPage(): React.ReactElement {
                   <TableCell className="font-medium">{role.name}</TableCell>
                   <TableCell>
                     <Badge variant={role.isSystem ? 'default' : 'secondary'}>
-                      {role.isSystem ? t('permissions.type.system') : t('permissions.type.custom')}
+                      {role.isSystem ? m.enterprise_permissions_type_system() : m.enterprise_permissions_type_custom()}
                     </Badge>
                   </TableCell>
                   <TableCell>{role._count?.assignments}</TableCell>
@@ -443,7 +441,7 @@ function PermissionsPage(): React.ReactElement {
                         className="text-primary hover:underline text-sm"
                         onClick={() => handleOpenAssign(role)}
                       >
-                        {t('permissions.action.viewAssignments')}
+                        {m.enterprise_permissions_action_viewAssignments()}
                       </button>
                       <button
                         type="button"
@@ -451,7 +449,7 @@ function PermissionsPage(): React.ReactElement {
                         onClick={() => handleDelete(role)}
                         disabled={role.isSystem}
                       >
-                        {role.isSystem ? t('permissions.action.notAvailable') : t('permissions.action.delete')}
+                        {role.isSystem ? m.enterprise_permissions_action_notAvailable() : m.enterprise_permissions_action_delete()}
                       </button>
                     </div>
                   </TableCell>
@@ -464,7 +462,7 @@ function PermissionsPage(): React.ReactElement {
 
       {selectedWorkspaceId && (
         <div className="flex justify-end">
-          <Button onClick={() => setCreateDialogOpen(true)}>{t('permissions.action.createRole')}</Button>
+          <Button onClick={() => setCreateDialogOpen(true)}>{m.enterprise_permissions_action_createRole()}</Button>
         </div>
       )}
 
@@ -472,11 +470,11 @@ function PermissionsPage(): React.ReactElement {
         open={createDialogOpen}
         onOpenChange={setCreateDialogOpen}
         workspaceId={selectedWorkspaceId}
-        i18nLang={i18n.language}
+        i18nLang={getLocale()}
         onCreated={() => {
           if (selectedWorkspaceId) {
             listRoles({ data: { workspaceId: selectedWorkspaceId } })
-              .then((result) => {
+              .then((result: any) => {
                 const data = result as { items: RoleItem[] }
                 setRoles(data.items)
               })
@@ -488,11 +486,11 @@ function PermissionsPage(): React.ReactElement {
         open={assignDialogOpen}
         onOpenChange={setAssignDialogOpen}
         role={selectedRole}
-        i18nLang={i18n.language}
+        i18nLang={getLocale()}
         onAssigned={() => {
           if (selectedWorkspaceId) {
             listRoles({ data: { workspaceId: selectedWorkspaceId } })
-              .then((result) => {
+              .then((result: any) => {
                 const data = result as { items: RoleItem[] }
                 setRoles(data.items)
               })

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

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
+import { m } from '@/paraglide/messages.js'
 import { Settings } from 'lucide-react'
 import { PlaceholderPage } from '@/components/common/placeholder-page'
 
@@ -25,6 +25,5 @@ export const Route = createLazyFileRoute('/_nav/settings')({
 })
 
 function SettingsPage() {
-  const { t } = useTranslation('common')
-  return <PlaceholderPage title={t('settings.title')} icon={Settings} />
+  return <PlaceholderPage title={m.common_settings_title()} icon={Settings} />
 }

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

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { createLazyFileRoute } from '@tanstack/react-router'
+import { m } from '@/paraglide/messages.js'
 import { useServerFn } from '@tanstack/react-start'
-import { useTranslation } from 'react-i18next'
 import { toast } from 'sonner'
 import type React from 'react'
 import { deleteSsoProviderFn, toggleSsoProviderFn } from '@/server/serverFns/sso-config'
@@ -33,7 +33,6 @@ export const Route = createLazyFileRoute('/_nav/sso')({
 })
 
 function SsoConfigPage(): React.ReactElement {
-  const { t } = useTranslation('enterprise')
   const { items, total } = Route.useLoaderData() as {
     items: Array<{
       id: string
@@ -55,13 +54,16 @@ function SsoConfigPage(): React.ReactElement {
 
   const handleToggle = async (provider: typeof items[0]) => {
     await toggleFn({ data: { providerId: provider.id, enabled: !provider.enabled } })
-    const key = !provider.enabled ? 'enabled' : 'disabled'
-    toast.success(t('sso.toast.' + key, { name: provider.name }))
+    if (!provider.enabled) {
+      toast.success(m.enterprise_sso_toastEnabled({ name: provider.name }))
+    } else {
+      toast.success(m.enterprise_sso_toastDisabled({ name: provider.name }))
+    }
   }
 
   const handleDelete = async (provider: typeof items[0]) => {
     await deleteFn({ data: { providerId: provider.id } })
-    toast.success(t('sso.toast.deleted', { name: provider.name }))
+    toast.success(m.enterprise_sso_toastDeleted({ name: provider.name }))
   }
 
   const TYPE_LABELS: Record<string, string> = {
@@ -75,26 +77,26 @@ function SsoConfigPage(): React.ReactElement {
   return (
     <div className="space-y-4">
       <div>
-        <h1 className="text-2xl font-bold">{t('sso.title')}</h1>
-        <p className="text-sm text-muted-foreground mt-1">{t('sso.subtitle', { count: total })}</p>
+        <h1 className="text-2xl font-bold">{m.enterprise_sso_title()}</h1>
+        <p className="text-sm text-muted-foreground mt-1">{m.enterprise_sso_subtitle({ count: total })}</p>
       </div>
 
       {items.length === 0 ? (
         <div className="rounded-lg border border-border p-8 text-center text-muted-foreground">
-          {t('sso.empty')}
+          {m.enterprise_sso_empty()}
         </div>
       ) : (
         <div className="rounded-lg border border-border overflow-hidden">
           <table className="w-full text-sm">
             <thead>
               <tr className="border-b border-border bg-muted/50">
-                <th className="p-3 text-left font-medium">{t('sso.table.name')}</th>
-                <th className="p-3 text-left font-medium">{t('sso.table.type')}</th>
-                <th className="p-3 text-left font-medium">{t('sso.table.domain')}</th>
-                <th className="p-3 text-left font-medium">{t('sso.table.workspace')}</th>
-                <th className="p-3 text-left font-medium">{t('sso.table.mappings')}</th>
-                <th className="p-3 text-left font-medium">{t('sso.table.status')}</th>
-                <th className="p-3 text-left font-medium">{t('sso.table.actions')}</th>
+                <th className="p-3 text-left font-medium">{m.enterprise_sso_provider()}</th>
+                <th className="p-3 text-left font-medium">{m.enterprise_sso_type()}</th>
+                <th className="p-3 text-left font-medium">{m.enterprise_sso_domain()}</th>
+                <th className="p-3 text-left font-medium">{m.enterprise_sso_workspace()}</th>
+                <th className="p-3 text-left font-medium">{m.enterprise_sso_mappings()}</th>
+                <th className="p-3 text-left font-medium">{m.enterprise_sso_statusLabel()}</th>
+                <th className="p-3 text-left font-medium">{m.enterprise_sso_actions()}</th>
               </tr>
             </thead>
             <tbody>
@@ -115,7 +117,7 @@ function SsoConfigPage(): React.ReactElement {
                           : 'bg-muted text-muted-foreground'
                       }`}
                     >
-                      {provider.enabled ? t('sso.status.enabled') : t('sso.status.disabled')}
+                      {provider.enabled ? m.enterprise_sso_enabled() : m.enterprise_sso_disabled()}
                     </span>
                   </td>
                   <td className="p-3 flex items-center gap-2">
@@ -124,14 +126,14 @@ function SsoConfigPage(): React.ReactElement {
                       className="text-primary hover:underline"
                       onClick={() => handleToggle(provider)}
                     >
-                      {provider.enabled ? t('sso.action.disable') : t('sso.action.enable')}
+                      {provider.enabled ? m.enterprise_sso_actionDisable() : m.enterprise_sso_actionEnable()}
                     </button>
                     <button
                       type="button"
                       className="text-destructive hover:underline"
                       onClick={() => handleDelete(provider)}
                     >
-                      {t('sso.action.delete')}
+                      {m.enterprise_sso_actionDelete()}
                     </button>
                   </td>
                 </tr>