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/draws/draw-detail-console.tsx

@@ -17,12 +17,13 @@ import {
 import { postAdminRunDrawSettlement } from "@/api/admin-settlement";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { AdminNoResourceState } from "@/components/admin/admin-no-resource-state";
 import { AdminLoadingState } from "@/components/admin/admin-loading-state";
 import { useAdminDateTimeFormatter } from "@/hooks/use-admin-datetime-formatter";
 import { useConfirmAction } from "@/hooks/use-confirm-action";
 import { LotteryApiBizError } from "@/types/api/errors";
 import type { AdminDrawShowData } from "@/types/api/admin-draws";
-import { adminHasAnyPermission } from "@/lib/admin-permissions";
+import { canManageDrawResults } from "@/lib/draw-access";
 import { useAdminProfile } from "@/stores/admin-session";
 import { cn } from "@/lib/utils";
 
@@ -68,7 +69,7 @@ export function DrawDetailConsole({ drawId }: { drawId: string }) {
   const tRef = useTranslationRef(["draws", "common"]);
   const idNum = Number(drawId);
   const profile = useAdminProfile();
-  const canManageDraw = adminHasAnyPermission(profile?.permissions, [PRD_DRAW_RESULT_MANAGE]);
+  const canManageDraw = canManageDrawResults(profile?.permissions);
   const canReopenDraw = adminHasAnyPermission(profile?.permissions, [PRD_DRAW_REOPEN_MANAGE]);
   const canRunSettlement = adminHasAnyPermission(profile?.permissions, [
     PRD_PAYOUT_MANAGE,
@@ -213,12 +214,18 @@ export function DrawDetailConsole({ drawId }: { drawId: string }) {
     return <AdminLoadingState minHeight="6rem" className="py-6" />;
   }
 
-  if (error || !data) {
-    return <p className="text-sm text-destructive">{error ?? t("states.noData", { ns: "common" })}</p>;
+  if (error) {
+    return <p className="text-sm text-destructive">{error}</p>;
+  }
+  if (!data) {
+    return <AdminNoResourceState />;
   }
 
   const batch = data.result_batch_counts;
-  const hasResultActivity = batch.total > 0 || batch.pending_review > 0 || batch.published > 0;
+  const pendingReview = batch.pending_review ?? 0;
+  const totalBatches = batch.total ?? batch.published;
+  const hasResultActivity =
+    (canManageDraw && (totalBatches > 0 || pendingReview > 0)) || batch.published > 0;
   const showActions =
     availableActions.length > 0 && (canManageDraw || canReopenDraw || canRunSettlement);
 
@@ -264,21 +271,25 @@ export function DrawDetailConsole({ drawId }: { drawId: string }) {
             <h3 className="text-sm font-medium">{t("resultBatchesTitle")}</h3>
             {hasResultActivity ? (
               <div className="flex flex-wrap items-center gap-2 text-sm">
-                <span className="rounded-md bg-muted px-2.5 py-1">
-                  {t("batchSummaryTotal", { count: batch.total })}
-                </span>
-                {batch.pending_review > 0 ? (
-                  <Link
-                    href={`/admin/draws/${drawId}/review`}
-                    className="rounded-md bg-amber-500/15 px-2.5 py-1 font-medium text-amber-800 dark:text-amber-200"
-                  >
-                    {t("batchSummaryPending", { count: batch.pending_review })}
-                  </Link>
-                ) : (
-                  <span className="rounded-md bg-muted px-2.5 py-1 text-muted-foreground">
-                    {t("batchSummaryPending", { count: 0 })}
+                {canManageDraw ? (
+                  <span className="rounded-md bg-muted px-2.5 py-1">
+                    {t("batchSummaryTotal", { count: totalBatches })}
                   </span>
-                )}
+                ) : null}
+                {canManageDraw ? (
+                  pendingReview > 0 ? (
+                    <Link
+                      href={`/admin/draws/${drawId}/review`}
+                      className="rounded-md bg-amber-500/15 px-2.5 py-1 font-medium text-amber-800 dark:text-amber-200"
+                    >
+                      {t("batchSummaryPending", { count: pendingReview })}
+                    </Link>
+                  ) : (
+                    <span className="rounded-md bg-muted px-2.5 py-1 text-muted-foreground">
+                      {t("batchSummaryPending", { count: 0 })}
+                    </span>
+                  )
+                ) : null}
                 {batch.published > 0 ? (
                   <Link
                     href={`/admin/draws/${drawId}/results`}
@@ -294,13 +305,18 @@ export function DrawDetailConsole({ drawId }: { drawId: string }) {
               </div>
             ) : (
               <p className="text-sm text-muted-foreground">
-                {t("noResultBatchesYet")}{" "}
-                <Link
-                  href={`/admin/draws/${drawId}/review`}
-                  className="font-medium text-primary underline-offset-4 hover:underline"
-                >
-                  {t("goToReviewTab")}
-                </Link>
+                {t("noResultBatchesYet")}
+                {canManageDraw ? (
+                  <>
+                    {" "}
+                    <Link
+                      href={`/admin/draws/${drawId}/review`}
+                      className="font-medium text-primary underline-offset-4 hover:underline"
+                    >
+                      {t("goToReviewTab")}
+                    </Link>
+                  </>
+                ) : null}
               </p>
             )}
           </section>