feat: add wallet settlement audit flow

apps/web/src/pages/AdminPage.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { Boxes, Building2, Gauge, KeyRound, Route, ServerCog, ShieldCheck, UsersRound, Workflow } from 'lucide-react';
+import { Boxes, Building2, Gauge, History, KeyRound, Route, ServerCog, ShieldCheck, UsersRound, Workflow } from 'lucide-react';
 import type {
   BaseModelUpsertRequest,
   CatalogProviderUpsertRequest,
@@ -10,6 +10,7 @@ import type {
   PricingRuleSetUpsertRequest,
   RuntimePolicySetUpsertRequest,
   UserGroupUpsertRequest,
+  WalletBalanceAdjustmentRequest,
 } from '@easyai-ai-gateway/contracts';
 import type { ConsoleData, StatItem } from '../app-state';
 import { EntityTable } from '../components/EntityTable';
@@ -17,6 +18,7 @@ import { StatGrid } from '../components/StatGrid';
 import { Badge, Card, CardContent, CardHeader, CardTitle, Tabs } from '../components/ui';
 import type { AdminSection, LoadState, PlatformWithModelsInput } from '../types';
 import { AccessRulesPanel } from './admin/AccessRulesPanel';
+import { AuditLogsPanel } from './admin/AuditLogsPanel';
 import { BaseModelCatalogPanel } from './admin/BaseModelCatalogPanel';
 import { TenantsPanel, UserGroupsPanel, UsersPanel } from './admin/IdentityManagementPanels';
 import { PlatformManagementPanel } from './admin/PlatformManagementPanel';
@@ -35,6 +37,7 @@ const tabs = [
   { value: 'users', label: '用户', icon: <UsersRound size={15} /> },
   { value: 'userGroups', label: '用户组', icon: <UsersRound size={15} /> },
   { value: 'accessRules', label: '模型权限', icon: <KeyRound size={15} /> },
+  { value: 'auditLogs', label: '审计日志', icon: <History size={15} /> },
 ] satisfies Array<{ value: AdminSection; label: string; icon: ReactNode }>;
 
 export function AdminPage(props: {
@@ -63,6 +66,7 @@ export function AdminPage(props: {
   onSaveAccessRule: (input: GatewayAccessRuleUpsertRequest, ruleId?: string) => Promise<void>;
   onSaveTenant: (input: GatewayTenantUpsertRequest, tenantId?: string) => Promise<void>;
   onSaveUser: (input: GatewayUserUpsertRequest, userId?: string) => Promise<void>;
+  onSetUserWalletBalance: (userId: string, input: WalletBalanceAdjustmentRequest) => Promise<void>;
   onSaveUserGroup: (input: UserGroupUpsertRequest, groupId?: string) => Promise<void>;
   onSectionChange: (value: AdminSection) => void;
 }) {
@@ -141,6 +145,7 @@ export function AdminPage(props: {
           {props.section === 'tenants' && <TenantsPanel {...identityPanelProps(props)} />}
           {props.section === 'users' && <UsersPanel {...identityPanelProps(props)} />}
           {props.section === 'userGroups' && <UserGroupsPanel {...identityPanelProps(props)} />}
+          {props.section === 'auditLogs' && <AuditLogsPanel auditLogs={props.data.auditLogs} message={props.operationMessage} />}
         </div>
       </div>
     </div>
@@ -156,6 +161,7 @@ function identityPanelProps(props: {
   onDeleteUserGroup: (groupId: string) => Promise<void>;
   onSaveTenant: (input: GatewayTenantUpsertRequest, tenantId?: string) => Promise<void>;
   onSaveUser: (input: GatewayUserUpsertRequest, userId?: string) => Promise<void>;
+  onSetUserWalletBalance: (userId: string, input: WalletBalanceAdjustmentRequest) => Promise<void>;
   onSaveUserGroup: (input: UserGroupUpsertRequest, groupId?: string) => Promise<void>;
 }) {
   return {
@@ -167,6 +173,7 @@ function identityPanelProps(props: {
     onDeleteUserGroup: props.onDeleteUserGroup,
     onSaveTenant: props.onSaveTenant,
     onSaveUser: props.onSaveUser,
+    onSetUserWalletBalance: props.onSetUserWalletBalance,
     onSaveUserGroup: props.onSaveUserGroup,
   };
 }