feat(agents, i18n): enhance agent management and settlement features with new translations and UI updates

Added new translations for agent management and settlement features in English, Nepali, and Chinese, improving multi-language support. Updated the agents console to reflect changes in funding modes and player details, enhancing user experience. Refactored the admin permission gate to include new logic for handling bound line agents, ensuring better permission management. Additionally, streamlined the UI for agent-related pages and improved navigation to the settlement center, consolidating related functionalities for better accessibility.

src/modules/jackpot/jackpot-pools-console.tsx

@@ -17,6 +17,7 @@ import { adminHasAnyPermission } from "@/lib/admin-permissions";
 import { formatAdminMinorDecimal, parseAdminMajorToMinor } from "@/lib/money";
 import { PRD_JACKPOT_MANAGE, PRD_JACKPOT_MANUAL_BURST } from "@/lib/admin-prd";
 import { ModuleScaffold } from "@/components/admin/module-scaffold";
+import { AdminNoResourceState, AdminTableNoResourceRow } from "@/components/admin/admin-no-resource-state";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
@@ -43,6 +44,11 @@ import {
 } from "@/components/ui/select";
 import { Textarea } from "@/components/ui/textarea";
 import { AdminLoadingState, AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
+import {
+  formatRatioAsPercent,
+  percentUiToRatio,
+  ratioToPercentUi,
+} from "@/lib/admin-rate-percent";
 
 type Draft = {
   contribution_rate: string;
@@ -63,9 +69,9 @@ type AdjustmentDraft = {
 
 function toDraft(p: AdminJackpotPoolRow): Draft {
   return {
-    contribution_rate: String(p.contribution_rate),
+    contribution_rate: ratioToPercentUi(p.contribution_rate),
     trigger_threshold: formatAdminMinorDecimal(p.trigger_threshold, p.currency_code),
-    payout_rate: String(p.payout_rate),
+    payout_rate: ratioToPercentUi(p.payout_rate),
     force_trigger_draw_gap: String(p.force_trigger_draw_gap),
     min_bet_amount: formatAdminMinorDecimal(p.min_bet_amount, p.currency_code),
     combo_trigger_play_codes: p.combo_trigger_play_codes.join(","),
@@ -148,9 +154,9 @@ export function JackpotPoolsConsole({ embedded = false }: JackpotPoolsConsolePro
     setSavingId(p.id);
     try {
       await putAdminJackpotPool(p.id, {
-        contribution_rate: Number(d.contribution_rate),
+        contribution_rate: percentUiToRatio(d.contribution_rate),
         trigger_threshold: parseAdminMajorToMinor(d.trigger_threshold, p.currency_code) ?? 0,
-        payout_rate: Number(d.payout_rate),
+        payout_rate: percentUiToRatio(d.payout_rate),
         force_trigger_draw_gap: Number.parseInt(d.force_trigger_draw_gap, 10),
         min_bet_amount: parseAdminMajorToMinor(d.min_bet_amount, p.currency_code) ?? 0,
         combo_trigger_play_codes: d.combo_trigger_play_codes
@@ -233,7 +239,7 @@ export function JackpotPoolsConsole({ embedded = false }: JackpotPoolsConsolePro
     <div className={embedded ? "space-y-4" : "space-y-8"}>
       {loading ? <AdminLoadingState minHeight="6rem" className="py-6" /> : null}
       {!loading && items.length === 0 ? (
-        <p className="text-muted-foreground text-sm">{t("noPoolData")}</p>
+        <AdminNoResourceState />
       ) : null}
       {items.map((p) => {
         const d = drafts[p.id] ?? toDraft(p);
@@ -269,7 +275,9 @@ export function JackpotPoolsConsole({ embedded = false }: JackpotPoolsConsolePro
               </div>
               <div className="rounded-lg border border-border/60 bg-muted/20 p-2.5">
                 <p className="text-muted-foreground text-xs">{t("payoutRate")}</p>
-                <p className="mt-0.5 font-mono text-base font-semibold">{d.payout_rate}</p>
+                <p className="mt-0.5 font-mono text-base font-semibold">
+                  {formatRatioAsPercent(percentUiToRatio(d.payout_rate))}
+                </p>
               </div>
               <div className="rounded-lg border border-border/60 bg-muted/20 p-2.5">
                 <p className="text-muted-foreground text-xs">{t("forceTriggerGap")}</p>
@@ -381,6 +389,10 @@ export function JackpotPoolsConsole({ embedded = false }: JackpotPoolsConsolePro
                     <Label htmlFor={`pr-${p.id}`}>{t("payoutRate")}</Label>
                     <Input
                       id={`pr-${p.id}`}
+                      type="number"
+                      min={0}
+                      max={100}
+                      step="0.01"
                       className="font-mono"
                       value={d.payout_rate}
                       placeholder={t("payoutRatePlaceholder")}
@@ -401,6 +413,10 @@ export function JackpotPoolsConsole({ embedded = false }: JackpotPoolsConsolePro
                     <Label htmlFor={`cr-${p.id}`}>{t("contributionRate")}</Label>
                     <Input
                       id={`cr-${p.id}`}
+                      type="number"
+                      min={0}
+                      max={100}
+                      step="0.01"
                       className="font-mono"
                       value={d.contribution_rate}
                       placeholder={t("contributionRatePlaceholder")}

src/modules/jackpot/jackpot-records-console.tsx

@@ -8,6 +8,7 @@ import { useTranslationRef } from "@/hooks/use-translation-ref";
 
 import { getAdminJackpotContributions, getAdminJackpotPayoutLogs } from "@/api/admin-jackpot";
 import { AdminListPaginationFooter } from "@/components/admin/admin-list-pagination-footer";
+import { AdminNoResourceState, AdminTableNoResourceRow } from "@/components/admin/admin-no-resource-state";
 import { AdminPlayerIdentityCells, AdminPlayerIdentityHeads } from "@/components/admin/admin-player-identity-columns";
 import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
 import { ModuleScaffold } from "@/components/admin/module-scaffold";
@@ -254,11 +255,7 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
         </TableHeader>
         <TableBody>
           {(payouts?.items ?? []).length === 0 ? (
-            <TableRow>
-              <TableCell colSpan={6} className="py-10 text-center text-muted-foreground">
-                {t("states.noData", { ns: "common" })}
-              </TableCell>
-            </TableRow>
+            <AdminTableNoResourceRow colSpan={6} className="py-10 text-center text-muted-foreground" />
           ) : (
             (payouts?.items ?? []).map((r) => (
               <TableRow key={r.id}>
@@ -303,11 +300,7 @@ export function JackpotRecordsConsole({ embedded = false }: JackpotRecordsConsol
         </TableHeader>
         <TableBody>
           {(contribs?.items ?? []).length === 0 ? (
-            <TableRow>
-              <TableCell colSpan={8} className="py-10 text-center text-muted-foreground">
-                {t("states.noData", { ns: "common" })}
-              </TableCell>
-            </TableRow>
+            <AdminTableNoResourceRow colSpan={8} className="py-10 text-center text-muted-foreground" />
           ) : (
             (contribs?.items ?? []).map((r) => (
               <TableRow key={r.id}>