feat(docs, agents, risk): enhance documentation, API queries, and UI components

Updated the public documentation site with improved layout and accessibility, including new sections for client integration and admin guides. Enhanced API queries by adding 'active_only' and 'group_by' parameters for better data filtering in risk management. Refined UI components for agent management, ensuring consistent styling and improved user experience across the application. Added localization support for new documentation content in English and Nepali.

src/modules/agents/agent-line-detail-panel.tsx

@@ -179,8 +179,9 @@ export function AgentLineDetailPanel({
     detailTab === "players" ? playerActionHint : childActionHint;
 
   return (
-    <div className="flex min-h-[28rem] min-w-0 flex-1 flex-col bg-background">
-      <header className="border-b border-border/60 bg-card px-5 py-4 sm:px-6">
+    <div className="flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-background">
+      <div className="shrink-0 bg-card shadow-[0_1px_0_rgb(216_230_251_/_35%)]">
+      <header className="border-b border-border/60 px-5 py-4 sm:px-6">
         <div className="flex flex-wrap items-start justify-between gap-3">
           <div className="min-w-0 flex-1">
             <div className="flex flex-wrap items-center gap-2.5">
@@ -232,7 +233,7 @@ export function AgentLineDetailPanel({
 
       <AdminSubnav
         aria-label={t("detailTabs", { defaultValue: "代理详情" })}
-        className="overflow-x-auto bg-card px-4 sm:px-5"
+        className="overflow-x-auto border-b border-border/60 px-4 sm:px-5"
       >
         {tabs
           .filter((tab) => tab.visible)
@@ -247,8 +248,9 @@ export function AgentLineDetailPanel({
             </AdminSubnavButton>
           ))}
       </AdminSubnav>
+      </div>
 
-      <div className="min-h-0 flex-1 overflow-y-auto bg-muted/15 px-5 py-5 sm:px-6 sm:py-6">
+      <div className="min-h-0 flex-1 overflow-y-auto overscroll-contain bg-muted/15 px-5 py-5 sm:px-6 sm:py-6">
         {detailTab === "overview" ? (
           <OverviewTab
             profile={profile}
@@ -392,47 +394,42 @@ function OverviewTab({
       </div>
 
       {!profileLoading && profile ? (
-        <>
-          <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
-            <MetricCard
-              label={t("profile.rebateLimit", { defaultValue: "回水上限 (%)" })}
-              value={`${rebateCap ?? "0"}%`}
-            />
-            <MetricCard
-              label={t("profile.defaultPlayerRebate", { defaultValue: "默认玩家回水 (%)" })}
-              value={`${percentValueToUi(profile.default_player_rebate ?? 0)}%`}
-            />
-            <MetricCard
-              label={t("profile.riskTags", { defaultValue: "风控标签" })}
-              value={
-                (profile.risk_tags?.length ?? 0) > 0
-                  ? profile.risk_tags!.join(", ")
-                  : t("common:states.none", { defaultValue: "无" })
-              }
-            />
-          </div>
-
-          <div className="grid gap-3 sm:grid-cols-3">
-            <CapabilityMetric
-              label={t("profile.canGrantExtraRebate", { defaultValue: "允许额外回水" })}
-              enabled={profile.can_grant_extra_rebate === true}
-              yesLabel={yesLabel}
-              noLabel={noLabel}
-            />
-            <CapabilityMetric
-              label={t("profile.canCreatePlayer", { defaultValue: "允许创建玩家" })}
-              enabled={profile.can_create_player !== false}
-              yesLabel={yesLabel}
-              noLabel={noLabel}
-            />
-            <CapabilityMetric
-              label={t("profile.canCreateChildAgent", { defaultValue: "允许创建下级代理" })}
-              enabled={profile.can_create_child_agent === true}
-              yesLabel={yesLabel}
-              noLabel={noLabel}
-            />
-          </div>
-        </>
+        <div className="grid grid-cols-2 gap-3 lg:grid-cols-4">
+          <MetricCard
+            label={t("profile.rebateLimit", { defaultValue: "回水上限 (%)" })}
+            value={`${rebateCap ?? "0"}%`}
+          />
+          <MetricCard
+            label={t("profile.defaultPlayerRebate", { defaultValue: "默认玩家回水 (%)" })}
+            value={`${percentValueToUi(profile.default_player_rebate ?? 0)}%`}
+          />
+          <MetricCard
+            label={t("profile.riskTags", { defaultValue: "风控标签" })}
+            value={
+              (profile.risk_tags?.length ?? 0) > 0
+                ? profile.risk_tags!.join(", ")
+                : t("common:states.none", { defaultValue: "无" })
+            }
+          />
+          <CapabilityMetric
+            label={t("profile.canGrantExtraRebate", { defaultValue: "允许额外回水" })}
+            enabled={profile.can_grant_extra_rebate === true}
+            yesLabel={yesLabel}
+            noLabel={noLabel}
+          />
+          <CapabilityMetric
+            label={t("profile.canCreatePlayer", { defaultValue: "允许创建玩家" })}
+            enabled={profile.can_create_player !== false}
+            yesLabel={yesLabel}
+            noLabel={noLabel}
+          />
+          <CapabilityMetric
+            label={t("profile.canCreateChildAgent", { defaultValue: "允许创建下级代理" })}
+            enabled={profile.can_create_child_agent === true}
+            yesLabel={yesLabel}
+            noLabel={noLabel}
+          />
+        </div>
       ) : null}
     </div>
   );
@@ -454,7 +451,7 @@ function CapabilityMetric({
       <p className="text-xs font-medium text-muted-foreground">{label}</p>
       <p
         className={cn(
-          "mt-1.5 text-lg font-semibold",
+          "mt-1.5 text-2xl font-semibold tracking-tight",
           enabled ? "text-foreground" : "text-muted-foreground",
         )}
       >