feat: add file storage settings and uploads

apps/web/src/pages/AdminPage.tsx

@@ -1,8 +1,10 @@
 import type { ReactNode } from 'react';
-import { Boxes, Building2, Gauge, History, KeyRound, Route, ServerCog, ShieldCheck, UsersRound, Workflow } from 'lucide-react';
+import { Boxes, Building2, Gauge, History, KeyRound, Route, ServerCog, Settings, ShieldCheck, UsersRound, Workflow } from 'lucide-react';
 import type {
   BaseModelUpsertRequest,
   CatalogProviderUpsertRequest,
+  FileStorageChannelUpsertRequest,
+  FileStorageSettingsUpdateRequest,
   GatewayAccessRuleBatchRequest,
   GatewayAccessRuleUpsertRequest,
   GatewayTenantUpsertRequest,
@@ -29,6 +31,7 @@ import { PricingRulesPanel } from './admin/PricingRulesPanel';
 import { ProviderManagementPanel } from './admin/ProviderManagementPanel';
 import { RealtimeLoadPanel } from './admin/RealtimeLoadPanel';
 import { RuntimePoliciesPanel } from './admin/RuntimePoliciesPanel';
+import { SystemSettingsPanel } from './admin/SystemSettingsPanel';
 
 const tabs = [
   { value: 'overview', label: '总览', icon: <Workflow size={15} /> },
@@ -42,6 +45,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: 'systemSettings', label: '系统设置', icon: <Settings size={15} /> },
   { value: 'auditLogs', label: '审计日志', icon: <History size={15} /> },
 ] satisfies Array<{ value: AdminSection; label: string; icon: ReactNode }>;
 
@@ -57,6 +61,7 @@ export function AdminPage(props: {
   onDeletePricingRuleSet: (ruleSetId: string) => Promise<void>;
   onDeleteRuntimePolicySet: (policySetId: string) => Promise<void>;
   onDeleteAccessRule: (ruleId: string) => Promise<void>;
+  onDeleteFileStorageChannel: (channelId: string) => Promise<void>;
   onDeleteTenant: (tenantId: string) => Promise<void>;
   onDeleteUser: (userId: string) => Promise<void>;
   onDeleteUserGroup: (groupId: string) => Promise<void>;
@@ -72,6 +77,8 @@ export function AdminPage(props: {
   onSaveRunnerPolicy: (input: GatewayRunnerPolicyUpsertRequest) => Promise<void>;
   onSaveRuntimePolicySet: (input: RuntimePolicySetUpsertRequest, policySetId?: string) => Promise<void>;
   onSaveAccessRule: (input: GatewayAccessRuleUpsertRequest, ruleId?: string) => Promise<void>;
+  onSaveFileStorageChannel: (input: FileStorageChannelUpsertRequest, channelId?: string) => Promise<void>;
+  onSaveFileStorageSettings: (input: FileStorageSettingsUpdateRequest) => Promise<void>;
   onSaveTenant: (input: GatewayTenantUpsertRequest, tenantId?: string) => Promise<void>;
   onSaveUser: (input: GatewayUserUpsertRequest, userId?: string) => Promise<void>;
   onSetUserWalletBalance: (userId: string, input: WalletBalanceAdjustmentRequest) => Promise<void>;
@@ -172,6 +179,17 @@ export function AdminPage(props: {
           {props.section === 'users' && <UsersPanel {...identityPanelProps(props)} />}
           {props.section === 'userGroups' && <UserGroupsPanel {...identityPanelProps(props)} />}
           {props.section === 'auditLogs' && <AuditLogsPanel auditLogs={props.data.auditLogs} message={props.operationMessage} />}
+          {props.section === 'systemSettings' && (
+            <SystemSettingsPanel
+              channels={props.data.fileStorageChannels}
+              settings={props.data.fileStorageSettings}
+              message={props.operationMessage}
+              state={props.state}
+              onDeleteFileStorageChannel={props.onDeleteFileStorageChannel}
+              onSaveFileStorageChannel={props.onSaveFileStorageChannel}
+              onSaveFileStorageSettings={props.onSaveFileStorageSettings}
+            />
+          )}
         </div>
       </div>
     </div>