Refactor agents console and related components

- Simplified share rate calculation in AgentsConsole by removing unnecessary checks and directly setting the profile share rate.
- Updated the use of `profileParentCaps` to always return total share rate in the agent profile.
- Removed unused variables and memoized calculations for improved performance.
- Cleaned up imports in various files, removing unused components and optimizing the code structure.
- Added `tRef` dependency to several useEffect hooks to ensure proper reactivity to translation changes.
- Enhanced report preview tables with better label handling for various statuses and actions.
- Updated wallet filter options to align with player-side transaction types.
- Introduced new properties in types for better type safety and clarity.

src/modules/reports/report-preview-tables.tsx

@@ -7,7 +7,8 @@ import { AdminNoResourceState, AdminTableNoResourceRow } from "@/components/admi
 import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
 import { AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
 import { DrawStatusBadge } from "@/modules/draws/draw-status-badge";
-import { drawStatusLabel } from "@/modules/draws/draw-display";
+import { drawStatusLabel, settlementBatchStatusLabel } from "@/modules/draws/draw-display";
+import { riskActionTypeLabel } from "@/modules/risk/risk-display";
 import { useAdminPlayCodeLabel } from "@/hooks/use-admin-play-type-catalog";
 import { useAdminDateTimeFormatter } from "@/hooks/use-admin-datetime-formatter";
 import {
@@ -36,6 +37,18 @@ type ReportPreviewTableProps = {
   displayCurrency: string;
 };
 
+function reportValueLabel(
+  scope: string,
+  value: string | null | undefined,
+  t: (key: string, options?: { defaultValue?: string }) => string,
+): string {
+  if (value == null || value === "") {
+    return "—";
+  }
+
+  return t(`labels.${scope}.${value}`, { defaultValue: value });
+}
+
 export function ReportPreviewTable({
   report,
   result,
@@ -135,7 +148,9 @@ export function ReportPreviewTable({
               <TableRow key={batch.id} className="bg-muted/10">
                 <TableCell>#{batch.id}</TableCell>
                 <TableCell>
-                  <AdminStatusBadge status={batch.status}>{batch.status}</AdminStatusBadge>
+                  <AdminStatusBadge status={batch.status}>
+                    {settlementBatchStatusLabel(batch.status, t)}
+                  </AdminStatusBadge>
                 </TableCell>
                 <TableCell className="text-right">{batch.total_ticket_count}</TableCell>
                 <TableCell className="text-right">{batch.total_win_count}</TableCell>
@@ -269,9 +284,11 @@ export function ReportPreviewTable({
               <TableRow key={item.id}>
                 <TableCell className="font-mono text-xs">{item.transfer_no}</TableCell>
                 <TableCell>{optionText(item.username, item.nickname) || item.player_id}</TableCell>
-                <TableCell>{item.direction}</TableCell>
+                <TableCell>{reportValueLabel("transferDirection", item.direction, t)}</TableCell>
                 <TableCell>
-                  <AdminStatusBadge status={item.status}>{item.status}</AdminStatusBadge>
+                  <AdminStatusBadge status={item.status}>
+                    {reportValueLabel("transferStatus", item.status, t)}
+                  </AdminStatusBadge>
                 </TableCell>
                 <TableCell className="text-right">
                   {item.currency_code} {item.amount}
@@ -333,7 +350,7 @@ export function ReportPreviewTable({
                 {result.raw.logs.items.map((item) => (
                   <TableRow key={item.id}>
                     <TableCell className="font-mono text-xs">#{item.id}</TableCell>
-                    <TableCell>{item.action_type}</TableCell>
+                    <TableCell>{riskActionTypeLabel(item.action_type, t)}</TableCell>
                     <TableCell className="text-right">
                       {formatPlainMoney(item.amount, result.raw.currency_code)}
                     </TableCell>
@@ -402,11 +419,11 @@ export function ReportPreviewTable({
             {result.raw.map((item) => (
               <TableRow key={item.id}>
                 <TableCell className="font-mono text-xs">#{item.id}</TableCell>
-                <TableCell>{item.operator_type}</TableCell>
+                <TableCell>{reportValueLabel("operatorType", item.operator_type, t)}</TableCell>
                 <TableCell>{item.operator_id}</TableCell>
-                <TableCell>{item.module_code}</TableCell>
-                <TableCell>{item.action_code}</TableCell>
-                <TableCell>{item.target_type || "—"}</TableCell>
+                <TableCell>{item.module_label || item.module_code}</TableCell>
+                <TableCell>{item.action_label || item.action_code}</TableCell>
+                <TableCell>{item.target_label || item.target_type || "—"}</TableCell>
                 <TableCell>{formatTs(item.created_at)}</TableCell>
               </TableRow>
             ))}
@@ -417,4 +434,4 @@ export function ReportPreviewTable({
     default:
       return <AdminLoadingInline />;
   }
-}
+}