feat: optimize UI queries and seed number library

apps/web/src/App.jsx

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { Alert, Badge, Button, Field, Input } from './components/ui.jsx';
 import { Icon, PageLoadingDialog } from './components/layout.jsx';
 import { api, explainApiError } from './api.js';
+import { dateRangeParams, lastSevenDays } from './utils/dateRange.js';
 import {
   formatCurrency,
   normalizeAuditLog,
@@ -298,7 +299,8 @@ export default function App() {
       add('users.view', () => api.users(signalOptions), (rows) => setUserRows(rows.map(normalizeUser)));
       add('roles.view', () => api.roles(signalOptions), (rows) => setRoleRows(rows.map(normalizeRole)));
     } else if (page === 'operationLogs') {
-      add('audit.view', () => api.auditLogs(signalOptions), (value) => setLogRows(value.items.map(normalizeAuditLog)));
+      const range = lastSevenDays();
+      add('audit.view', () => api.auditLogs(dateRangeParams(range.startDate, range.endDate, 'createdFrom', 'createdTo'), signalOptions), (value) => setLogRows(value.items.map(normalizeAuditLog)));
     } else if (page === 'cdr') {
       add('customer_gateways.view', () => api.customerGateways(signalOptions), (rows) => setCustomerGatewayRows(rows.map(normalizeCustomerGateway)));
       add('vendor_gateways.view', () => api.vendorGateways(signalOptions), (rows) => setVendorGatewayRows(rows.map(normalizeVendorGateway)));
@@ -318,6 +320,18 @@ export default function App() {
     setApiLoading(false);
   };
   const refreshApi = () => loadPageData(active, authUser, { force: true });
+  const refreshAuditLogs = async (params = {}) => {
+    setApiLoading(true);
+    setApiError('');
+    try {
+      const value = await api.auditLogs(params);
+      setLogRows((value.items || []).map(normalizeAuditLog));
+    } catch (error) {
+      setApiError(explainApiError(error));
+    } finally {
+      setApiLoading(false);
+    }
+  };
   const refreshActiveCalls = useCallback(async ({ silent = false } = {}) => {
     setActiveCallsLoading(true);
     if (!silent) setActiveCallsBlockingLoading(true);
@@ -528,7 +542,7 @@ export default function App() {
       : active === 'roles'
         ? { roleRows, setRoleRows, userRows, apiLoading, apiError, refreshApi, can: canPermission, onDeleteRole: (id) => reloadAfterMutation(() => api.deleteRole(id)) }
       : active === 'operationLogs'
-        ? { logRows, apiLoading, apiError, refreshApi }
+        ? { logRows, apiLoading, apiError, refreshApi: refreshAuditLogs }
       : {};
 
   if (!authUser) {