seeder-st2110-components 1.5.10 → 1.6.1

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 var antd = require('antd');
 var jsxRuntime = require('react/jsx-runtime');
 var ahooks = require('ahooks');
@@ -80,7 +80,7 @@ const formatBytes = function (bytes) {
   const i = Math.floor(Math.log(bytes) / Math.log(k));
   return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
 };
-const UsageItem = /*#__PURE__*/react.memo(_ref => {
+const UsageItem = /*#__PURE__*/React.memo(_ref => {
   let {
     title,
     iconClass,
@@ -96,12 +96,12 @@ const UsageItem = /*#__PURE__*/react.memo(_ref => {
       })]
     }),
     destroyOnHidden: false,
-    children: /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
-      size: 4,
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "usage-item",
       children: [/*#__PURE__*/jsxRuntime.jsx("i", {
         className: "seeder-iconfont ".concat(iconClass, " text-xl")
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "inline-block w-10 text-center",
+        className: "usage-value",
         children: children
       })]
     })
@@ -110,8 +110,8 @@ const UsageItem = /*#__PURE__*/react.memo(_ref => {
 var UsageItem$1 = UsageItem;
 
 const useHardwareWebSocket = socketUrl => {
-  const [systemStatus, setSystemStatus] = react.useState();
-  const handleMessage = react.useCallback(message => {
+  const [systemStatus, setSystemStatus] = React.useState();
+  const handleMessage = React.useCallback(message => {
     try {
       if (message) {
         setSystemStatus(prev => _objectSpread2(_objectSpread2({}, prev), message));
@@ -234,21 +234,19 @@ const useHardwareUsage = socketUrl => {
   const {
     ps_status
   } = useHardwareWebSocket$1(socketUrl);
-  return react.useMemo(() => {
+  return React.useMemo(() => {
     if (!ps_status || typeof ps_status !== 'object') return null;
     const statusItems = getItems(getDetail(ps_status));
     return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex",
-      children: statusItems.map((item, index) => /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
-        align: "center",
-        children: [/*#__PURE__*/jsxRuntime.jsx(UsageItem$1, {
+      className: "usage-container",
+      children: statusItems.map((item, index) => /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "usage-item-wrapper",
+        children: /*#__PURE__*/jsxRuntime.jsx(UsageItem$1, {
           title: item.title,
           iconClass: item.iconClass,
           memTotal: item.memTotal,
           children: item.valueString
-        }), index < statusItems.length - 1 && /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {
-          type: "vertical"
-        })]
+        })
       }, item.title))
     });
   }, [ps_status]);
@@ -268,7 +266,7 @@ const AuthorizationModal = _ref => {
   const {
     message
   } = antd.App.useApp();
-  const [code, setCode] = react.useState('');
+  const [code, setCode] = React.useState('');
   const {
     accredit_status: isActivated,
     message: statusMessage = 'Unactivated',
@@ -362,13 +360,13 @@ const useAuth = options => {
     autoShowModal = true
   } = options || {};
   const [messageApi, contextHolder] = antd.message.useMessage();
-  const [showModal, setShowModal] = react.useState(false); // 默认隐藏
-  const [authData, setAuthData] = react.useState(defaultAuthData);
-  const [isRegistered, setIsRegistered] = react.useState(false);
-  const [loading, setLoading] = react.useState(false);
-  const openModal = react.useCallback(() => setShowModal(true), []);
-  const closeModal = react.useCallback(() => setShowModal(false), []);
-  react.useEffect(() => {
+  const [showModal, setShowModal] = React.useState(false); // 默认隐藏
+  const [authData, setAuthData] = React.useState(defaultAuthData);
+  const [isRegistered, setIsRegistered] = React.useState(false);
+  const [loading, setLoading] = React.useState(false);
+  const openModal = React.useCallback(() => setShowModal(true), []);
+  const closeModal = React.useCallback(() => setShowModal(false), []);
+  React.useEffect(() => {
     async function loadAuthInfo() {
       try {
         setLoading(true);
@@ -444,22 +442,22 @@ const useUpgrade = _ref => {
     uploadCompleteDelay = 3000,
     statusPollingInterval = 1000
   } = _ref;
-  const [isSpinning, setIsSpinning] = react.useState(false);
-  const [interval, setInterval] = react.useState(undefined); // 间隔时间，当设置值为 undefined 时会停止计时器
-  const inputRef = react.useRef(null);
-  const [currentStatus, setCurrentStatus] = react.useState('idle'); // 'idle' | 'uploading' | 'upgrading'
-  const isUploadCompleteRef = react.useRef(false); // 安装包上传是否完成
-  const [uploadProgress, setUploadProgress] = react.useState(0);
+  const [isSpinning, setIsSpinning] = React.useState(false);
+  const [interval, setInterval] = React.useState(undefined); // 间隔时间，当设置值为 undefined 时会停止计时器
+  const inputRef = React.useRef(null);
+  const [currentStatus, setCurrentStatus] = React.useState('idle'); // 'idle' | 'uploading' | 'upgrading'
+  const isUploadCompleteRef = React.useRef(false); // 安装包上传是否完成
+  const [uploadProgress, setUploadProgress] = React.useState(0);
 
   // 分别创建独立的取消令牌
-  const uploadCancelToken = react.useRef(axios.CancelToken.source());
-  const statusCancelToken = react.useRef(axios.CancelToken.source());
+  const uploadCancelToken = React.useRef(axios.CancelToken.source());
+  const statusCancelToken = React.useRef(axios.CancelToken.source());
   const showLoader = () => setIsSpinning(true);
   const hideLoader = () => setIsSpinning(false);
 
   // 构建菜单项 - 确保至少包含download和upload
   // 构建菜单项 - 最终完美版本
-  const finalMenuItems = react.useMemo(() => {
+  const finalMenuItems = React.useMemo(() => {
     const hasDownload = menuItems.some(item => item.key === 'download');
     const hasUpload = menuItems.some(item => item.key === 'upload');
     if (hasDownload && hasUpload) {
@@ -696,7 +694,7 @@ const useUpgrade = _ref => {
   ahooks.useInterval(fetchUpgradeStatus, interval);
 
   // 组件卸载时清理
-  react.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       uploadCancelToken.current.cancel();
       statusCancelToken.current.cancel();
@@ -750,7 +748,7 @@ const useSystemOperations = function () {
   const {
     modal: AntdModal
   } = antd.App.useApp();
-  const doAction = react.useCallback(action => {
+  const doAction = React.useCallback(action => {
     try {
       AntdModal.confirm({
         icon: /*#__PURE__*/jsxRuntime.jsx(icons.ExclamationCircleFilled, {}),
@@ -774,14 +772,14 @@ const useSystemOperations = function () {
       console.error("".concat(action.toUpperCase(), " ERROR: "), error);
     }
   }, [AntdModal, confirmTitle, cancelText, okText, onPowerOff, onRestart]);
-  const getMenuItems = react.useCallback(() => [{
+  const getMenuItems = React.useCallback(() => [{
     key: "poweroff",
     label: "Power Off"
   }, {
     key: "restart",
     label: "Restart"
   }], []);
-  const handleMenuClick = react.useCallback(_ref => {
+  const handleMenuClick = React.useCallback(_ref => {
     let {
       key
     } = _ref;
@@ -794,113 +792,1236 @@ const useSystemOperations = function () {
 };
 var useSystemOperations$1 = useSystemOperations;
 
-const _excluded = ["menuItems", "onMenuClick", "downloadFiles", "upgradeExecute", "upgradeStatus", "acceptFileTypes", "uploadCompleteDelay", "statusPollingInterval", "children"];
-const UpgradeManager = _ref => {
+const NetworkFieldGroup = _ref => {
+  var _fieldConfig$netmask$, _fieldConfig$netmask;
   let {
-      menuItems = [],
-      onMenuClick,
-      downloadFiles,
-      upgradeExecute,
-      upgradeStatus,
-      acceptFileTypes = "application/octet-stream",
-      uploadCompleteDelay = 3000,
-      statusPollingInterval = 1000,
-      children
-    } = _ref,
-    dropdownProps = _objectWithoutProperties(_ref, _excluded);
-  const [upgradeElement] = useUpgrade$1({
-    menuItems,
-    onMenuClick,
-    downloadFiles,
-    upgradeExecute,
-    upgradeStatus,
-    acceptFileTypes,
-    uploadCompleteDelay,
-    statusPollingInterval
+    prefix,
+    interfaces,
+    fieldConfig = {}
+  } = _ref;
+  // 默认字段配置
+  const defaultFieldConfig = {
+    name: {
+      label: "Name",
+      enabled: true
+    },
+    ip: {
+      label: "IP Address",
+      enabled: true
+    },
+    netmask: {
+      label: "Netmask",
+      enabled: true
+    }
+  };
+  const mergedFieldConfig = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultFieldConfig), fieldConfig), {}, {
+    netmask: {
+      label: "Netmask",
+      enabled: (_fieldConfig$netmask$ = (_fieldConfig$netmask = fieldConfig.netmask) === null || _fieldConfig$netmask === void 0 ? void 0 : _fieldConfig$netmask.enabled) !== null && _fieldConfig$netmask$ !== void 0 ? _fieldConfig$netmask$ : defaultFieldConfig.netmask.enabled // 合并 enabled
+    }
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(antd.Typography.Title, {
+      level: 5,
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: 16
+      },
+      children: prefix
+    }), interfaces.map((iface, index) => /*#__PURE__*/jsxRuntime.jsxs("div", {
+      children: [mergedFieldConfig.name.enabled && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+        label: mergedFieldConfig.name.label,
+        name: [prefix, index, "display_name"],
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+          disabled: true
+        })
+      }), mergedFieldConfig.ip.enabled && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+        label: mergedFieldConfig.ip.label,
+        name: [prefix, index, "ip_address"],
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {})
+      }), mergedFieldConfig.netmask.enabled && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+        label: mergedFieldConfig.netmask.label,
+        name: [prefix, index, "netmask"],
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {})
+      }), index < interfaces.length - 1 && /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {
+        style: {
+          marginBlock: 16
+        }
+      })]
+    }, iface.id || index))]
   });
-  if (children) {
-    // 提取Dropdown组件和其menu属性
-    const dropdownElement = upgradeElement.props.children[0];
-    const otherElements = upgradeElement.props.children.slice(1);
-    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Dropdown, _objectSpread2(_objectSpread2(_objectSpread2({}, dropdownProps), dropdownElement.props), {}, {
-        children: children
-      })), otherElements]
-    });
-  }
-
-  // 如果没有children，直接返回完整的升级元素
-  return upgradeElement;
-};
-UpgradeManager.defaultProps = {
-  trigger: ["hover"],
-  placement: "bottomRight"
 };
-var UpgradeManager$1 = UpgradeManager;
+const NetworkSettingsModal = _ref2 => {
+  let {
+    open,
+    onClose,
+    getLanConfig,
+    // 可选 - 单独获取LAN配置的函数
+    getSysConfig,
+    // 可选 - 单独获取QSFP配置的函数
+    getConfig,
+    // 可选 - 统一获取配置的函数
+    updateLanConfig,
+    updateSysConfig,
+    restart,
+    modalProps = {},
+    formProps = {},
+    fieldConfig = {},
+    sections = ['LAN', 'QSFP'],
+    showNetmask = {
+      LAN: true,
+      QSFP: false
+    },
+    restartRemark
+  } = _ref2;
+  const {
+    message,
+    modal
+  } = antd.App.useApp();
+  const [form] = antd.Form.useForm();
+  const [st2110Interfaces, setSt2110Interfaces] = React.useState([]);
+  const [lanConfigs, setLanConfigs] = React.useState([]);
+  const [submitLoading, setSubmitLoading] = React.useState(false);
+  const [isInitialized, setIsInitialized] = React.useState(false);
+  const initializationStatus = React.useRef({
+    hasFetched: false,
+    hasInitialized: false
+  });
+  const preparedFieldConfig = React.useMemo(() => {
+    const config = _objectSpread2({}, fieldConfig);
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
+    // 确保LAN和QSFP的配置存在
+    config.LAN = config.LAN || {};
+    config.QSFP = config.QSFP || {};
+    if (sections.includes('LAN')) {
+      config.LAN.netmask = _objectSpread2(_objectSpread2({}, config.LAN.netmask || {}), {}, {
+        enabled: showNetmask.LAN
+      });
+    }
+    if (sections.includes('QSFP')) {
+      config.QSFP.netmask = _objectSpread2(_objectSpread2({}, config.QSFP.netmask || {}), {}, {
+        enabled: showNetmask.QSFP
+      });
+    }
+    return config;
+  }, [fieldConfig, showNetmask, sections]);
+  React.useEffect(() => {
+    if (!open) return;
+    const fetchData = async () => {
+      if (initializationStatus.current.hasFetched) return;
+      try {
+        initializationStatus.current.hasFetched = true;
+        if (getConfig) {
+          // 使用统一接口获取数据
+          const config = await getConfig();
+          if (sections.includes('LAN') && config.lan_interfaces) {
+            setLanConfigs(config.lan_interfaces);
+          }
+          if (sections.includes('QSFP') && config.interfaces) {
+            setSt2110Interfaces(config.interfaces);
+          }
+        } else {
+          const promises = [];
+          if (sections.includes('LAN')) {
+            promises.push(getLanConfig());
+          }
+          if (sections.includes('QSFP')) {
+            promises.push(getSysConfig());
+          }
+          const results = await Promise.allSettled(promises);
+          if (sections.includes('LAN') && getLanConfig) {
+            const lanResult = results[0];
+            if (lanResult.status === 'fulfilled') {
+              setLanConfigs(lanResult.value || []);
+            }
+          }
+          if (sections.includes('QSFP') && getSysConfig) {
+            const sysResult = sections.includes('LAN') ? results[1] : results[0];
+            if (sysResult.status === 'fulfilled' && sysResult.value) {
+              setSt2110Interfaces(sysResult.value.st2110_interfaces || []);
+            }
+          }
+        }
+        setIsInitialized(true);
+      } catch (error) {
+        console.error('Failed to fetch data:', error);
+        initializationStatus.current.hasFetched = false; // 出错时重置
+      }
+    };
+    fetchData();
+  }, [open, getLanConfig, getSysConfig, sections]);
 
-var propTypes = {exports: {}};
+  // 当模态框关闭时重置状态
+  React.useEffect(() => {
+    if (!open) {
+      setIsInitialized(false);
+      setLanConfigs([]);
+      setSt2110Interfaces([]);
+      form.resetFields();
+      initializationStatus.current = {
+        hasFetched: false,
+        hasInitialized: false
+      };
+    }
+  }, [open, form]);
 
-var reactIs = {exports: {}};
+  // 动态初始值配置
+  const initialValues = React.useMemo(() => {
+    const values = {};
+    if (sections.includes('LAN') && lanConfigs.length > 0) {
+      values.LAN = lanConfigs.map(config => _objectSpread2({
+        connection_id: config.connection_id,
+        display_name: config.display_name,
+        ip_address: config.ip_address
+      }, showNetmask.LAN ? {
+        netmask: config.netmask
+      } : {}));
+    }
+    if (sections.includes('QSFP') && st2110Interfaces.length > 0) {
+      values.QSFP = st2110Interfaces.map(iface => _objectSpread2(_objectSpread2({}, iface.id !== undefined && {
+        id: iface.id
+      }), {}, {
+        display_name: iface.display_name,
+        ip_address: iface.ip_address || iface.ip
+      }, showNetmask.QSFP ? {
+        netmask: iface.netmask
+      } : {}));
+    }
+    return values;
+  }, [lanConfigs, st2110Interfaces, sections, showNetmask]);
 
-var reactIs_production_min = {};
+  // 当初始值准备好后设置表单值
+  React.useEffect(() => {
+    if (isInitialized && !initializationStatus.current.hasInitialized) {
+      form.setFieldsValue(initialValues);
+      initializationStatus.current.hasInitialized = true;
+    }
+  }, [isInitialized, form, initialValues]);
+  const handleSuccess = React.useCallback(async function () {
+    let {
+      messageText = 'Success',
+      isPopup = !!restart,
+      refresh = !restart
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    message.success(messageText);
+    if (refresh && getConfig) {
+      try {
+        const newConfig = await getConfig();
+        if (sections.includes('LAN') && newConfig.lan_interfaces) {
+          setLanConfigs(newConfig.lan_interfaces);
+        }
+        if (sections.includes('QSFP') && newConfig.interfaces) {
+          setSt2110Interfaces(newConfig.interfaces);
+        }
+      } catch (error) {
+        console.error('Failed to refresh config:', error);
+      }
+    }
 
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_production_min;
+    // 如果有restart函数，则显示重启确认框
+    if (isPopup && restart) {
+      try {
+        const updatedConfig = await getSysConfig();
+        if (updatedConfig && updatedConfig.is_restart_required) {
+          modal.confirm({
+            icon: /*#__PURE__*/jsxRuntime.jsx(icons.ExclamationCircleFilled, {}),
+            title: "Configuration modified. Restart to apply changes?",
+            cancelText: "No",
+            okText: "Yes",
+            onOk: () => restart()
+          });
+        }
+      } catch (error) {
+        console.error('Failed to check restart status:', error);
+      }
+    }
+    onClose();
+  }, [message, modal, getSysConfig, restart, getConfig, sections, onClose]);
+  const handleSubmit = React.useCallback(async () => {
+    setSubmitLoading(true);
+    try {
+      const values = await form.validateFields();
+      // console.log("Direct form values:", values);
 
-function requireReactIs_production_min () {
-	if (hasRequiredReactIs_production_min) return reactIs_production_min;
-	hasRequiredReactIs_production_min = 1;
-var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
-	reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
-	reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
-	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
-	return reactIs_production_min;
-}
+      const updatePromises = [];
 
-var reactIs_development = {};
+      // 更新LAN配置
+      if (sections.includes('LAN') && values.LAN) {
+        const lanData = values.LAN.map((item, index) => {
+          var _lanConfigs$index;
+          return _objectSpread2({
+            connection_id: (_lanConfigs$index = lanConfigs[index]) === null || _lanConfigs$index === void 0 ? void 0 : _lanConfigs$index.connection_id,
+            ip_address: item.ip_address
+          }, showNetmask.LAN ? {
+            netmask: item.netmask
+          } : {});
+        });
+        updatePromises.push(updateLanConfig(lanData));
+      }
 
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+      // 更新QSFP配置
+      if (sections.includes('QSFP') && values.QSFP) {
+        const interfacesData = values.QSFP.map((item, index) => {
+          var _st2110Interfaces$ind, _st2110Interfaces$ind2, _st2110Interfaces$ind3;
+          return _objectSpread2(_objectSpread2(_objectSpread2({}, (st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind = st2110Interfaces[index]) === null || _st2110Interfaces$ind === void 0 ? void 0 : _st2110Interfaces$ind.id) !== undefined && {
+            id: st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind2 = st2110Interfaces[index]) === null || _st2110Interfaces$ind2 === void 0 ? void 0 : _st2110Interfaces$ind2.id
+          }), (st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind3 = st2110Interfaces[index]) === null || _st2110Interfaces$ind3 === void 0 ? void 0 : _st2110Interfaces$ind3.ip) !== undefined ? {
+            ip: item.ip_address
+          } : {
+            ip_address: item.ip_address
+          }), showNetmask.QSFP ? {
+            netmask: item.netmask
+          } : {});
+        });
+        const st2110Data = st2110Interfaces.some(iface => 'id' in iface) ? {
+          st2110_interfaces: interfacesData
+        } : {
+          interfaces: interfacesData
+        };
+        updatePromises.push(updateSysConfig(st2110Data));
+      }
+      const results = await Promise.allSettled(updatePromises);
 
-var hasRequiredReactIs_development;
+      // 检查所有更新是否成功
+      const allSucceeded = results.every(result => result.status === 'fulfilled');
+      if (allSucceeded) {
+        handleSuccess();
+      } else {
+        message.error('Some configurations failed to update');
+      }
+    } catch (error) {
+      console.error('Failed to update configurations: ', error);
+      message.error('Failed to update configurations');
+    } finally {
+      setSubmitLoading(false);
+    }
+  }, [form, sections, lanConfigs, st2110Interfaces, updateLanConfig, updateSysConfig, handleSuccess, message]);
 
-function requireReactIs_development () {
-	if (hasRequiredReactIs_development) return reactIs_development;
-	hasRequiredReactIs_development = 1;
+  // 合并默认模态框属性和传入的属性
+  const mergedModalProps = _objectSpread2({
+    title: "Network Settings",
+    width: 650,
+    open,
+    confirmLoading: submitLoading,
+    onOk: handleSubmit,
+    onCancel: onClose,
+    okText: "Apply",
+    cancelText: "Close",
+    centered: true,
+    destroyOnHidden: true,
+    forceRender: true,
+    styles: _objectSpread2({
+      body: {
+        padding: "16px 24px 8px 24px"
+      }
+    }, restartRemark !== null && {
+      footer: {
+        paddingBottom: 28
+      }
+    })
+  }, modalProps);
 
+  // 合并默认表单属性和传入的属性
+  const mergedFormProps = _objectSpread2({
+    form: form,
+    labelCol: {
+      span: 6
+    },
+    wrapperCol: {
+      span: 18
+    },
+    autoComplete: "off"
+  }, formProps);
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Modal, _objectSpread2(_objectSpread2({}, mergedModalProps), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Form, _objectSpread2(_objectSpread2({}, mergedFormProps), {}, {
+      children: [sections.includes('LAN') && lanConfigs.length > 0 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(NetworkFieldGroup, {
+          prefix: "LAN",
+          interfaces: lanConfigs,
+          fieldConfig: preparedFieldConfig.LAN
+        }), sections.includes('QSFP') && st2110Interfaces.length > 0 && /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {})]
+      }), sections.includes('QSFP') && st2110Interfaces.length > 0 && /*#__PURE__*/jsxRuntime.jsx(NetworkFieldGroup, {
+        prefix: "QSFP",
+        interfaces: st2110Interfaces,
+        fieldConfig: preparedFieldConfig.QSFP
+      })]
+    })), restartRemark]
+  }));
+};
+var NetworkSettingsModal$1 = /*#__PURE__*/React.memo(NetworkSettingsModal);
 
+const defaultFieldConfigs = {
+  clock_class: {
+    label: 'Clock Class',
+    formType: 'select',
+    options: [{
+      value: 6,
+      label: 'Atomic Clock (6)'
+    }, {
+      value: 7,
+      label: 'GPS (7)'
+    }, {
+      value: 248,
+      label: 'Slave-Only (248)'
+    }],
+    readOnly: true
+  },
+  clock_accuracy: {
+    label: 'Clock Accuracy',
+    formType: 'number',
+    readOnly: true
+  },
+  offset_scaled_log_variance: {
+    label: 'Offset Scaled Log Variance',
+    formType: 'number',
+    readOnly: true
+  },
+  grandmaster_priority1: {
+    label: 'Priority 1',
+    formType: 'number',
+    readOnly: true
+  },
+  grandmaster_priority2: {
+    label: 'Priority 2',
+    formType: 'number',
+    readOnly: true
+  },
+  grandmaster_identity: {
+    label: 'Grandmaster Identity',
+    formType: 'text',
+    readOnly: true
+  },
+  master_port_id: {
+    label: 'Port Identity',
+    formType: 'text',
+    readOnly: true
+  },
+  t1_domain_number: {
+    label: 'Domain',
+    formType: 'number',
+    min: 0,
+    max: 127,
+    readOnly: false
+  },
+  master_utc_offset: {
+    label: 'UTC Offset',
+    formType: 'number',
+    readOnly: true
+  },
+  is_connected: {
+    label: 'Connected Status',
+    formType: 'badge',
+    statusMap: {
+      0: {
+        text: 'Disconnected',
+        color: 'red'
+      },
+      1: {
+        text: 'Connected',
+        color: 'green'
+      }
+    }
+  },
+  is_locked: {
+    label: 'Locked Status',
+    formType: 'badge',
+    statusMap: {
+      0: {
+        text: 'Unlocked',
+        color: 'red'
+      },
+      1: {
+        text: 'Locked',
+        color: 'green'
+      }
+    }
+  }
+};
 
-	if (process.env.NODE_ENV !== "production") {
-	  (function() {
+// 默认字段顺序
+const defaultFieldOrder = ['t1_domain_number', 'grandmaster_priority1', 'grandmaster_priority2', 'grandmaster_identity', 'master_port_id', 'clock_class', 'clock_accuracy', 'offset_scaled_log_variance', 'master_utc_offset', 'is_connected', 'is_locked'];
 
-	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-	// nor polyfill, then a plain number is used for performance.
-	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
-	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
-	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
-	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
-	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+/**
+ * 转换PTP状态为表单字段数组
+ * @param {Object} ptpStatus PTP状态对象
+ * @param {Object} fieldConfigs 字段配置
+ * @param {Array} fieldOrder 字段顺序
+ * @returns {Array} 表单字段数组
+ */
+function convertPtpStatusToArray(ptpStatus, fieldConfigs, fieldOrder) {
+  return fieldOrder.filter(key => key in ptpStatus).map(key => {
+    const config = fieldConfigs[key] || {
+      label: key,
+      formType: 'text'
+    };
+    const value = ptpStatus[key];
+    return _objectSpread2(_objectSpread2({
+      key,
+      value
+    }, config), {}, {
+      rawData: ptpStatus
+    });
+  });
+}
+const PtpModal = _ref => {
+  let {
+    open,
+    onClose,
+    getPtpInfo,
+    updatePtpInfo,
+    fieldConfigs = defaultFieldConfigs,
+    fieldOrder = defaultFieldOrder,
+    modalProps = {},
+    formProps = {}
+  } = _ref;
+  const [ptpStatus, setPtpStatus] = React.useState(null);
+  const [form] = antd.Form.useForm();
+  const {
+    message
+  } = antd.App.useApp();
+  React.useEffect(() => {
+    if (open) {
+      getPtpInfo().then(data => {
+        if (data !== null && data !== void 0 && data[0]) {
+          setPtpStatus(data[0]);
+          form.setFieldsValue(data[0]);
+        }
+      });
+    }
+  }, [open, form, getPtpInfo]);
+  const ptpStatusArray = React.useMemo(() => {
+    if (!ptpStatus) return [];
+    return convertPtpStatusToArray(ptpStatus, fieldConfigs, fieldOrder);
+  }, [ptpStatus]);
+  const handleValueChange = changedValues => {
+    if ('t1_domain_number' in changedValues) {
+      setPtpStatus(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
+        t1_domain_number: changedValues.t1_domain_number
+      }));
+    }
+  };
+  const handleSubmit = async () => {
+    try {
+      const values = await form.validateFields();
+      const response = await updatePtpInfo(values);
+      if (response) {
+        message.success('Success');
+        setTimeout(() => {
+          onClose();
+        }, 1500);
+      }
+    } catch (error) {
+      console.error('Update failed:', error);
+    }
+  };
+  const renderFormItem = item => {
+    var _item$statusMap, _item$min, _item$max;
+    switch (item.formType) {
+      case 'select':
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
+          options: item.options,
+          disabled: item.readOnly
+        });
+      case 'switch':
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Switch, {});
+      case 'badge':
+        const normalizedValue = typeof item.value === 'boolean' ? item.value ? 1 : 0 : item.value;
+        const status = ((_item$statusMap = item.statusMap) === null || _item$statusMap === void 0 ? void 0 : _item$statusMap[normalizedValue]) || {
+          text: 'Unknown',
+          color: 'gray'
+        };
+        return /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
+          theme: {
+            components: {
+              Badge: {
+                statusSize: 10
+              }
+            }
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(antd.Badge, {
+            color: status.color,
+            text: status.text
+          })
+        });
+      case 'number':
+        return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
+          disabled: item.readOnly,
+          controls: false,
+          keyboard: false,
+          min: (_item$min = item.min) !== null && _item$min !== void 0 ? _item$min : Number.MIN_SAFE_INTEGER,
+          max: (_item$max = item.max) !== null && _item$max !== void 0 ? _item$max : Number.MAX_SAFE_INTEGER
+        });
+      default:
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+          disabled: item.readOnly
+        });
+    }
+  };
+  if (!open || !ptpStatus) return null;
+
+  // 合并默认模态框属性和传入的属性
+  const mergedModalProps = _objectSpread2({
+    title: "PTP",
+    width: 650,
+    open,
+    okText: "Apply",
+    cancelText: "Close",
+    onCancel: onClose,
+    onOk: handleSubmit
+  }, modalProps);
+
+  // 合并默认表单属性和传入的属性
+  const mergedFormProps = _objectSpread2({
+    form: form,
+    name: "ptpForm",
+    labelCol: {
+      span: 8
+    },
+    wrapperCol: {
+      span: 16
+    },
+    autoComplete: "off",
+    onValuesChange: handleValueChange
+  }, formProps);
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Modal, _objectSpread2(_objectSpread2({}, mergedModalProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(antd.Form, _objectSpread2(_objectSpread2({}, mergedFormProps), {}, {
+      children: ptpStatusArray.map(item => /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+        label: item.label,
+        name: item.key,
+        initialValue: item.value,
+        children: renderFormItem(item)
+      }, item.key))
+    }))
+  }));
+};
+var PtpModal$1 = /*#__PURE__*/React.memo(PtpModal);
+
+const LeftList = /*#__PURE__*/React.memo(_ref => {
+  let {
+    dataSource,
+    selectedPresetId,
+    onSelectPreset,
+    onAddNew,
+    onRemove,
+    hasPresets = dataSource.length > 0,
+    showDescription = false,
+    texts = {
+      newButton: "New Preset",
+      removeButton: "Remove"
+    }
+  } = _ref;
+  // 动态计算列布局
+  const gridColumns = showDescription ? "grid-cols-3" : "grid-cols-2";
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "h-full left-list-wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "list-container",
+      children: /*#__PURE__*/jsxRuntime.jsx(antd.List, {
+        header: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "grid ".concat(gridColumns, " w-full list-header"),
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            children: "Name"
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            children: "Create Time"
+          }), showDescription && /*#__PURE__*/jsxRuntime.jsx("div", {
+            children: "Description"
+          })]
+        }),
+        dataSource: dataSource,
+        rowKey: "id",
+        renderItem: item => /*#__PURE__*/jsxRuntime.jsx(antd.List.Item, {
+          className: "list-item ".concat(selectedPresetId === item.id ? 'selected' : ''),
+          style: {
+            padding: "9px 24px"
+          },
+          onClick: () => onSelectPreset(item),
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "grid ".concat(gridColumns, " w-full text-text-normal"),
+            children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+              title: item.name,
+              children: item.name || "Untitled Preset"
+            }), /*#__PURE__*/jsxRuntime.jsx("div", {
+              children: item.create_time
+            }), showDescription && /*#__PURE__*/jsxRuntime.jsx("div", {
+              children: item.description
+            })]
+          })
+        }),
+        locale: {
+          emptyText: /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "p-8",
+            children: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
+              image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
+              description: /*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "text-gray-400",
+                children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+                  type: "link",
+                  onClick: onAddNew,
+                  className: "p-0 h-auto",
+                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+                  children: "Create new preset"
+                })
+              })
+            })
+          })
+        }
+      })
+    }), hasPresets && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "p-4",
+      style: {
+        paddingInline: 24
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+        size: "middle",
+        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          type: "default",
+          icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
+          style: {
+            padding: "20px 12px"
+          },
+          className: "btn-gray",
+          onClick: onAddNew,
+          children: texts.newButton
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          type: "default",
+          style: {
+            padding: "20px 12px"
+          },
+          className: "btn-gray",
+          onClick: onRemove,
+          children: texts.removeButton
+        })]
+      })
+    })]
+  });
+});
+const SubmitButton = _ref2 => {
+  let {
+    loading,
+    action,
+    children,
+    disabled = false
+  } = _ref2;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "submit-btn-wrapper",
+    children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+      className: "btn-gray",
+      loading: loading,
+      onClick: action,
+      disabled: disabled,
+      children: children
+    })
+  });
+};
+const RightDetailForm = /*#__PURE__*/React.memo(_ref3 => {
+  let {
+    form,
+    onSave,
+    onLoad,
+    isLoading,
+    isEditing,
+    originalPresetData,
+    fields = {
+      name: {
+        label: "Preset Name",
+        placeholder: "Enter preset name",
+        required: true
+      }
+    },
+    texts = {
+      loadButton: "Load",
+      saveButton: "Save"
+    },
+    presetChanged
+  } = _ref3;
+  const [initialSelected, setInitialSelected] = React.useState([]);
+  const currentSelected = antd.Form.useWatch('category_list', form) || [];
+
+  // 检查是否包含category_list字段
+  const hasCategoryList = fields.category_list !== null && fields.category_list !== undefined;
+
+  // 初始化 category_list 的选择状态
+  React.useEffect(() => {
+    if (hasCategoryList) {
+      const currentValue = form.getFieldValue('category_list') || [];
+      setInitialSelected(currentValue);
+    }
+  }, [presetChanged, form, hasCategoryList]); // 当presetChanged变化时更新
+
+  // 动态生成 checkbox 选项
+  const checkboxOptions = React.useMemo(() => {
+    if (!hasCategoryList) return [];
+    return fields.category_list.options.map(category => {
+      const isInitiallySelected = initialSelected.includes(category.name);
+      const shouldDisable = isEditing ? !isInitiallySelected : false;
+      return _objectSpread2(_objectSpread2({}, category), {}, {
+        disabled: shouldDisable,
+        initiallySelected: isInitiallySelected
+      });
+    });
+  }, [initialSelected, isEditing, hasCategoryList, fields.category_list]);
+  const handleCheckboxChange = checkedValues => {
+    form.setFieldsValue({
+      category_list: checkedValues
+    });
+  };
+  const handleLoad = async () => {
+    try {
+      const formValues = await form.validateFields();
+      const loadData = {
+        id: form.getFieldValue('id'),
+        // 优先使用表单中的 category_list，如果没有则使用原始数据
+        name: originalPresetData.name,
+        category_list: hasCategoryList ? formValues.category_list || [] : (originalPresetData === null || originalPresetData === void 0 ? void 0 : originalPresetData.category_list) || []
+      };
+      await onLoad(loadData);
+    } catch (error) {
+      console.error('表单验证失败:', error);
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+    vertical: true,
+    className: "h-full",
+    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Form, {
+      form: form,
+      layout: "vertical",
+      autoComplete: "off",
+      style: {
+        flex: 1,
+        overflowY: 'auto'
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+        name: "name",
+        label: fields.name.label,
+        rules: [{
+          required: fields.name.required,
+          validator: async (_, value) => {
+            if (!value || value.trim() === '') {
+              return Promise.reject(new Error('Preset name cannot be empty or spaces only'));
+            }
+          }
+        }],
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+          placeholder: fields.name.placeholder,
+          disabled: isEditing
+        })
+      }), hasCategoryList && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+        name: "category_list",
+        label: fields.category_list.label,
+        rules: [{
+          required: fields.category_list.required,
+          message: 'Please select at least one category',
+          validator: (_, value) => {
+            if (value && value.length > 0) {
+              return Promise.resolve();
+            }
+            return Promise.reject(new Error('Please select at least one category'));
+          }
+        }],
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox.Group, {
+          className: "grid grid-cols-2 gap-2",
+          onChange: handleCheckboxChange,
+          children: checkboxOptions.map(category => /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox, {
+            value: category.name,
+            disabled: category.disabled,
+            children: category.label
+          }, category.name))
+        })
+      }), fields.description && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+        name: "description",
+        label: fields.description.label,
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, {
+          rows: 4,
+          placeholder: fields.description.placeholder,
+          disabled: isEditing
+        })
+      })]
+    }), isEditing ? /*#__PURE__*/jsxRuntime.jsx(SubmitButton, _objectSpread2(_objectSpread2({
+      action: handleLoad
+    }, hasCategoryList && {
+      disabled: !currentSelected.length
+    }), {}, {
+      children: texts.loadButton
+    })) : /*#__PURE__*/jsxRuntime.jsx(SubmitButton, {
+      action: onSave,
+      loading: isLoading,
+      children: texts.saveButton
+    })]
+  });
+});
+
+const Preset = _ref => {
+  let {
+    open,
+    onClose,
+    // API 方法通过 props 传入
+    getPresetList,
+    savePreset,
+    removePreset,
+    loadPreset,
+    onLoadSuccess,
+    // 加载成功后的回调
+    onLoadError,
+    // 加载失败后的回调
+    // 字段配置
+    fields = {
+      name: {
+        label: "Preset Name",
+        placeholder: "Enter preset name",
+        required: true
+      }
+    },
+    texts = {
+      title: "Preset Management",
+      emptyText: "Select a preset from the list to view details",
+      deleteConfirm: "Are you sure to delete preset",
+      loadConfirm: "Are you sure you want to load preset",
+      loadText: "Loading...",
+      successText: "Success",
+      newButton: "New Preset",
+      removeButton: "Remove",
+      loadButton: "Load",
+      saveButton: "Save"
+    },
+    // 样式定制
+    width = 1000,
+    height = 680,
+    className = ""
+  } = _ref;
+  const {
+    message: AntdMessage,
+    modal: AntdModal
+  } = antd.App.useApp();
+  const [presetList, setPresetList] = React.useState([]);
+  const [selectedPreset, setSelectedPreset] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [presetChanged, setPresetChanged] = React.useState(0);
+  const [form] = antd.Form.useForm();
+
+  // 获取预设列表
+  React.useEffect(() => {
+    fetchPresetList();
+  }, []);
+  const fetchPresetList = React.useCallback(async () => {
+    try {
+      const data = await getPresetList();
+      const presets = (data === null || data === void 0 ? void 0 : data.preset_list) || data || [];
+      setPresetList(presets);
+    } catch (error) {
+      console.error('Failed to fetch preset list:', error);
+    }
+  }, [getPresetList]);
+  const handleSelectPreset = React.useCallback(preset => {
+    setSelectedPreset(preset);
+    form.setFieldsValue(preset);
+    setPresetChanged(prev => prev + 1); // 触发react更新
+  }, [form]);
+  const handleAddNew = React.useCallback(() => {
+    var _fields$category_list;
+    const unsavedPreset = presetList.find(item => !item.id);
+    if (unsavedPreset) {
+      AntdMessage.warning('Existing unsaved preset detected.');
+      return;
+    }
+
+    // 创建新的数据，包含所有配置的字段
+    const newPreset = Object.keys(fields).reduce((acc, fieldName) => {
+      acc[fieldName] = '';
+      return acc;
+    }, {});
+
+    // 特殊处理 category_list
+    if ((_fields$category_list = fields.category_list) !== null && _fields$category_list !== void 0 && _fields$category_list.options) {
+      newPreset.category_list = fields.category_list.options.map(item => item.name);
+    }
+    setPresetList([...presetList, newPreset]);
+    setSelectedPreset(newPreset);
+    form.setFieldsValue(newPreset);
+  }, [form, presetList, AntdMessage]);
+  const handleRemove = React.useCallback(async () => {
+    if (!selectedPreset) return;
+
+    // 检查是否为新建的未保存数据（无id）
+    const isUnsavedPreset = !selectedPreset.id;
+    const presetName = selectedPreset.name || 'Untitled Preset';
+    try {
+      AntdModal.confirm({
+        icon: /*#__PURE__*/jsxRuntime.jsx(icons.ExclamationCircleFilled, {}),
+        title: 'Delete Preset',
+        content: "".concat(texts.deleteConfirm, " \"").concat(presetName, "\"?"),
+        cancelText: 'No',
+        okText: 'Yes',
+        onOk: async () => {
+          if (!isUnsavedPreset) {
+            await removePreset({
+              id: selectedPreset.id
+            });
+            AntdMessage.success(texts.successText);
+            // 刷新列表
+            await fetchPresetList();
+          } else {
+            setPresetList(prev => prev.filter(item => !!item.id));
+          }
+
+          // 重置表单和选择状态
+          setSelectedPreset(null);
+          form.resetFields();
+        }
+      });
+    } catch (error) {
+      console.error('Failed to delete preset:', error);
+    }
+  }, [selectedPreset, form, AntdModal, AntdMessage, fetchPresetList, texts]);
+  const handleLoadPreset = React.useCallback(async loadData => {
+    if (!loadData) return;
+
+    // 显示确认对话框
+    AntdModal.confirm({
+      title: 'Load Preset',
+      content: "".concat(texts.loadConfirm, " \"").concat(loadData.name, "\"?"),
+      cancelText: 'No',
+      okText: 'Yes',
+      onOk: async () => {
+        // 显示加载模态框
+        const modalInstance = antd.Modal.info({
+          title: texts.loadText,
+          content: /*#__PURE__*/jsxRuntime.jsx(antd.Spin, {
+            size: "large",
+            className: "block mx-auto"
+          }),
+          maskClosable: false,
+          okButtonProps: {
+            style: {
+              display: 'none'
+            }
+          }
+        });
+        try {
+          await loadPreset(_objectSpread2({
+            id: loadData.id
+          }, loadData.category_list && {
+            category_list: loadData.category_list
+          }));
+          // 成功时延迟关闭
+          setTimeout(() => {
+            modalInstance.destroy();
+            AntdMessage.success(texts.successText);
+
+            // 加载成功的外部回调
+            if (onLoadSuccess) {
+              onLoadSuccess(loadData);
+            }
+          }, 1000);
+        } catch (error) {
+          console.error('Failed to load preset:', error);
+          modalInstance.destroy();
+
+          // 加载失败的外部回调
+          if (onLoadError) {
+            onLoadError(error, loadData);
+          }
+        }
+      }
+    });
+  }, [loadPreset, texts, AntdMessage, AntdModal, onLoadSuccess, onLoadError]);
+  const handleSave = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const values = await form.validateFields();
+      console.log('Form values:', values);
+      await savePreset(values);
+      AntdMessage.success(texts.successText);
+      // 刷新列表
+      await fetchPresetList();
+
+      // 重置表单和选择状态
+      setSelectedPreset(null);
+      form.resetFields();
+    } catch (error) {
+      if (error.errorFields) {
+        // 表单验证错误
+        console.error('Form validation failed:', error.errorFields);
+      } else {
+        console.error('Failed to save preset:', error);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [form, AntdMessage, fetchPresetList, savePreset, texts]);
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Modal, {
+    title: texts.title,
+    width: width,
+    open: open,
+    wrapClassName: "preset-management ".concat(className),
+    footer: null,
+    onCancel: onClose,
+    centered: true,
+    styles: {
+      body: {
+        height: "".concat(height, "px")
+      }
+    },
+    children: /*#__PURE__*/jsxRuntime.jsxs(antd.Row, {
+      gutter: 0,
+      className: "h-full w-full",
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Col, {
+        span: 14,
+        className: "h-full",
+        children: /*#__PURE__*/jsxRuntime.jsx(LeftList, {
+          dataSource: presetList,
+          selectedPresetId: selectedPreset === null || selectedPreset === void 0 ? void 0 : selectedPreset.id,
+          onSelectPreset: handleSelectPreset,
+          onAddNew: handleAddNew,
+          onRemove: handleRemove,
+          showDescription: !!fields.description // 根据 fields 判断是否显示 description
+          ,
+          texts: {
+            newButton: texts.newButton,
+            removeButton: texts.removeButton
+          }
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
+        span: 10,
+        className: "h-full p-6",
+        children: selectedPreset ? /*#__PURE__*/jsxRuntime.jsx(RightDetailForm, {
+          form: form,
+          onSave: handleSave,
+          onLoad: handleLoadPreset,
+          isLoading: loading,
+          isEditing: !!(selectedPreset !== null && selectedPreset !== void 0 && selectedPreset.id),
+          originalPresetData: selectedPreset // 传递原始数据
+          ,
+          fields: fields,
+          texts: {
+            loadButton: texts.loadButton,
+            saveButton: texts.saveButton
+          },
+          presetChanged: presetChanged
+        }) : /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
+          vertical: true,
+          justify: "center",
+          align: "center",
+          className: "h-full text-gray-400",
+          children: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
+            image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
+            description: texts.emptyText
+          })
+        })
+      })]
+    })
+  });
+};
+var PresetModal = /*#__PURE__*/React.memo(Preset);
+
+const _excluded$1 = ["menuItems", "onMenuClick", "downloadFiles", "upgradeExecute", "upgradeStatus", "acceptFileTypes", "uploadCompleteDelay", "statusPollingInterval", "children"];
+const UpgradeManager = _ref => {
+  let {
+      menuItems = [],
+      onMenuClick,
+      downloadFiles,
+      upgradeExecute,
+      upgradeStatus,
+      acceptFileTypes = "application/octet-stream",
+      uploadCompleteDelay = 3000,
+      statusPollingInterval = 1000,
+      children
+    } = _ref,
+    dropdownProps = _objectWithoutProperties(_ref, _excluded$1);
+  const [upgradeElement] = useUpgrade$1({
+    menuItems,
+    onMenuClick,
+    downloadFiles,
+    upgradeExecute,
+    upgradeStatus,
+    acceptFileTypes,
+    uploadCompleteDelay,
+    statusPollingInterval
+  });
+  if (children) {
+    // 提取Dropdown组件和其menu属性
+    const dropdownElement = upgradeElement.props.children[0];
+    const otherElements = upgradeElement.props.children.slice(1);
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Dropdown, _objectSpread2(_objectSpread2(_objectSpread2({}, dropdownProps), dropdownElement.props), {}, {
+        children: children
+      })), otherElements]
+    });
+  }
+
+  // 如果没有children，直接返回完整的升级元素
+  return upgradeElement;
+};
+UpgradeManager.defaultProps = {
+  trigger: ["hover"],
+  placement: "bottomRight"
+};
+var UpgradeManager$1 = UpgradeManager;
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var propTypes = {exports: {}};
+
+var reactIs = {exports: {}};
+
+var reactIs_production_min = {};
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactIs_production_min;
+
+function requireReactIs_production_min () {
+	if (hasRequiredReactIs_production_min) return reactIs_production_min;
+	hasRequiredReactIs_production_min = 1;
+var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
+	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
+	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
+	reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
+	reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
+	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
+	return reactIs_production_min;
+}
+
+var reactIs_development = {};
+
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactIs_development;
+
+function requireReactIs_development () {
+	if (hasRequiredReactIs_development) return reactIs_development;
+	hasRequiredReactIs_development = 1;
+
+
+
+	if (process.env.NODE_ENV !== "production") {
+	  (function() {
+
+	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+	// nor polyfill, then a plain number is used for performance.
+	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
 	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
 	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
 	// (unstable) APIs that have been removed. Can we remove the symbols?
@@ -1632,1614 +2753,970 @@ function requireFactoryWithTypeCheckers () {
 	      if (process.env.NODE_ENV !== 'production') {
 	        if (arguments.length > 1) {
 	          printWarning(
-	            'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
-	            'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
-	          );
-	        } else {
-	          printWarning('Invalid argument supplied to oneOf, expected an array.');
-	        }
-	      }
-	      return emptyFunctionThatReturnsNull;
-	    }
-
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var propValue = props[propName];
-	      for (var i = 0; i < expectedValues.length; i++) {
-	        if (is(propValue, expectedValues[i])) {
-	          return null;
-	        }
-	      }
-
-	      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
-	        var type = getPreciseType(value);
-	        if (type === 'symbol') {
-	          return String(value);
-	        }
-	        return value;
-	      });
-	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createObjectOfTypeChecker(typeChecker) {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      if (typeof typeChecker !== 'function') {
-	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
-	      }
-	      var propValue = props[propName];
-	      var propType = getPropType(propValue);
-	      if (propType !== 'object') {
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
-	      }
-	      for (var key in propValue) {
-	        if (has(propValue, key)) {
-	          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
-	          if (error instanceof Error) {
-	            return error;
-	          }
-	        }
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createUnionTypeChecker(arrayOfTypeCheckers) {
-	    if (!Array.isArray(arrayOfTypeCheckers)) {
-	      process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
-	      return emptyFunctionThatReturnsNull;
-	    }
-
-	    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-	      var checker = arrayOfTypeCheckers[i];
-	      if (typeof checker !== 'function') {
-	        printWarning(
-	          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
-	          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
-	        );
-	        return emptyFunctionThatReturnsNull;
-	      }
-	    }
-
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var expectedTypes = [];
-	      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-	        var checker = arrayOfTypeCheckers[i];
-	        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
-	        if (checkerResult == null) {
-	          return null;
-	        }
-	        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
-	          expectedTypes.push(checkerResult.data.expectedType);
-	        }
-	      }
-	      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
-	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createNodeChecker() {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      if (!isNode(props[propName])) {
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function invalidValidatorError(componentName, location, propFullName, key, type) {
-	    return new PropTypeError(
-	      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
-	      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
-	    );
-	  }
-
-	  function createShapeTypeChecker(shapeTypes) {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var propValue = props[propName];
-	      var propType = getPropType(propValue);
-	      if (propType !== 'object') {
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-	      }
-	      for (var key in shapeTypes) {
-	        var checker = shapeTypes[key];
-	        if (typeof checker !== 'function') {
-	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-	        }
-	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
-	        if (error) {
-	          return error;
-	        }
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createStrictShapeTypeChecker(shapeTypes) {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var propValue = props[propName];
-	      var propType = getPropType(propValue);
-	      if (propType !== 'object') {
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-	      }
-	      // We need to check all keys in case some are required but missing from props.
-	      var allKeys = assign({}, props[propName], shapeTypes);
-	      for (var key in allKeys) {
-	        var checker = shapeTypes[key];
-	        if (has(shapeTypes, key) && typeof checker !== 'function') {
-	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-	        }
-	        if (!checker) {
-	          return new PropTypeError(
-	            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
-	            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-	            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
-	          );
-	        }
-	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
-	        if (error) {
-	          return error;
-	        }
-	      }
-	      return null;
-	    }
-
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function isNode(propValue) {
-	    switch (typeof propValue) {
-	      case 'number':
-	      case 'string':
-	      case 'undefined':
-	        return true;
-	      case 'boolean':
-	        return !propValue;
-	      case 'object':
-	        if (Array.isArray(propValue)) {
-	          return propValue.every(isNode);
-	        }
-	        if (propValue === null || isValidElement(propValue)) {
-	          return true;
-	        }
-
-	        var iteratorFn = getIteratorFn(propValue);
-	        if (iteratorFn) {
-	          var iterator = iteratorFn.call(propValue);
-	          var step;
-	          if (iteratorFn !== propValue.entries) {
-	            while (!(step = iterator.next()).done) {
-	              if (!isNode(step.value)) {
-	                return false;
-	              }
-	            }
-	          } else {
-	            // Iterator will provide entry [k,v] tuples rather than values.
-	            while (!(step = iterator.next()).done) {
-	              var entry = step.value;
-	              if (entry) {
-	                if (!isNode(entry[1])) {
-	                  return false;
-	                }
-	              }
-	            }
-	          }
-	        } else {
-	          return false;
-	        }
-
-	        return true;
-	      default:
-	        return false;
-	    }
-	  }
-
-	  function isSymbol(propType, propValue) {
-	    // Native Symbol.
-	    if (propType === 'symbol') {
-	      return true;
-	    }
-
-	    // falsy value can't be a Symbol
-	    if (!propValue) {
-	      return false;
+	            'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
+	            'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
+	          );
+	        } else {
+	          printWarning('Invalid argument supplied to oneOf, expected an array.');
+	        }
+	      }
+	      return emptyFunctionThatReturnsNull;
 	    }
 
-	    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
-	    if (propValue['@@toStringTag'] === 'Symbol') {
-	      return true;
-	    }
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      for (var i = 0; i < expectedValues.length; i++) {
+	        if (is(propValue, expectedValues[i])) {
+	          return null;
+	        }
+	      }
 
-	    // Fallback for non-spec compliant Symbols which are polyfilled.
-	    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
-	      return true;
+	      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+	        var type = getPreciseType(value);
+	        if (type === 'symbol') {
+	          return String(value);
+	        }
+	        return value;
+	      });
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
 	    }
-
-	    return false;
+	    return createChainableTypeChecker(validate);
 	  }
 
-	  // Equivalent of `typeof` but with special handling for array and regexp.
-	  function getPropType(propValue) {
-	    var propType = typeof propValue;
-	    if (Array.isArray(propValue)) {
-	      return 'array';
-	    }
-	    if (propValue instanceof RegExp) {
-	      // Old webkits (at least until Android 4.0) return 'function' rather than
-	      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
-	      // passes PropTypes.object.
-	      return 'object';
-	    }
-	    if (isSymbol(propType, propValue)) {
-	      return 'symbol';
+	  function createObjectOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+	      }
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+	      }
+	      for (var key in propValue) {
+	        if (has(propValue, key)) {
+	          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	          if (error instanceof Error) {
+	            return error;
+	          }
+	        }
+	      }
+	      return null;
 	    }
-	    return propType;
+	    return createChainableTypeChecker(validate);
 	  }
 
-	  // This handles more types than `getPropType`. Only used for error messages.
-	  // See `createPrimitiveTypeChecker`.
-	  function getPreciseType(propValue) {
-	    if (typeof propValue === 'undefined' || propValue === null) {
-	      return '' + propValue;
+	  function createUnionTypeChecker(arrayOfTypeCheckers) {
+	    if (!Array.isArray(arrayOfTypeCheckers)) {
+	      process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+	      return emptyFunctionThatReturnsNull;
 	    }
-	    var propType = getPropType(propValue);
-	    if (propType === 'object') {
-	      if (propValue instanceof Date) {
-	        return 'date';
-	      } else if (propValue instanceof RegExp) {
-	        return 'regexp';
+
+	    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	      var checker = arrayOfTypeCheckers[i];
+	      if (typeof checker !== 'function') {
+	        printWarning(
+	          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
+	          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
+	        );
+	        return emptyFunctionThatReturnsNull;
 	      }
 	    }
-	    return propType;
-	  }
 
-	  // Returns a string that is postfixed to a warning about an invalid type.
-	  // For example, "undefined" or "of type array"
-	  function getPostfixForTypeWarning(value) {
-	    var type = getPreciseType(value);
-	    switch (type) {
-	      case 'array':
-	      case 'object':
-	        return 'an ' + type;
-	      case 'boolean':
-	      case 'date':
-	      case 'regexp':
-	        return 'a ' + type;
-	      default:
-	        return type;
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var expectedTypes = [];
+	      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	        var checker = arrayOfTypeCheckers[i];
+	        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+	        if (checkerResult == null) {
+	          return null;
+	        }
+	        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
+	          expectedTypes.push(checkerResult.data.expectedType);
+	        }
+	      }
+	      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
 	    }
+	    return createChainableTypeChecker(validate);
 	  }
 
-	  // Returns class name of the object, if any.
-	  function getClassName(propValue) {
-	    if (!propValue.constructor || !propValue.constructor.name) {
-	      return ANONYMOUS;
+	  function createNodeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!isNode(props[propName])) {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+	      }
+	      return null;
 	    }
-	    return propValue.constructor.name;
+	    return createChainableTypeChecker(validate);
 	  }
 
-	  ReactPropTypes.checkPropTypes = checkPropTypes;
-	  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
-	  ReactPropTypes.PropTypes = ReactPropTypes;
-
-	  return ReactPropTypes;
-	};
-	return factoryWithTypeCheckers;
-}
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var factoryWithThrowingShims;
-var hasRequiredFactoryWithThrowingShims;
-
-function requireFactoryWithThrowingShims () {
-	if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
-	hasRequiredFactoryWithThrowingShims = 1;
-
-	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret();
-
-	function emptyFunction() {}
-	function emptyFunctionWithReset() {}
-	emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-	factoryWithThrowingShims = function() {
-	  function shim(props, propName, componentName, location, propFullName, secret) {
-	    if (secret === ReactPropTypesSecret) {
-	      // It is still safe when called from React.
-	      return;
-	    }
-	    var err = new Error(
-	      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-	      'Use PropTypes.checkPropTypes() to call them. ' +
-	      'Read more at http://fb.me/use-check-prop-types'
+	  function invalidValidatorError(componentName, location, propFullName, key, type) {
+	    return new PropTypeError(
+	      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+	      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
 	    );
-	    err.name = 'Invariant Violation';
-	    throw err;
-	  }	  shim.isRequired = shim;
-	  function getShim() {
-	    return shim;
-	  }	  // Important!
-	  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-	  var ReactPropTypes = {
-	    array: shim,
-	    bigint: shim,
-	    bool: shim,
-	    func: shim,
-	    number: shim,
-	    object: shim,
-	    string: shim,
-	    symbol: shim,
-
-	    any: shim,
-	    arrayOf: getShim,
-	    element: shim,
-	    elementType: shim,
-	    instanceOf: getShim,
-	    node: shim,
-	    objectOf: getShim,
-	    oneOf: getShim,
-	    oneOfType: getShim,
-	    shape: getShim,
-	    exact: getShim,
-
-	    checkPropTypes: emptyFunctionWithReset,
-	    resetWarningCache: emptyFunction
-	  };
-
-	  ReactPropTypes.PropTypes = ReactPropTypes;
-
-	  return ReactPropTypes;
-	};
-	return factoryWithThrowingShims;
-}
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredPropTypes;
-
-function requirePropTypes () {
-	if (hasRequiredPropTypes) return propTypes.exports;
-	hasRequiredPropTypes = 1;
-	if (process.env.NODE_ENV !== 'production') {
-	  var ReactIs = requireReactIs();
+	  }
 
-	  // By explicitly using `prop-types` you are opting into new development behavior.
-	  // http://fb.me/prop-types-in-prod
-	  var throwOnDirectAccess = true;
-	  propTypes.exports = /*@__PURE__*/ requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
-	} else {
-	  // By explicitly using `prop-types` you are opting into new production behavior.
-	  // http://fb.me/prop-types-in-prod
-	  propTypes.exports = /*@__PURE__*/ requireFactoryWithThrowingShims()();
-	}
-	return propTypes.exports;
-}
+	  function createShapeTypeChecker(shapeTypes) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+	      }
+	      for (var key in shapeTypes) {
+	        var checker = shapeTypes[key];
+	        if (typeof checker !== 'function') {
+	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+	        }
+	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	        if (error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
 
-var propTypesExports = /*@__PURE__*/ requirePropTypes();
-var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+	  function createStrictShapeTypeChecker(shapeTypes) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+	      }
+	      // We need to check all keys in case some are required but missing from props.
+	      var allKeys = assign({}, props[propName], shapeTypes);
+	      for (var key in allKeys) {
+	        var checker = shapeTypes[key];
+	        if (has(shapeTypes, key) && typeof checker !== 'function') {
+	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+	        }
+	        if (!checker) {
+	          return new PropTypeError(
+	            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
+	            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
+	            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
+	          );
+	        }
+	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	        if (error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
 
-const SystemOperations = _ref => {
-  let {
-    onPowerOff,
-    onRestart,
-    powerOffLabel = "Power Off",
-    restartLabel = "Restart",
-    iconClassName = "seeder-iconfont seeder-icon-guanji1 text-xl text-neutral-400",
-    confirmTitle = "Confirm",
-    cancelText = "No",
-    okText = "Yes",
-    run
-  } = _ref;
-  const {
-    modal: AntdModal
-  } = antd.App.useApp();
-  const menuItems = [{
-    key: "poweroff",
-    label: powerOffLabel
-  },
-  // {
-  //   key: "reboot",
-  //   label: rebootLabel,  // 硬重启 物理重启
-  // },
-  {
-    key: "restart",
-    label: restartLabel // 软重启 服务重启
-  }];
-  const doAction = action => {
-    try {
-      AntdModal.confirm({
-        icon: /*#__PURE__*/jsxRuntime.jsx(icons.ExclamationCircleFilled, {}),
-        title: "".concat(confirmTitle, " ").concat(action, "?"),
-        cancelText,
-        okText,
-        onOk: () => {
-          if (action === 'poweroff' && onPowerOff) {
-            onPowerOff();
-          } else if (action === 'restart' && onRestart) {
-            onRestart();
-          }
+	    return createChainableTypeChecker(validate);
+	  }
 
-          // Call the run callback after successful operation
-          if (typeof run === 'function') {
-            run();
-          }
-        }
-      });
-    } catch (error) {
-      console.error("".concat(action.toUpperCase(), " ERROR: "), error);
-    }
-  };
-  const handleMenuClick = _ref2 => {
-    let {
-      key
-    } = _ref2;
-    doAction(key);
-  };
-  return /*#__PURE__*/jsxRuntime.jsx(antd.Dropdown, {
-    menu: {
-      items: menuItems,
-      onClick: handleMenuClick
-    },
-    trigger: ["hover"],
-    children: /*#__PURE__*/jsxRuntime.jsx("a", {
-      onClick: e => e.preventDefault(),
-      children: /*#__PURE__*/jsxRuntime.jsx("i", {
-        className: iconClassName
-      })
-    })
-  });
-};
-SystemOperations.propTypes = {
-  onPowerOff: PropTypes.func,
-  onRestart: PropTypes.func,
-  powerOffLabel: PropTypes.string,
-  restartLabel: PropTypes.string,
-  iconClassName: PropTypes.string,
-  confirmTitle: PropTypes.string,
-  cancelText: PropTypes.string,
-  okText: PropTypes.string,
-  run: PropTypes.func
-};
-var SystemOperations$1 = SystemOperations;
+	  function isNode(propValue) {
+	    switch (typeof propValue) {
+	      case 'number':
+	      case 'string':
+	      case 'undefined':
+	        return true;
+	      case 'boolean':
+	        return !propValue;
+	      case 'object':
+	        if (Array.isArray(propValue)) {
+	          return propValue.every(isNode);
+	        }
+	        if (propValue === null || isValidElement(propValue)) {
+	          return true;
+	        }
 
-const defaultFieldConfigs = {
-  clock_class: {
-    label: 'Clock Class',
-    formType: 'select',
-    options: [{
-      value: 6,
-      label: 'Atomic Clock (6)'
-    }, {
-      value: 7,
-      label: 'GPS (7)'
-    }, {
-      value: 248,
-      label: 'Slave-Only (248)'
-    }],
-    readOnly: true
-  },
-  clock_accuracy: {
-    label: 'Clock Accuracy',
-    formType: 'number',
-    readOnly: true
-  },
-  offset_scaled_log_variance: {
-    label: 'Offset Scaled Log Variance',
-    formType: 'number',
-    readOnly: true
-  },
-  grandmaster_priority1: {
-    label: 'Priority 1',
-    formType: 'number',
-    readOnly: true
-  },
-  grandmaster_priority2: {
-    label: 'Priority 2',
-    formType: 'number',
-    readOnly: true
-  },
-  grandmaster_identity: {
-    label: 'Grandmaster Identity',
-    formType: 'text',
-    readOnly: true
-  },
-  master_port_id: {
-    label: 'Port Identity',
-    formType: 'text',
-    readOnly: true
-  },
-  t1_domain_number: {
-    label: 'Domain',
-    formType: 'number',
-    min: 0,
-    max: 127,
-    readOnly: false
-  },
-  master_utc_offset: {
-    label: 'UTC Offset',
-    formType: 'number',
-    readOnly: true
-  },
-  is_connected: {
-    label: 'Connected Status',
-    formType: 'badge',
-    statusMap: {
-      0: {
-        text: 'Disconnected',
-        color: 'red'
-      },
-      1: {
-        text: 'Connected',
-        color: 'green'
-      }
-    }
-  },
-  is_locked: {
-    label: 'Locked Status',
-    formType: 'badge',
-    statusMap: {
-      0: {
-        text: 'Unlocked',
-        color: 'red'
-      },
-      1: {
-        text: 'Locked',
-        color: 'green'
-      }
-    }
-  }
-};
+	        var iteratorFn = getIteratorFn(propValue);
+	        if (iteratorFn) {
+	          var iterator = iteratorFn.call(propValue);
+	          var step;
+	          if (iteratorFn !== propValue.entries) {
+	            while (!(step = iterator.next()).done) {
+	              if (!isNode(step.value)) {
+	                return false;
+	              }
+	            }
+	          } else {
+	            // Iterator will provide entry [k,v] tuples rather than values.
+	            while (!(step = iterator.next()).done) {
+	              var entry = step.value;
+	              if (entry) {
+	                if (!isNode(entry[1])) {
+	                  return false;
+	                }
+	              }
+	            }
+	          }
+	        } else {
+	          return false;
+	        }
 
-// 默认字段顺序
-const defaultFieldOrder = ['t1_domain_number', 'grandmaster_priority1', 'grandmaster_priority2', 'grandmaster_identity', 'master_port_id', 'clock_class', 'clock_accuracy', 'offset_scaled_log_variance', 'master_utc_offset', 'is_connected', 'is_locked'];
+	        return true;
+	      default:
+	        return false;
+	    }
+	  }
 
-/**
- * 转换PTP状态为表单字段数组
- * @param {Object} ptpStatus PTP状态对象
- * @param {Object} fieldConfigs 字段配置
- * @param {Array} fieldOrder 字段顺序
- * @returns {Array} 表单字段数组
- */
-function convertPtpStatusToArray(ptpStatus, fieldConfigs, fieldOrder) {
-  return fieldOrder.filter(key => key in ptpStatus).map(key => {
-    const config = fieldConfigs[key] || {
-      label: key,
-      formType: 'text'
-    };
-    const value = ptpStatus[key];
-    return _objectSpread2(_objectSpread2({
-      key,
-      value
-    }, config), {}, {
-      rawData: ptpStatus
-    });
-  });
-}
-const PtpModal = _ref => {
-  let {
-    open,
-    onClose,
-    getPtpInfo,
-    updatePtpInfo,
-    fieldConfigs = defaultFieldConfigs,
-    fieldOrder = defaultFieldOrder,
-    modalProps = {},
-    formProps = {}
-  } = _ref;
-  const [ptpStatus, setPtpStatus] = react.useState(null);
-  const [form] = antd.Form.useForm();
-  const {
-    message
-  } = antd.App.useApp();
-  react.useEffect(() => {
-    if (open) {
-      getPtpInfo().then(data => {
-        if (data !== null && data !== void 0 && data[0]) {
-          setPtpStatus(data[0]);
-          form.setFieldsValue(data[0]);
-        }
-      });
-    }
-  }, [open, form, getPtpInfo]);
-  const ptpStatusArray = react.useMemo(() => {
-    if (!ptpStatus) return [];
-    return convertPtpStatusToArray(ptpStatus, fieldConfigs, fieldOrder);
-  }, [ptpStatus]);
-  const handleValueChange = changedValues => {
-    if ('t1_domain_number' in changedValues) {
-      setPtpStatus(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-        t1_domain_number: changedValues.t1_domain_number
-      }));
-    }
-  };
-  const handleSubmit = async () => {
-    try {
-      const values = await form.validateFields();
-      const response = await updatePtpInfo(values);
-      if (response) {
-        message.success('Success');
-        setTimeout(() => {
-          onClose();
-        }, 1500);
-      }
-    } catch (error) {
-      console.error('Update failed:', error);
-    }
-  };
-  const renderFormItem = item => {
-    var _item$statusMap, _item$min, _item$max;
-    switch (item.formType) {
-      case 'select':
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
-          options: item.options,
-          disabled: item.readOnly
-        });
-      case 'switch':
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Switch, {});
-      case 'badge':
-        const normalizedValue = typeof item.value === 'boolean' ? item.value ? 1 : 0 : item.value;
-        const status = ((_item$statusMap = item.statusMap) === null || _item$statusMap === void 0 ? void 0 : _item$statusMap[normalizedValue]) || {
-          text: 'Unknown',
-          color: 'gray'
-        };
-        return /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
-          theme: {
-            components: {
-              Badge: {
-                statusSize: 10
-              }
-            }
-          },
-          children: /*#__PURE__*/jsxRuntime.jsx(antd.Badge, {
-            color: status.color,
-            text: status.text
-          })
-        });
-      case 'number':
-        return /*#__PURE__*/jsxRuntime.jsx(antd.InputNumber, {
-          disabled: item.readOnly,
-          controls: false,
-          keyboard: false,
-          min: (_item$min = item.min) !== null && _item$min !== void 0 ? _item$min : Number.MIN_SAFE_INTEGER,
-          max: (_item$max = item.max) !== null && _item$max !== void 0 ? _item$max : Number.MAX_SAFE_INTEGER
-        });
-      default:
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
-          disabled: item.readOnly
-        });
-    }
-  };
-  if (!open || !ptpStatus) return null;
+	  function isSymbol(propType, propValue) {
+	    // Native Symbol.
+	    if (propType === 'symbol') {
+	      return true;
+	    }
 
-  // 合并默认模态框属性和传入的属性
-  const mergedModalProps = _objectSpread2({
-    title: "PTP",
-    width: 650,
-    open,
-    okText: "Apply",
-    cancelText: "Close",
-    onCancel: onClose,
-    onOk: handleSubmit
-  }, modalProps);
+	    // falsy value can't be a Symbol
+	    if (!propValue) {
+	      return false;
+	    }
 
-  // 合并默认表单属性和传入的属性
-  const mergedFormProps = _objectSpread2({
-    form: form,
-    name: "ptpForm",
-    labelCol: {
-      span: 8
-    },
-    wrapperCol: {
-      span: 16
-    },
-    autoComplete: "off",
-    onValuesChange: handleValueChange
-  }, formProps);
-  return /*#__PURE__*/jsxRuntime.jsx(antd.Modal, _objectSpread2(_objectSpread2({}, mergedModalProps), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx(antd.Form, _objectSpread2(_objectSpread2({}, mergedFormProps), {}, {
-      children: ptpStatusArray.map(item => /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-        label: item.label,
-        name: item.key,
-        initialValue: item.value,
-        children: renderFormItem(item)
-      }, item.key))
-    }))
-  }));
-};
-var PtpModal$1 = /*#__PURE__*/react.memo(PtpModal);
+	    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+	    if (propValue['@@toStringTag'] === 'Symbol') {
+	      return true;
+	    }
 
-const NetworkFieldGroup = _ref => {
-  var _fieldConfig$netmask$, _fieldConfig$netmask;
-  let {
-    prefix,
-    interfaces,
-    fieldConfig = {}
-  } = _ref;
-  // 默认字段配置
-  const defaultFieldConfig = {
-    name: {
-      label: "Name",
-      enabled: true
-    },
-    ip: {
-      label: "IP Address",
-      enabled: true
-    },
-    netmask: {
-      label: "Netmask",
-      enabled: true
-    }
-  };
-  const mergedFieldConfig = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultFieldConfig), fieldConfig), {}, {
-    netmask: {
-      label: "Netmask",
-      enabled: (_fieldConfig$netmask$ = (_fieldConfig$netmask = fieldConfig.netmask) === null || _fieldConfig$netmask === void 0 ? void 0 : _fieldConfig$netmask.enabled) !== null && _fieldConfig$netmask$ !== void 0 ? _fieldConfig$netmask$ : defaultFieldConfig.netmask.enabled // 合并 enabled
-    }
-  });
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(antd.Typography.Title, {
-      level: 5,
-      style: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 16
-      },
-      children: prefix
-    }), interfaces.map((iface, index) => /*#__PURE__*/jsxRuntime.jsxs("div", {
-      children: [mergedFieldConfig.name.enabled && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-        label: mergedFieldConfig.name.label,
-        name: [prefix, index, "display_name"],
-        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
-          disabled: true
-        })
-      }), mergedFieldConfig.ip.enabled && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-        label: mergedFieldConfig.ip.label,
-        name: [prefix, index, "ip_address"],
-        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {})
-      }), mergedFieldConfig.netmask.enabled && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-        label: mergedFieldConfig.netmask.label,
-        name: [prefix, index, "netmask"],
-        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {})
-      }), index < interfaces.length - 1 && /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {
-        style: {
-          marginBlock: 16
-        }
-      })]
-    }, iface.id || index))]
-  });
-};
-const NetworkSettingsModal = _ref2 => {
-  let {
-    open,
-    onClose,
-    getLanConfig,
-    // 可选 - 单独获取LAN配置的函数
-    getSysConfig,
-    // 可选 - 单独获取QSFP配置的函数
-    getConfig,
-    // 可选 - 统一获取配置的函数
-    updateLanConfig,
-    updateSysConfig,
-    restart,
-    modalProps = {},
-    formProps = {},
-    fieldConfig = {},
-    sections = ['LAN', 'QSFP'],
-    showNetmask = {
-      LAN: true,
-      QSFP: false
-    },
-    restartRemark
-  } = _ref2;
-  const {
-    message,
-    modal
-  } = antd.App.useApp();
-  const [form] = antd.Form.useForm();
-  const [st2110Interfaces, setSt2110Interfaces] = react.useState([]);
-  const [lanConfigs, setLanConfigs] = react.useState([]);
-  const [submitLoading, setSubmitLoading] = react.useState(false);
-  const [isInitialized, setIsInitialized] = react.useState(false);
-  const initializationStatus = react.useRef({
-    hasFetched: false,
-    hasInitialized: false
-  });
-  const preparedFieldConfig = react.useMemo(() => {
-    const config = _objectSpread2({}, fieldConfig);
+	    // Fallback for non-spec compliant Symbols which are polyfilled.
+	    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+	      return true;
+	    }
 
-    // 确保LAN和QSFP的配置存在
-    config.LAN = config.LAN || {};
-    config.QSFP = config.QSFP || {};
-    if (sections.includes('LAN')) {
-      config.LAN.netmask = _objectSpread2(_objectSpread2({}, config.LAN.netmask || {}), {}, {
-        enabled: showNetmask.LAN
-      });
-    }
-    if (sections.includes('QSFP')) {
-      config.QSFP.netmask = _objectSpread2(_objectSpread2({}, config.QSFP.netmask || {}), {}, {
-        enabled: showNetmask.QSFP
-      });
-    }
-    return config;
-  }, [fieldConfig, showNetmask, sections]);
-  react.useEffect(() => {
-    if (!open) return;
-    const fetchData = async () => {
-      if (initializationStatus.current.hasFetched) return;
-      try {
-        initializationStatus.current.hasFetched = true;
-        if (getConfig) {
-          // 使用统一接口获取数据
-          const config = await getConfig();
-          if (sections.includes('LAN') && config.lan_interfaces) {
-            setLanConfigs(config.lan_interfaces);
-          }
-          if (sections.includes('QSFP') && config.interfaces) {
-            setSt2110Interfaces(config.interfaces);
-          }
-        } else {
-          const promises = [];
-          if (sections.includes('LAN')) {
-            promises.push(getLanConfig());
-          }
-          if (sections.includes('QSFP')) {
-            promises.push(getSysConfig());
-          }
-          const results = await Promise.allSettled(promises);
-          if (sections.includes('LAN') && getLanConfig) {
-            const lanResult = results[0];
-            if (lanResult.status === 'fulfilled') {
-              setLanConfigs(lanResult.value || []);
-            }
-          }
-          if (sections.includes('QSFP') && getSysConfig) {
-            const sysResult = sections.includes('LAN') ? results[1] : results[0];
-            if (sysResult.status === 'fulfilled' && sysResult.value) {
-              setSt2110Interfaces(sysResult.value.st2110_interfaces || []);
-            }
-          }
-        }
-        setIsInitialized(true);
-      } catch (error) {
-        console.error('Failed to fetch data:', error);
-        initializationStatus.current.hasFetched = false; // 出错时重置
-      }
-    };
-    fetchData();
-  }, [open, getLanConfig, getSysConfig, sections]);
+	    return false;
+	  }
 
-  // 当模态框关闭时重置状态
-  react.useEffect(() => {
-    if (!open) {
-      setIsInitialized(false);
-      setLanConfigs([]);
-      setSt2110Interfaces([]);
-      form.resetFields();
-      initializationStatus.current = {
-        hasFetched: false,
-        hasInitialized: false
-      };
-    }
-  }, [open, form]);
+	  // Equivalent of `typeof` but with special handling for array and regexp.
+	  function getPropType(propValue) {
+	    var propType = typeof propValue;
+	    if (Array.isArray(propValue)) {
+	      return 'array';
+	    }
+	    if (propValue instanceof RegExp) {
+	      // Old webkits (at least until Android 4.0) return 'function' rather than
+	      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+	      // passes PropTypes.object.
+	      return 'object';
+	    }
+	    if (isSymbol(propType, propValue)) {
+	      return 'symbol';
+	    }
+	    return propType;
+	  }
 
-  // 动态初始值配置
-  const initialValues = react.useMemo(() => {
-    const values = {};
-    if (sections.includes('LAN') && lanConfigs.length > 0) {
-      values.LAN = lanConfigs.map(config => _objectSpread2({
-        connection_id: config.connection_id,
-        display_name: config.display_name,
-        ip_address: config.ip_address
-      }, showNetmask.LAN ? {
-        netmask: config.netmask
-      } : {}));
-    }
-    if (sections.includes('QSFP') && st2110Interfaces.length > 0) {
-      values.QSFP = st2110Interfaces.map(iface => _objectSpread2(_objectSpread2({}, iface.id !== undefined && {
-        id: iface.id
-      }), {}, {
-        display_name: iface.display_name,
-        ip_address: iface.ip_address || iface.ip
-      }, showNetmask.QSFP ? {
-        netmask: iface.netmask
-      } : {}));
-    }
-    return values;
-  }, [lanConfigs, st2110Interfaces, sections, showNetmask]);
+	  // This handles more types than `getPropType`. Only used for error messages.
+	  // See `createPrimitiveTypeChecker`.
+	  function getPreciseType(propValue) {
+	    if (typeof propValue === 'undefined' || propValue === null) {
+	      return '' + propValue;
+	    }
+	    var propType = getPropType(propValue);
+	    if (propType === 'object') {
+	      if (propValue instanceof Date) {
+	        return 'date';
+	      } else if (propValue instanceof RegExp) {
+	        return 'regexp';
+	      }
+	    }
+	    return propType;
+	  }
 
-  // 当初始值准备好后设置表单值
-  react.useEffect(() => {
-    if (isInitialized && !initializationStatus.current.hasInitialized) {
-      form.setFieldsValue(initialValues);
-      initializationStatus.current.hasInitialized = true;
-    }
-  }, [isInitialized, form, initialValues]);
-  const handleSuccess = react.useCallback(async function () {
-    let {
-      messageText = 'Success',
-      isPopup = !!restart,
-      refresh = !restart
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    message.success(messageText);
-    if (refresh && getConfig) {
-      try {
-        const newConfig = await getConfig();
-        if (sections.includes('LAN') && newConfig.lan_interfaces) {
-          setLanConfigs(newConfig.lan_interfaces);
-        }
-        if (sections.includes('QSFP') && newConfig.interfaces) {
-          setSt2110Interfaces(newConfig.interfaces);
-        }
-      } catch (error) {
-        console.error('Failed to refresh config:', error);
-      }
-    }
+	  // Returns a string that is postfixed to a warning about an invalid type.
+	  // For example, "undefined" or "of type array"
+	  function getPostfixForTypeWarning(value) {
+	    var type = getPreciseType(value);
+	    switch (type) {
+	      case 'array':
+	      case 'object':
+	        return 'an ' + type;
+	      case 'boolean':
+	      case 'date':
+	      case 'regexp':
+	        return 'a ' + type;
+	      default:
+	        return type;
+	    }
+	  }
 
-    // 如果有restart函数，则显示重启确认框
-    if (isPopup && restart) {
-      try {
-        const updatedConfig = await getSysConfig();
-        if (updatedConfig && updatedConfig.is_restart_required) {
-          modal.confirm({
-            icon: /*#__PURE__*/jsxRuntime.jsx(icons.ExclamationCircleFilled, {}),
-            title: "Configuration modified. Restart to apply changes?",
-            cancelText: "No",
-            okText: "Yes",
-            onOk: () => restart()
-          });
-        }
-      } catch (error) {
-        console.error('Failed to check restart status:', error);
-      }
-    }
-    onClose();
-  }, [message, modal, getSysConfig, restart, getConfig, sections, onClose]);
-  const handleSubmit = react.useCallback(async () => {
-    setSubmitLoading(true);
-    try {
-      const values = await form.validateFields();
-      // console.log("Direct form values:", values);
+	  // Returns class name of the object, if any.
+	  function getClassName(propValue) {
+	    if (!propValue.constructor || !propValue.constructor.name) {
+	      return ANONYMOUS;
+	    }
+	    return propValue.constructor.name;
+	  }
 
-      const updatePromises = [];
+	  ReactPropTypes.checkPropTypes = checkPropTypes;
+	  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+	  ReactPropTypes.PropTypes = ReactPropTypes;
 
-      // 更新LAN配置
-      if (sections.includes('LAN') && values.LAN) {
-        const lanData = values.LAN.map((item, index) => {
-          var _lanConfigs$index;
-          return _objectSpread2({
-            connection_id: (_lanConfigs$index = lanConfigs[index]) === null || _lanConfigs$index === void 0 ? void 0 : _lanConfigs$index.connection_id,
-            ip_address: item.ip_address
-          }, showNetmask.LAN ? {
-            netmask: item.netmask
-          } : {});
-        });
-        updatePromises.push(updateLanConfig(lanData));
-      }
+	  return ReactPropTypes;
+	};
+	return factoryWithTypeCheckers;
+}
 
-      // 更新QSFP配置
-      if (sections.includes('QSFP') && values.QSFP) {
-        const interfacesData = values.QSFP.map((item, index) => {
-          var _st2110Interfaces$ind, _st2110Interfaces$ind2, _st2110Interfaces$ind3;
-          return _objectSpread2(_objectSpread2(_objectSpread2({}, (st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind = st2110Interfaces[index]) === null || _st2110Interfaces$ind === void 0 ? void 0 : _st2110Interfaces$ind.id) !== undefined && {
-            id: st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind2 = st2110Interfaces[index]) === null || _st2110Interfaces$ind2 === void 0 ? void 0 : _st2110Interfaces$ind2.id
-          }), (st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind3 = st2110Interfaces[index]) === null || _st2110Interfaces$ind3 === void 0 ? void 0 : _st2110Interfaces$ind3.ip) !== undefined ? {
-            ip: item.ip_address
-          } : {
-            ip_address: item.ip_address
-          }), showNetmask.QSFP ? {
-            netmask: item.netmask
-          } : {});
-        });
-        const st2110Data = st2110Interfaces.some(iface => 'id' in iface) ? {
-          st2110_interfaces: interfacesData
-        } : {
-          interfaces: interfacesData
-        };
-        updatePromises.push(updateSysConfig(st2110Data));
-      }
-      const results = await Promise.allSettled(updatePromises);
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+
+function requireFactoryWithThrowingShims () {
+	if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
+	hasRequiredFactoryWithThrowingShims = 1;
 
-      // 检查所有更新是否成功
-      const allSucceeded = results.every(result => result.status === 'fulfilled');
-      if (allSucceeded) {
-        handleSuccess();
-      } else {
-        message.error('Some configurations failed to update');
-      }
-    } catch (error) {
-      console.error('Failed to update configurations: ', error);
-      message.error('Failed to update configurations');
-    } finally {
-      setSubmitLoading(false);
-    }
-  }, [form, sections, lanConfigs, st2110Interfaces, updateLanConfig, updateSysConfig, handleSuccess, message]);
+	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret();
 
-  // 合并默认模态框属性和传入的属性
-  const mergedModalProps = _objectSpread2({
-    title: "Network Settings",
-    width: 650,
-    open,
-    confirmLoading: submitLoading,
-    onOk: handleSubmit,
-    onCancel: onClose,
-    okText: "Apply",
-    cancelText: "Close",
-    centered: true,
-    destroyOnHidden: true,
-    forceRender: true,
-    styles: _objectSpread2({
-      body: {
-        padding: "16px 24px 8px 24px"
-      }
-    }, restartRemark !== null && {
-      footer: {
-        paddingBottom: 28
-      }
-    })
-  }, modalProps);
+	function emptyFunction() {}
+	function emptyFunctionWithReset() {}
+	emptyFunctionWithReset.resetWarningCache = emptyFunction;
 
-  // 合并默认表单属性和传入的属性
-  const mergedFormProps = _objectSpread2({
-    form: form,
-    labelCol: {
-      span: 6
-    },
-    wrapperCol: {
-      span: 18
-    },
-    autoComplete: "off"
-  }, formProps);
-  return /*#__PURE__*/jsxRuntime.jsxs(antd.Modal, _objectSpread2(_objectSpread2({}, mergedModalProps), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Form, _objectSpread2(_objectSpread2({}, mergedFormProps), {}, {
-      children: [sections.includes('LAN') && lanConfigs.length > 0 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(NetworkFieldGroup, {
-          prefix: "LAN",
-          interfaces: lanConfigs,
-          fieldConfig: preparedFieldConfig.LAN
-        }), sections.includes('QSFP') && st2110Interfaces.length > 0 && /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {})]
-      }), sections.includes('QSFP') && st2110Interfaces.length > 0 && /*#__PURE__*/jsxRuntime.jsx(NetworkFieldGroup, {
-        prefix: "QSFP",
-        interfaces: st2110Interfaces,
-        fieldConfig: preparedFieldConfig.QSFP
-      })]
-    })), restartRemark]
-  }));
-};
-var NetworkSettingsModal$1 = /*#__PURE__*/react.memo(NetworkSettingsModal);
+	factoryWithThrowingShims = function() {
+	  function shim(props, propName, componentName, location, propFullName, secret) {
+	    if (secret === ReactPropTypesSecret) {
+	      // It is still safe when called from React.
+	      return;
+	    }
+	    var err = new Error(
+	      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	      'Use PropTypes.checkPropTypes() to call them. ' +
+	      'Read more at http://fb.me/use-check-prop-types'
+	    );
+	    err.name = 'Invariant Violation';
+	    throw err;
+	  }	  shim.isRequired = shim;
+	  function getShim() {
+	    return shim;
+	  }	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+	  var ReactPropTypes = {
+	    array: shim,
+	    bigint: shim,
+	    bool: shim,
+	    func: shim,
+	    number: shim,
+	    object: shim,
+	    string: shim,
+	    symbol: shim,
 
-const LeftList = /*#__PURE__*/react.memo(_ref => {
-  let {
-    dataSource,
-    selectedPresetId,
-    onSelectPreset,
-    onAddNew,
-    onRemove,
-    hasPresets = dataSource.length > 0,
-    showDescription = false,
-    texts = {
-      newButton: "New Preset",
-      removeButton: "Remove"
-    }
-  } = _ref;
-  // 动态计算列布局
-  const gridColumns = showDescription ? "grid-cols-3" : "grid-cols-2";
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "h-full left-list-wrapper",
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "list-container",
-      children: /*#__PURE__*/jsxRuntime.jsx(antd.List, {
-        header: /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "grid ".concat(gridColumns, " w-full list-header"),
-          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-            children: "Name"
-          }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            children: "Create Time"
-          }), showDescription && /*#__PURE__*/jsxRuntime.jsx("div", {
-            children: "Description"
-          })]
-        }),
-        dataSource: dataSource,
-        rowKey: "id",
-        renderItem: item => /*#__PURE__*/jsxRuntime.jsx(antd.List.Item, {
-          className: "list-item ".concat(selectedPresetId === item.id ? 'selected' : ''),
-          style: {
-            padding: "9px 24px"
-          },
-          onClick: () => onSelectPreset(item),
-          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "grid ".concat(gridColumns, " w-full text-text-normal"),
-            children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-              title: item.name,
-              children: item.name || "Untitled Preset"
-            }), /*#__PURE__*/jsxRuntime.jsx("div", {
-              children: item.create_time
-            }), showDescription && /*#__PURE__*/jsxRuntime.jsx("div", {
-              children: item.description
-            })]
-          })
-        }),
-        locale: {
-          emptyText: /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "p-8",
-            children: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
-              image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
-              description: /*#__PURE__*/jsxRuntime.jsx("span", {
-                className: "text-gray-400",
-                children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-                  type: "link",
-                  onClick: onAddNew,
-                  className: "p-0 h-auto",
-                  icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
-                  children: "Create new preset"
-                })
-              })
-            })
-          })
-        }
-      })
-    }), hasPresets && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "p-4",
-      style: {
-        paddingInline: 24
-      },
-      children: /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
-        size: "middle",
-        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-          type: "default",
-          icon: /*#__PURE__*/jsxRuntime.jsx(icons.PlusOutlined, {}),
-          style: {
-            padding: "20px 12px"
-          },
-          className: "btn-gray",
-          onClick: onAddNew,
-          children: texts.newButton
-        }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-          type: "default",
-          style: {
-            padding: "20px 12px"
-          },
-          className: "btn-gray",
-          onClick: onRemove,
-          children: texts.removeButton
-        })]
-      })
-    })]
-  });
-});
-const SubmitButton = _ref2 => {
-  let {
-    loading,
-    action,
-    children,
-    disabled = false
-  } = _ref2;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "submit-btn-wrapper",
-    children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-      className: "btn-gray",
-      loading: loading,
-      onClick: action,
-      disabled: disabled,
-      children: children
-    })
-  });
-};
-const RightDetailForm = /*#__PURE__*/react.memo(_ref3 => {
-  let {
-    form,
-    onSave,
-    onLoad,
-    isLoading,
-    isEditing,
-    originalPresetData,
-    fields = {
-      name: {
-        label: "Preset Name",
-        placeholder: "Enter preset name",
-        required: true
-      }
-    },
-    texts = {
-      loadButton: "Load",
-      saveButton: "Save"
-    },
-    presetChanged
-  } = _ref3;
-  const [initialSelected, setInitialSelected] = react.useState([]);
-  const currentSelected = antd.Form.useWatch('category_list', form) || [];
+	    any: shim,
+	    arrayOf: getShim,
+	    element: shim,
+	    elementType: shim,
+	    instanceOf: getShim,
+	    node: shim,
+	    objectOf: getShim,
+	    oneOf: getShim,
+	    oneOfType: getShim,
+	    shape: getShim,
+	    exact: getShim,
+
+	    checkPropTypes: emptyFunctionWithReset,
+	    resetWarningCache: emptyFunction
+	  };
+
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
+	};
+	return factoryWithThrowingShims;
+}
 
-  // 检查是否包含category_list字段
-  const hasCategoryList = fields.category_list !== null && fields.category_list !== undefined;
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-  // 初始化 category_list 的选择状态
-  react.useEffect(() => {
-    if (hasCategoryList) {
-      const currentValue = form.getFieldValue('category_list') || [];
-      setInitialSelected(currentValue);
-    }
-  }, [presetChanged, form, hasCategoryList]); // 当presetChanged变化时更新
+var hasRequiredPropTypes;
 
-  // 动态生成 checkbox 选项
-  const checkboxOptions = react.useMemo(() => {
-    if (!hasCategoryList) return [];
-    return fields.category_list.options.map(category => {
-      const isInitiallySelected = initialSelected.includes(category.name);
-      const shouldDisable = isEditing ? !isInitiallySelected : false;
-      return _objectSpread2(_objectSpread2({}, category), {}, {
-        disabled: shouldDisable,
-        initiallySelected: isInitiallySelected
-      });
-    });
-  }, [initialSelected, isEditing, hasCategoryList, fields.category_list]);
-  const handleCheckboxChange = checkedValues => {
-    form.setFieldsValue({
-      category_list: checkedValues
-    });
-  };
-  const handleLoad = async () => {
-    try {
-      const formValues = await form.validateFields();
-      const loadData = {
-        id: form.getFieldValue('id'),
-        // 优先使用表单中的 category_list，如果没有则使用原始数据
-        name: originalPresetData.name,
-        category_list: hasCategoryList ? formValues.category_list || [] : (originalPresetData === null || originalPresetData === void 0 ? void 0 : originalPresetData.category_list) || []
-      };
-      await onLoad(loadData);
-    } catch (error) {
-      console.error('表单验证失败:', error);
-    }
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
-    vertical: true,
-    className: "h-full",
-    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Form, {
-      form: form,
-      layout: "vertical",
-      autoComplete: "off",
-      style: {
-        flex: 1,
-        overflowY: 'auto'
-      },
-      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-        name: "name",
-        label: fields.name.label,
-        rules: [{
-          required: fields.name.required,
-          validator: async (_, value) => {
-            if (!value || value.trim() === '') {
-              return Promise.reject(new Error('Preset name cannot be empty or spaces only'));
-            }
-          }
-        }],
-        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
-          placeholder: fields.name.placeholder,
-          disabled: isEditing
-        })
-      }), hasCategoryList && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-        name: "category_list",
-        label: fields.category_list.label,
-        rules: [{
-          required: fields.category_list.required,
-          message: 'Please select at least one category',
-          validator: (_, value) => {
-            if (value && value.length > 0) {
-              return Promise.resolve();
-            }
-            return Promise.reject(new Error('Please select at least one category'));
-          }
-        }],
-        children: /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox.Group, {
-          className: "grid grid-cols-2 gap-2",
-          onChange: handleCheckboxChange,
-          children: checkboxOptions.map(category => /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox, {
-            value: category.name,
-            disabled: category.disabled,
-            children: category.label
-          }, category.name))
-        })
-      }), fields.description && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
-        name: "description",
-        label: fields.description.label,
-        children: /*#__PURE__*/jsxRuntime.jsx(antd.Input.TextArea, {
-          rows: 4,
-          placeholder: fields.description.placeholder,
-          disabled: isEditing
-        })
-      })]
-    }), isEditing ? /*#__PURE__*/jsxRuntime.jsx(SubmitButton, _objectSpread2(_objectSpread2({
-      action: handleLoad
-    }, hasCategoryList && {
-      disabled: !currentSelected.length
-    }), {}, {
-      children: texts.loadButton
-    })) : /*#__PURE__*/jsxRuntime.jsx(SubmitButton, {
-      action: onSave,
-      loading: isLoading,
-      children: texts.saveButton
-    })]
-  });
-});
+function requirePropTypes () {
+	if (hasRequiredPropTypes) return propTypes.exports;
+	hasRequiredPropTypes = 1;
+	if (process.env.NODE_ENV !== 'production') {
+	  var ReactIs = requireReactIs();
 
-const Preset = _ref => {
+	  // By explicitly using `prop-types` you are opting into new development behavior.
+	  // http://fb.me/prop-types-in-prod
+	  var throwOnDirectAccess = true;
+	  propTypes.exports = /*@__PURE__*/ requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+	} else {
+	  // By explicitly using `prop-types` you are opting into new production behavior.
+	  // http://fb.me/prop-types-in-prod
+	  propTypes.exports = /*@__PURE__*/ requireFactoryWithThrowingShims()();
+	}
+	return propTypes.exports;
+}
+
+var propTypesExports = /*@__PURE__*/ requirePropTypes();
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+
+const SystemOperations = _ref => {
   let {
-    open,
-    onClose,
-    // API 方法通过 props 传入
-    getPresetList,
-    savePreset,
-    removePreset,
-    loadPreset,
-    onLoadSuccess,
-    // 加载成功后的回调
-    onLoadError,
-    // 加载失败后的回调
-    // 字段配置
-    fields = {
-      name: {
-        label: "Preset Name",
-        placeholder: "Enter preset name",
-        required: true
-      }
-    },
-    texts = {
-      title: "Preset Management",
-      emptyText: "Select a preset from the list to view details",
-      deleteConfirm: "Are you sure to delete preset",
-      loadConfirm: "Are you sure you want to load preset",
-      loadText: "Loading...",
-      successText: "Success",
-      newButton: "New Preset",
-      removeButton: "Remove",
-      loadButton: "Load",
-      saveButton: "Save"
-    },
-    // 样式定制
-    width = 1000,
-    height = 680,
-    className = ""
+    onPowerOff,
+    onRestart,
+    powerOffLabel = "Power Off",
+    restartLabel = "Restart",
+    iconClassName = "seeder-iconfont seeder-icon-guanji1 text-xl text-neutral-400",
+    confirmTitle = "Confirm",
+    cancelText = "No",
+    okText = "Yes",
+    run
   } = _ref;
   const {
-    message: AntdMessage,
     modal: AntdModal
   } = antd.App.useApp();
-  const [presetList, setPresetList] = react.useState([]);
-  const [selectedPreset, setSelectedPreset] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [presetChanged, setPresetChanged] = react.useState(0);
-  const [form] = antd.Form.useForm();
-
-  // 获取预设列表
-  react.useEffect(() => {
-    fetchPresetList();
-  }, []);
-  const fetchPresetList = react.useCallback(async () => {
-    try {
-      const data = await getPresetList();
-      const presets = (data === null || data === void 0 ? void 0 : data.preset_list) || data || [];
-      setPresetList(presets);
-    } catch (error) {
-      console.error('Failed to fetch preset list:', error);
-    }
-  }, [getPresetList]);
-  const handleSelectPreset = react.useCallback(preset => {
-    setSelectedPreset(preset);
-    form.setFieldsValue(preset);
-    setPresetChanged(prev => prev + 1); // 触发react更新
-  }, [form]);
-  const handleAddNew = react.useCallback(() => {
-    var _fields$category_list;
-    const unsavedPreset = presetList.find(item => !item.id);
-    if (unsavedPreset) {
-      AntdMessage.warning('Existing unsaved preset detected.');
-      return;
-    }
-
-    // 创建新的数据，包含所有配置的字段
-    const newPreset = Object.keys(fields).reduce((acc, fieldName) => {
-      acc[fieldName] = '';
-      return acc;
-    }, {});
-
-    // 特殊处理 category_list
-    if ((_fields$category_list = fields.category_list) !== null && _fields$category_list !== void 0 && _fields$category_list.options) {
-      newPreset.category_list = fields.category_list.options.map(item => item.name);
-    }
-    setPresetList([...presetList, newPreset]);
-    setSelectedPreset(newPreset);
-    form.setFieldsValue(newPreset);
-  }, [form, presetList, AntdMessage]);
-  const handleRemove = react.useCallback(async () => {
-    if (!selectedPreset) return;
-
-    // 检查是否为新建的未保存数据（无id）
-    const isUnsavedPreset = !selectedPreset.id;
-    const presetName = selectedPreset.name || 'Untitled Preset';
+  const menuItems = [{
+    key: "poweroff",
+    label: powerOffLabel
+  },
+  // {
+  //   key: "reboot",
+  //   label: rebootLabel,  // 硬重启 物理重启
+  // },
+  {
+    key: "restart",
+    label: restartLabel // 软重启 服务重启
+  }];
+  const doAction = action => {
     try {
       AntdModal.confirm({
         icon: /*#__PURE__*/jsxRuntime.jsx(icons.ExclamationCircleFilled, {}),
-        title: 'Delete Preset',
-        content: "".concat(texts.deleteConfirm, " \"").concat(presetName, "\"?"),
-        cancelText: 'No',
-        okText: 'Yes',
-        onOk: async () => {
-          if (!isUnsavedPreset) {
-            await removePreset({
-              id: selectedPreset.id
-            });
-            AntdMessage.success(texts.successText);
-            // 刷新列表
-            await fetchPresetList();
-          } else {
-            setPresetList(prev => prev.filter(item => !!item.id));
+        title: "".concat(confirmTitle, " ").concat(action, "?"),
+        cancelText,
+        okText,
+        onOk: () => {
+          if (action === 'poweroff' && onPowerOff) {
+            onPowerOff();
+          } else if (action === 'restart' && onRestart) {
+            onRestart();
           }
 
-          // 重置表单和选择状态
-          setSelectedPreset(null);
-          form.resetFields();
+          // Call the run callback after successful operation
+          if (typeof run === 'function') {
+            run();
+          }
         }
       });
     } catch (error) {
-      console.error('Failed to delete preset:', error);
+      console.error("".concat(action.toUpperCase(), " ERROR: "), error);
     }
-  }, [selectedPreset, form, AntdModal, AntdMessage, fetchPresetList, texts]);
-  const handleLoadPreset = react.useCallback(async loadData => {
-    if (!loadData) return;
-
-    // 显示确认对话框
-    AntdModal.confirm({
-      title: 'Load Preset',
-      content: "".concat(texts.loadConfirm, " \"").concat(loadData.name, "\"?"),
-      cancelText: 'No',
-      okText: 'Yes',
-      onOk: async () => {
-        // 显示加载模态框
-        const modalInstance = antd.Modal.info({
-          title: texts.loadText,
-          content: /*#__PURE__*/jsxRuntime.jsx(antd.Spin, {
-            size: "large",
-            className: "block mx-auto"
-          }),
-          maskClosable: false,
-          okButtonProps: {
-            style: {
-              display: 'none'
-            }
-          }
-        });
-        try {
-          await loadPreset(_objectSpread2({
-            id: loadData.id
-          }, loadData.category_list && {
-            category_list: loadData.category_list
-          }));
-          // 成功时延迟关闭
-          setTimeout(() => {
-            modalInstance.destroy();
-            AntdMessage.success(texts.successText);
+  };
+  const handleMenuClick = _ref2 => {
+    let {
+      key
+    } = _ref2;
+    doAction(key);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Dropdown, {
+    menu: {
+      items: menuItems,
+      onClick: handleMenuClick
+    },
+    trigger: ["hover"],
+    children: /*#__PURE__*/jsxRuntime.jsx("a", {
+      onClick: e => e.preventDefault(),
+      children: /*#__PURE__*/jsxRuntime.jsx("i", {
+        className: iconClassName
+      })
+    })
+  });
+};
+SystemOperations.propTypes = {
+  onPowerOff: PropTypes.func,
+  onRestart: PropTypes.func,
+  powerOffLabel: PropTypes.string,
+  restartLabel: PropTypes.string,
+  iconClassName: PropTypes.string,
+  confirmTitle: PropTypes.string,
+  cancelText: PropTypes.string,
+  okText: PropTypes.string,
+  run: PropTypes.func
+};
+var SystemOperations$1 = SystemOperations;
 
-            // 加载成功的外部回调
-            if (onLoadSuccess) {
-              onLoadSuccess(loadData);
-            }
-          }, 1000);
-        } catch (error) {
-          console.error('Failed to load preset:', error);
-          modalInstance.destroy();
+const logoBase64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAGaCAYAAAAfLro4AAAACXBIWXMAAA9hAAAPYQGoP6dpAAAGj2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA5LTA5VDEwOjU2OjU5KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA5LTA5VDEwOjU2OjU5KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wOS0wOVQxMDo1Njo1OSswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowZjE5ZjRmMy1jZWFlLTcwNDUtYTA5OC0xMjJmNzViYjVhYmIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1YmIxNjQ4OC1hYzczLWI3NGYtODczMC1hZGZiY2Y1NTk3OWYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MjdjZjIwMy0zM2IyLWU3NDItYWRhNC0wNGY2YzA5ZTYxOWIiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyN2NmMjAzLTMzYjItZTc0Mi1hZGE0LTA0ZjZjMDllNjE5YiIgc3RFdnQ6d2hlbj0iMjAyNS0wOS0wOVQxMDo1Njo1OSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowZjE5ZjRmMy1jZWFlLTcwNDUtYTA5OC0xMjJmNzViYjVhYmIiIHN0RXZ0OndoZW49IjIwMjUtMDktMDlUMTA6NTY6NTkrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmZkN2NjZDg5LTViMTQtMDI0MC04YjNhLTQzODU2ODk1YTFlZjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlgJupcAADw7SURBVHic7d15vKdz/f/xx5mNGWMsw1hKkaVQkmm1VFQSKr6VLIXIEtK++ZZIRQtJiG+KkpJCKa0SKlJiUJR9X7JvM83m/P54nfkZx5w5n+36vN7X5/O4327nxpw557qezHzOdX2e13sZGBwcRJIkSZIkSSrVmOwAkiRJkiRJ0uJYYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKJZYEmSJEmSJKloFliSJEmSJEkqmgWWJEmSJEmSimaBJUmSJEmSpKIN8PELszO0YjywLLARsD6wPLAKsCawErA0MA6YCEzKiag2DQDfBt4HPJmcpU5WAN4OPAd4HrAOMAWYDCwJLJUXTQUbB5wO7JQdpCJLAy8EtgTWAtbjqdfFEkO/Lw03AFxH/H2p0q7Ad4F5FZ9HYQB4HJg19O+PEv/vHwX+A9wAPAg8AFwJ3AHcP/T1gwl5lW8SsDawDXF/tQawOnENGUe8D5EW5Qng5cS1pCobED+rvIb0tlnATGA28ffqQeB64rr1IHAzcAVw59DX9axx2QGasCJxsdgaeA3wEqLEUu/aG/gM8cLUoi0JvAB4PTAd2Ji4uZKaNSc7QActQbzZ2Bx42dDH84k3q1Iz5nbhHAtKkTrdk9XdMkMfEA8+F2c28A/gJuBu4N9Dv76VeKPgm8beMwA8i3i/sSlxf/Ui4p5LasYgML/icyx40O81pLctzTMfuG4y7NfzgauBa4BbgEuIcvNueuhaVfpf9BWJNx47EaOtnsVTNxzqD2cRNw96uhWBHYjXxjpDv5baUfUNVjdMA94E7E4UVqukplEv6MYIYEf1lG0JosCYvtDnZhJvCB4G/gT8Gfg7UWjN7nI+dc54YDNgX+J9x5q5cdQDBqn+Z7zXEC0wFthw6AOitLoVuBc4A7iQeAgzKyFbx5RYYC0NvJZ4E7IDMDU1jbJtQowqujg7SCFeC7wN2BmHrEsLrAvsMfTh60JS1SbxVLkxHfgA8UbhWuBcYoTWxcSUDpVvGrAbcW/1YhytK6k3jCOuVWsS76chRmj9hHjwcj41LEBLKrCmAfsA2xEXj7GpaVSSzwLb0p2pHKVaGziYWN/KIexSWIV4XWwHrJwbRVKfG0dMM3vR0K9vJqZxXAD8CLg9J5ZGcTDxwHz97CCS1AULrlNziOvTt4hCqzayC6yxRCP4QeCtwKqpaVSqLYkbixnJOTJMBT4OHIAbEkgLTCWmeHwYR1xJKtMaQx/bEA/iLiY2p/klsYi8cu0IfJSnTw2VpH4xgXiPvSVwGrGZ0++owTT4zAJrbWKR7r1wXSuN7uvEYpr9ZGvgeOC52UGkgmwOnECs/SZJdTCZeJOwBfBX4EzgHGLHQ3XXqsA3gbdkB5GkQuxCjES9BPgq8GsKnvk0JuGcKwKHAX8hnnxYXqkRrybWResHywOnEDe3lldSWAI4FvgNlleS6mkcsQ7JkcBlwKnA9sDEzFB9ZG/gciyvJGm48cT77XOIqYU7Dn2uON0ssMYS6/f8Fvg0TvtQ8w4jf9pr1TYkXiO74Tpw0gJrA78A9qfQi6kkNWkZ4F3Aj4E/EFOil0pN1LsmA98ATgRWSs4iSaXbGPguscj7xqN8bdd1q8BaCfgpcZHesEvnVO/ZEHhddogKbQuch+sxSAt7DfEk6PXJOSSpCmOBVxCjsq4l1st6Tmqi3rIScDaxlqgkqTETgE2J96YnAqunpllINwqs3YAriTfnUjvGAkdlh6jIgcDPicWpJcX16a1EeeUGH5L6wWrAIcDfgM8To0/VutWAC/EBiCS1aiIx/foCYCcKmA1VZYE1hVgk8RQcrqvOWY/eW7vgk8STV0lP+QTx1FyS+s004H+JBXWPJooYNefZxAP052cHkaQe8FzgB8DPSF4KqsoC6xRim3Op076ZHaCDPgscTgFttlSQ5wBfBAayg0hSoqnAB4g1sg7FNbIatTZwKbBcdhBJ6jFbA1cD78gKUEWBNYZ4U759BceWAFYG3pMdok0DwK7AZ7KDSAU6LjuAJBVkTeJ+4Vrgf4hdWbVoU4mFh516LknVWBX4EfA5Yq2srup0gTWR2BL4kA4fV1rYGOCD1Hs3srWBk3GnQWm4jwDbZIeQpMIMEFMJzwR+SWx3rmf6CDF9UJJUnQHiwcrvgTW6eeJOFlhjiFXqd+7gMaWRbAC8MTtEG46ge7uASnXxBuCrOHVQkhZnC+BXwLG4+cvCphLrikqSumNT4M/AJt06YafeQC9LrEy/cYeOJzXijOwALXo+TrGVhns2MbJAkjS6ScD+xC57mydnKcESwPfxAYgkddsqwDnELoWV60SBNZl4CrRZB44lNWMiMZWwTpYmptlKespY4ATi9SFJatz6wI/xIfJ+wFbZISSpTy1P7FK4W9UnarfAmkzsjPLKDmSRWrE39dplZk/gZdkhpMLsiOteSVKrphIzIT4KLJkbJcU04KjsEJIkTgD2rfIE7RZYPwFe2okgUovWBV6VHaJBywBfyw4hFWZV4HvZISSp5sYT62ueC6yYnKXbzsoOIEkC4iHKN4lRsZVop8A6hXovoq3e8Y7sAA36RXYAqTADxBa8bmggSe0bSyzw/k/gLfTHelBbU58HmZLULw4HXlDFgVt90/BRujC/UWrQLtkBGrAJMD07hFSY5+C1RJI6bUViXazDsoN0weH4EESSSjMFOLSKA7fyA38T4IudDiK1YTzl7+r3AWLReUlPOQ4Ylx1CknrQBOB/gdPp3SmFWwAbZIeQJC3SDsCRnT5oswXWFODXRGEgleQwyv17+QLqM81R6pYpuHC7JFXtncBfqGgqR7LTswNIkhbrw8ABnTxgMwXWOGI48uROBpA6ZH1g2+wQI/h6dgCpQMdnB5CkPvE84CJgq+wgHfQWYtt2SVLZjgZe3amDNVNg7QVs2akTSxX4UnaARXgB8NrsEFJhpgIbZ4eQpD6yInAO9Vg3dDTjgHcRi9ZLkso2FvgVsEInDtZogbUCPi1X+dYmnsiV5C2UO7VRyrIVsEZ2CEnqM+OJXcQ/Rr0XPp9E7D4oSaqHScAviCVE2tLoxevcdk8kdcm3KeembAn6ZxtrqRlbZAeQpD41DvgycFB2kDZsDSyVHUKS1JRXAJ9o9yCNvNHfGZje7omkLlke2CM7xJAl8LUjLUopr1FJ6leHAScCS2YHacGe2QEkSS05CNisnQM0UmAdiXPMVR9jiN0OSpi2tzH1vDGUquRaipJUhr2JEqtuXp8dQJLUsp8AS7f6zaMVWB8BVm714FKSdYH3ZocgXj+Snu4N2QEkSf/frsQOUeOSczRqp+wAkqS2TAM+2+o3L67AmgR8pdUDS8mOzg6Auw9Ki7JddgBJ0tN8ADghO0SD1swOIElq20docUOnxRVYn8bFp1VfE4BPJp5/IvV5mil1yyrEUxepLp7MDiB1yZ7AwdkhGrBudgCpCYPZAaSC/bKVbxqpwFoOeFfrWaQifAJ4btK5X5x0XqlVk7twjuVwTUXVSzdeF1IpDgY+RbkPsKcA62WHkJqwJGWsyyuV6AXA7s1+00gjRDYGVmsnTYFmA/cDdwJ341PVfrA8MeLj1oRz99Lug48D/wRux/KhV40HLu7CeVahd0YmPgrcBdwMzKLcN3xq3QA514/S/AaYmR2iRYPEkhiTiPJjJWKH4GVpbCOjfjMW+CLwCHB8cpZFWYb4M+wFc4mfLzcCT+A1pFfNJO4X+tlfgdvwPUSjBonicyViLfLliGtYr/o4cBZNvE5GeiPx7Y7EyXc/cD5wBXD50McDOJyzn2TdEKyddN5OmQOcB/wWuAC4Cl83at/K1LvAGiReF78n3tT/k3gTIvWy9wJ3ZIfokBWHPtYn3hw8m3hguzqwEe4cvMBxwHXEz7uSTCCWaKizGcCvgYuI+6tZmWGkLvgCcE52iJpagRil9BJibeU3Uf+fgcOtC7wZOK3Rb1jUG4lXU++nG4PANcDJxAXin7lxlCyrdFkq6bztGgR+RSyCfwG+OVdnrUY9n8ANEg9DjiGKq9m5caSuquv1bFHuG/q4ZqHPDRDbeT+PeKPwfGA3YsRoPxdapwEvp6xRiOOIEXR1dD3wdeAHwEPJWaRucip+6+4H/jT0cQJxndoGeBuxXE2vXJ9Pps0C64DOZem6G4DPA2fgEw3lquNQ8AeBfYGzgXnJWdR7BoCp2SFa8ARwIHAqFrpSLxokpi7MGPqAKBo2BLYENgdeRO+8UWjUNGI9rH2zgyxkPPUsFU8D9sOpZJJaNxf499DHMcDLgPcD21PPn4sLG0/sSnhkI188fP7/KsTTljo6EtgC+C6WV8q3SnaAJl0LvAb4MZZXqk7dpqHeQwzX/g6WV1I/eZgYhXwQsBUxdeOzwF/orzVU9yHWCyvFIPW6jswl/h/uiuWVpM6ZB1xCjBbeiN4YfLAnDV5vhhdYLyZv17ZW3QfsBHyUWGRaKkGdFoe9AXgj8I/sIFJBHiBeF3/MDiIp1SPAZcDngE2BbYGTgP9khuqi39F/o886ZS/g/+iv0lNS98wlBiG8jbg2XZ0bpy3rAi9t5AuHv8l+T+ezVOpeYtTV6dlBpJqaSTxZtvyVnjKHGHVxVXYQSUWZT6wTuRexY/eH6f3r50uJ8k7N+RgxK0SSqjZIrNG6OXBUcpZ2HNLIFw0vsN7S+RyVuZOY++moEak1g0RpfWd2EKkgg8ChxIgLSRrJjcDXiB0NP0w8Be9VHwbemh2iRv5KrKMmSd30ALGW1G7Uc9ryJjSw2dPCBdZa1GcBsDuI9Xp6/amXVKV/ERseSHrKA8AXs0NIqo3HiCJrc2Jk1l25cSrzPWD17BA1sQuumygpz/eIxd0fTs7RipNG+4KFC6w9KgzSaTsQT74ktW7P7ABSgep0LZRUjnuJG+/1iI2F7suN03FTiP++Re1grqd8h1hbVJIynQ9Mp37XojcyylrSC//mRtVm6ZgLiFX3JbXuHnwdScPdAvw8O4SkWnuE2FhoE+AX9NYC3q8jpqZoZHVef0ZSb7mJKIQeyA7ShBWIHcBHtKDAmgxsWHWaDjkyO4DUA76QHUAq0G+yA0jqGdcT60btTLyJ6BUnAWtmhyjU5bi8iaSyXEHMXquL8cBLFvcFCwqsFxIlVumuBi7KDiH1gD9nB5AK5PVFUic9CfwIeDXwfWKTiF5wErBEdogC3U2siSZJJTkf2DU7RBO2W9xvLiiwVgMmVh6lfSdQzxX1pZI8AjyYHUIqzGP09i5ikvLcCbwb+L/sIB3yWkaZ4tGn/k3vlJSSesvpwA+yQzRoOrDySL+5oMBallEWyyrE8dkBpB7wGDAnO4RUmJnE03NJqsr+xO6/87KDdMBZNLDdeZ+5LDuAJI1gLrGB1/zsIA161Ui/saC0WrtLQdpxYnYAqUeMox6FtdRNA9kBJPW8+cA7gU9R/wdJA8SOe3rK3OwAkrQY/wW2zg7RoN1H+o0xxNpXa3UtSusOyg4gSepplliSuuGrwNup/3T+/wFemh2iII5Ik1S63w19lO4tI/3GGGB14Nldi9Kae4CHs0NIkiRJHfBzYHPg/uwgbZgMHJUdQpLUsEHg69RjxOhqi/rkGGCjkX6zIL/GRRElSZLUO64CXgzMSM7Rjs2AHbNDSJIadi7wr+wQDVhvUZ9csA5O6dMmbsYCS5IkSb3lLmJHv79mB2nDsdkBJElNOTQ7QANetqhPjiG2KZzW3SxNGSS2H5YkSZJ6zT3ApsBfsoO0aDlgj+wQkqSGnQnMzg4xig1ZxNqCY4CplD0CaxCYlR1CkiRJqshc4G3AddlBWjCG2FlxQnYQSVLDTssOMIo1gInDPzmG8pu32cDt2SEkSZKkCt0FvBK4NztIC9YiCjhJUj18NzvAKJYGxg3/5BjKHn0FkXHJ7BCSJElSxR4CtgL+kx2kBadmB5AkNewm4I7sEIsxkRGmEC7R/SxNmQCsmh1CkiRJ6oIZwF7ZIVowFtg7O4QkqSEPAQ9nh1iMVVhEVzWGmGv/367HadwAi5j7KEmSJPWoc4D9skO04F143y5JdfAEZW+WN5boq55mDHAL8Ei30zTpWdkBJEmSpC46ifIX2R1uM2Dd7BCSpIbclh1gFGsO/8QY4HHKHoEFsA7lr9UlSZIkdcpcYkrezdlBmnRgdgBJUkMezA4wiqnDPzGGmGdf8uJdAFtjgSVJkqT+MhN4Q3aIJu0GTMoOIUka1czsAKOYM/wTY4C7gXu6n6Upk4GVs0NIkiRJXXYj8JHsEE36bHYASdKoBrMDjOIZg5jGEK3btd3P0rQTswNIkiRJCY4C/p4doglvA6Zkh5AkLdYzFkkv3YLAN6amaMy2LGIOpCRJktQH3pwdoAmrARtkh5AkLdb87ADNWlBgPQ48mRmkQR/LDiBJkiQluBs4JDtEgyYQa2FJkso1ITvAKJ4xxXFBgXUD8ER3s7TkPcCK2SEkSZKkBMcC/84O0aDdswNIkhZrqewAo1hy+CcWFFgzgEe6GqU104C3ZIeQJEmSEjwAHJMdokHjgE2yQ0iSRrRKdoBR3DL8Ewsv2nVZ93K0xWmEkiRJ6lfHA9dnh2jQIdkBJEkjWi07wCjuGf6JhQusK7oYpB3PB3bMDiFJkiQleWd2gAZtBIzNDiFJeoblKHt5pkeBucM/uXCBVZfhyAAnAptmh5AkSZISXANckB2iAVOo1+6JktQvpg59lOohRimwHgb+0600bZoCnAeslx1EkiRJ6rLZwHGUv4v4OGB6dghJ0jO8ElghO8RizALmD//kmGG//ll3snTEEsDfgO2Sc0iSJEnd9hPgsewQDdiUKLIkSeXYOzvAKO5nlBFYAN8B5nUlTmdMAn4EfD47iCRJktRlH8oO0IDXAhOyQ0iSnmaz7ACjuBGYOfyTwwusfwE3dCVO50wA/hf4C27VK0mSpP5xcnaABj0/O4Ak6f87LDtAAy5f1CeHF1gPE0VQHb0C+AWxtfA6yVkkSZKkbvhydoAG7JIdQJIEwDLAe7NDNODSRX1yeIEFcETFQaq0LPA+4J/ACcAOwOTMQJIkSVKF/pYdoAH7ZQeQJAHwLmDl7BANWOTMwEUtqPhv4ArgJZXGqdY4YB9gL2AGcO3QPy8CbgMeHfq60nduKcmTwJzsEEo3hthAYTA7iBrma7d6A8TrQvUxSLwu/FmmXnADcW87JTvIYkwk3jDdkx2kQAPEkigD2UHUlDn4XlL1MwB8JjtEAx4Y+niGkXYE2Q+4pLI43TMG2GjoYxfiRvUJYqrk3KF/V2PmAjcDDwF3AHcB1xH/Dx8Cbie2dFZvO2Dowz/r+rgWeDf+mVXpxcBpeCNbN7sAV2WHkDrgfmK78ZILLIA1scBalA2Ak4Als4OoKccD38wOITXpaGCl7BAN+MFIvzFSgXU1MRz5ZZXEyTNATCl0WmFrho/KGySe+D1MlFqXE6XW5UQB6pPt3rMKsHZ2CDVlLoueLq7OWQpYLzuEmjYpO4DUIXcAj1P+m5LXAn/ODlGgpYD1iVFqqo86TMGSFrYpcGB2iAadPdJvjFRgPUG0Xr1WYKmzBohF4JYBnstTu0DOJ0Z9/HXo47fALVho9YLHswOoafPwtVc1R7fVz1ycWqve8jdihFPJXpodoFBziHtn1ccg3hOrXqYAJ2aHaMJFI/3G4p7KH00MR5aaNRZ4IbAHsZj+hcC5wK7EHH9J6iWuW1I/A/jnpt7y6+wADViDeOipp/NnUT05ul11cgz1mS1wNosp9Ud74bnlrTphNeBNwHeJMmuXoc9JkiSpfd/NDtCAZXHDC0nqpgHgUGC37CBN+P3ifnO0Auts4OLOZZF4JfB94E/AEdSnCZYkSSrZv7IDjGJ5XKhckrrpA8BB2SGa8Bjwx8V9QSNDHz8N/LcjcaSnPAf4BHAZ8D1gQxyKK0mS1Kq/ZQcYxdLAitkhJKlP7A98jZHXPS/RA4yyQ3QjhcEfWMwq8FKbJgLvJhZqOx53uJMkSWrFGdkBGjB8R2tJUucdBhyVHaIFR4z2BY2OeNmZaMOkqiwN7ENsr3wwsU6CJEmSGnMdsZN4yaZnB5CkHrYs8ENiFl0dN08bdafEZqZs7YBbhat6KxILzf0eeDvuzCJJktSIh4C7s0OMYmp2AEnqUVsTU8l3zA7SomMb+aJmCqzzgVNbyyI1bSPgB0MfU5KzSJIklW425Y/AssCSpM5aA/g6sezTWslZWvUE8K1GvrDZRbP3Aq5uOo7UmvFEg3wV8M7kLJIkSSV7nBiFVbKVsgNIUo9YCfgQcClwIPWcMrjApTTYM7Wy69s2wP0tfJ/UqucCpwOfA5ZKziJJklSiJ4Ebs0OMYt3sAJJUYxOIzTAOAS4DjqQ3dnf9CjDYyBe2sqXi7cAewM9wfSJ112eALYE3A/clZ5EkSSpN6QVWKw/PJanfrQNsD7weeCUwOTdOR10C/LrRL26lwAL4OTFc7egWv19q1SuAC4BdgBmpSSRJkspSeoEFMVrAB5GSRjOFWFKmXwwAE4GxwDLAC4Y+Xgq8HJiWF61Sezfzxa0WWBALhT0X+AA+TVF3rQdcROyM2XBbK0mS1OPuzA7QgDnZASTVwi7AwTQ4tawHjCWWyxkAJiVn6ZZfAtc18w3tFFgAHyXawT3aPI7UrKWJaaz7AyclZ5EkSSrBzdkBGjAJeCQ7hKTiXQKsnB1ClTqYJh9qtDty6klgT+C4No8jtWICsd3m1tlBJEmSCrBEdoAGvDg7gKRamAE8nJxB1Tke+Huz39SpqX8fxhJLeU7ODiBJklSAOkzP65fpQJLa997sAKrEA8ABrXxjpwqsOUMBvtah40nNmAacTT2eOkqSJFXlgewADbDAktSon+LGXb1mPrAvLV4LOr34+ieAT3b4mFIjtgO+kR1CkiQpkeWQpF4yHzgcmJcdRB1zHvCTVr+50wXWXOBLwPYdPq7UiL2Ag7JDSJIkJZmaHaABA9kBJNXKGcCt2SHUEY8DW7VzgE4XWAv8FDiCWORd6qZDsECVJEn9qQ7LKVT1/kNS79o7O4DaNh/Yud2DVHkB+RSwH/BYheeQhhsPfA9YJzuIJElSl83ODtCAGdkBJNXO+cAfs0OoLV8Bft7uQap+AnIi8AbiL5zULZOJv3NLZgeRJEnqorWzAzRgZnYASbX0vzjDq67+Qgxwals3hvBeCryOWBvr8S6cTwJ4FnAyMC47iCRJUpdMyw7QgAnZASTV0h+BK7JDqGnXA9t26mDdnIP+SeDltLHivNSkHYGts0NIkiR1yVrZARpwX3YASbX1kewAatouwAOdOli3F1G8ligV3gpchUMAVb2f4SgsSZLUH0pfA3R+dgBJtXYhMcNL9fBG4G+dPGDGLiDzgXOAVxO7Cfw5IYP6S9uLxUmSJBVuDLB6dohR/CM7gKTa2yM7gEb1JDFa7redPnDmNraPAN8m1sfaDbgEn8qoGm8Y+pAkSepVk4HlskOMomPTSCT1reuIATEq163At6o4cGaBtcBs4HvAxsDbiYW3709NpF4zFvi/7BCSJEkVWgJYKjvEKCywJLVrHrFBnMo0E9gGeKyKg5dQYC3sp8B7genAXsT0woeBwbxI6hGrAx/LDiFJklSR5YFVskOM4sHsAJJ6wsXAmdkh9Ay3A68n1j6vRGkFFsR8yduAk4BNgU2A/YndC6/Bhd/VuoOBZ2eHkNRzfMhSP/6ZqRetQ/kjsK7KDlAgfx7Vk39u+fbNDqCn+TexzvklVZ6kxAJruGuAbwLvAF4D7AycCJwPPATMyYummplM/KAbyA5SY5OyA6hpY/HvfNXGZwdQ08bjDrXqPVtlB2jAldkBCjSeuFarPgaIKbvK9QAVrbOkpv2VWHP6lqpPVLebt/uBHw19QAyTXo+YHrbs0K9XB6YS5dyzuh2w5sYBSwLLDP2zF70fOIxYe03Nm0kMDbU4ro878Slh1eYRF2w3IqmPscSfm9RLXpMdYBRPAHdkhyjQgmvIhOQcak4l6/uoKYPA0cBOxEAF5TiDGCTyUDdOVrcCa7i7hz4WNoZoxMcSRZYaN5b4fzcR2Gzo4yXAavTOCIMpwAdx4b9WfR04DQuROpmNhW3VZgCvTc6g5gzyzPsHqe7Wzw4wioeA/2aHKNAM4I3UY2aMnuJ6bmW4Bvg1sRmcumsOsURPV99X173AWpQngVlD//54ZpCau5woK8YDGwFvA7YENqD+05GOwAKrVY/j60oabi6xXbAkZXlHdoAGPIIPVBZlLjG6XVJrdsB1srvtBmLU1e+7fWKbfo1mLnAp8HFgc2APYo5r3e2dHUCSJKlDtskO0IBbgUezQ0jqOYPA4dkh+sgPiJkHXS+vwAJLzXkIOIX4C7sH9X5atD29OQJRkiT1n02yAzTgLzhKQlI1TibWy1Z17gUOAHYh1thNYYGlVswifki8Cvh2cpZWvZFY8F+SJKnOngUsnR2iAedlB5DUs64HzskO0cN+TCwrdFx2EAssteNO4L3A+6jfukgD1GO7aUmSpMWZRmzAU7obsgNI6mn7ZgfoQZcBbyHWGbsrOQtggaXOOAF4K7ETQZ0ckR1AkiSpTWtQ/gisWcB92SEk9bS5wEHZIXrErUQhuCXw8+QsT2OBpU45H3gF8Fh2kCYsRfk3fJIkSYvzEsrfIfoH2QEk9YVvAXdkh+gB/wZOJNbALooFljppBtHS1mmHmf2zA0iSJLXhY9kBGnBCdgBJfeF+6rtGc0m2BF6ZHWJRLLDUaX8BdsoO0YSdswNIkiS1aGdgiewQDfhndgBJfeMQ3PG0E/4vO8CiWGCpCr8kfnDUwbLAytkhJEmSWnBMdoAG/IlYm0aSuuX92QF6wIuALbJDDGeBpap8DbgyO0QDVgLWzA4hSZLUpO2B5bJDNOAiYF52CEl95UTgpuwQPeA72QGGs8BSVR4FDswO0YAJwPTsEJIkSU2YAOxN+ffy84C/Z4eQ1HfmA18BBrOD1NyzgXdmh1hY6Rc91dtFwK+yQzTgRdkBJEmSmrABsFV2iAY8QWFbsEvqGycCD2SHqLmxwCezQyxsXHYA9bw9gbuyQ4xinewAkiRJTTg5O0CDLsX1ryTlGAQ+BOwLzErOssCTwIrAS7KDNGFDYBvg3OQcgAWWqnc/saj71tlBFmPj7ACSJEkN2hV4YXaIBn01O4CkvvZ94CzKmUo4CPwXmE1MBa+LHwDLZIcACyxVby5wJjHMvdQpq+OAVSl/pJgkSepvywIfzw7RhN9lB5DU92ZmB1iEHYlirS6mAB8Ejs6NUW6hoN7yG2IhvZJtmh1AkiRpFHsA62eHaNBJ2QEkqVC/B67ODtGkvYkiK5UFlrrhTuCK7BCjWC07gCRJ0mKsDByZHaJBc4HvZoeQpEI9CnwrO0ST1gXekR3CAkvdckp2gFEUMadXkiRpBD/LDtCE26jf6AJJ6qZvUOb0xsVJH1lrgaVuuSY7wChWyQ4gSZI0gv2Bl2WHaMI5wCPZISSpcDtkB2jB5zJPboGlbrkkO8AoStmZQpIkaWGrAMcCA9lBmvDF7ACSVAO/on6jVd9NTGlPYYGlbpkDPJQdYjGmZQeQJEkaZgD4Y3aIJp0B3J8dQpJq4EngEGBeco5mrE7iWlgWWOqmWdkBFmO97ACSJEkLGQccDzwvO0iT6rLQvCSV4CzgpuwQTTom68QWWOqm8dkBFmNudgBJkqSFvBfYl3pNHfwr5a97KkmleX92gBYcnnFSCyx105PZARZjyewAkiRJQzYDvpkdogWnAo9nh5CkmvktcEF2iCbtDTyn2ye1wFI3zc8OsBi3ZAeQJEkipgyenh2iBfOIxeYlSc37DPVaC2t54EPdPqkFlrpp1ewAi3F9dgBJktT3liN2pSr5nmkkO2cHkKQauxiYkR2iSR8ElujmCS2w1C0vzA4wionZASRJUl9bFrgIWCc5RyvuAX6WHUKSauxJYJ/sEC04vpsns8BSt2yQHWAU92QHkCRJfWsi8BvKf+C3KIPAl4A52UEkqeYuBy7JDtGkPYDnd+tkFljqlm2zA4zi0ewAkiSpL61KvGF5eXaQFj0IHJcdQpJ6xLuyA7Tg03Rpx1wLLHXLdtkBRnF3dgBJktR3phK7T704O0gb3gfMzQ4hST3iVuDs7BBN2glYqRsnssBSN2wDTMgOMYrLswNIklSgwewAPex5wGXA+tlB2nAJ8OPsEJLUQ+YT07LrZCxd2oXWAktVGwC2Iv5Sl2xGdgBJUl8alx1gFG5yUo0tifJn9eQc7fgv8JHsEJLUgy4F/pgdoklvowvXtNJvmlR/U4BdskOM4trsAJKK4EgTZbiJ2L1tdnaQRRgg1jdSZx0AfAVYMjtIm86hfosNV+nJ7ACSesp2wAPZIZp0HDH7qjIWWKransBy2SFGMSM7QJfNw5ssabhBLLCU46KhD/W+McA3gL3pjXvw92QHKIwzWyR10kPAicA+2UGasAWxpuOVVZ3AH7Sq0mTgyOwQDbgxO0CXLU35a5JJ3bYksGJ2CEk97WvAfvRGebUrMDM7RGGmZweQ1FMGga8Dj2YHacKSwCFVnsACS1UZAL6VHaJB/Tb8fRmixJL0lMnAmtkhJPWkVYETiKmDveCPuHD7oqybHUBSz7mWWGagTrYD1q7q4BZYqsobgB2zQzTgXvpzDayXZweQCjMWeH12CEk9Z1ui8NmH3rnvPoBYwF1Ptwo+IJTUee/NDtCCH1Z14F65kKosSwNnZYdo0MPA3dkhEhyRHUAqUKWLTkrqK88Dvks8OX9ecpZO+hBwVXaIQk0HnpMdQlLPmQNclh2iSWsQpX7HWWCp05YBfgMslR2kQTPoz6eIKwIvyA4hFWYN4K3ZISTV2njgcGJh/l3prXvtC4Fjs0MUbq/sAJJ60i+zAzRpMrGYe8f10kVV+ZYEzgZelR2kCYdnB0h0anYAqUCnZAeQVEtTiV35LgM+CTwrN07HzQT2JXYy1sg+QO/92UvK9ytgfnaIJkwAtqziwBZY6pQFI682zw7SpMq2+KyBjYDts0NIhVkGODA7hKTamATsToxOOgnYIDVNdfYG/pUdoiZ+SGxmJEmd8hfgT9khmvQhosjqKAssdcI6wG+BV2cHaVJddkmsyhjgO8C07CBSQQaIkZkvyQ4iqWjPJoqrK4GTgfXp3fvqY4HTskPUyKbA/tkhJPWcD2YHaMH3O33AXr3Qqnu2B86jnrvanZgdoADLAufjcHdpYZOIUn7l7CCSijIG2AT4BvEk/GRgrdRE1bsOOCg7RM0MEH9HdsgOIqmnzAAuSM7QrHfQ4XWXLbDUqtWI3XVOH/r3urkauLHC49dpjYj1gXNxUXdpYSsQizBPzw4iKdUkYlrgx4hpghcCBwDPzQzVRa8HHssOUVPfJ0bp+X5LUqfsSr3WwgL4DB2cVu0PVDXr2cCniUVKd6WCea1d8kvg4QqPf0+Fx67Ci4E/AFsBY5OzqHfVbU2QtYHfAbvg9VLqJ0sT08A+Afwc+CPw5aHP9dM18hTg9uwQCxmgXteR8cRSDZ8HlkvOIqk33An8JDtEk3amgw99vCFXIyYSUwSPBv4OHEb91006quLjD1Z8/CqsTBR7pwMb01836areIPBIdogWLEfs2PkbYDN8XUi9aBKwBvAm4IvAn4lpxEcAWwBT8qKleZC43yvJXOC/2SGaNAB8CrgY2ANYKjeOpJp7krhO1U3Hlu4Z16kDqaeMAVYFXgq8kVikfYvURJ31O+A/FZ9jZsXHr8oA8HZgG2JtszOJm/h7qGcpp7LcTAx7rlsJNEBMo3kdMd32XOLnyE34upDqZCIxPXgasC4xdX5NYEViOr3r3j1ld+JnXEnmAXOIP8e6eQHwbWBPYg2bnxHr2czJiySppq4iNtbYJTtIE7YkrrvXtnugkQqsJYkFG+s+ykbNGUfcyC1P3MStQG+O0tupC+coach9KyYCbwa2Be4j/nv+RayDUafh+2rMOOAS4ua6SncTb0DqVmAtMEC8JrYF7gfuHfq4k/qW1v1qHHAccEWF5ziU2CCjTmsi9pKxxKiqscRyB5OJqYGTiPvcKXg9G8kHiKmTpZkNPAEskx2kDRsPfRxIPEy9DfgnDiroVbOJ0TL3ZgdRz3kf9SqwAL5JDIp5sp2DjPTDcg4xbWKfdg4uFehMql37aoEq3xR10wBRZE/Dxax73XJUX2DdR/0WnhzJCkMf62cHUcveDKxU4fH/CvyiwuNLnTYf+BxwbHaQETxKFAGrZgfpgMlDH88DXpsbRRWaRbxpt8BSpz0GHA/slx2kCRsDryAemrdspNE1TwLvp812TCrMbOAYuvMG+k9dOIfUSQ934Rz342gUlWMaMZ2nKucS04SkujieKLBKvf9/FLglO4TUhFk4TVTVOYp6rS87ng6srTja9LB92z2BVJALgIu6dK45uDaO6qUbU2nuJhYGlkpxaMXH/xJOL1U9fJuY1la6K7MDSE1wmrKqdCP1e1D2OmIkVstGK7C+BdzVzgmkgmzX5fOd3+XzSXVwdnYAaSFLE4uKVuUS2hwqL3XBj6lHeQVwTXYASSrIbtkBWnBSO9/cyALdn2nnBFIhPkH3t17+SpfPJ9XB77MDSAuZDGxQ8TneU/HxpXb8FNiB+owU/HF2AEkqzKeyAzRpbeCtrX5zIwXWD4F7Wj2BVIAbgBMSznsJ5a4jIWU5NzuAtJAxVL8z7e3EiHapNKcCO2aHaMF52QEkqSA/JJbpqItxwMdb/eZGCqxZwCGtnkAqwN7Ewp/dNhu4OOG8UulOzQ4gLeStVL/L6jHA4xWfQ2rGd4BdiXuVunEUliQ95VbglOwQTVqwI2HTGimwAE4EbmrlBFKyo4E/JJ17NrGFuou5S0/nKCyVpupS9R84fVZlmAscDOyVHaQNZ+PObpK0sIOyA7Tg5618U6MFFsCHWjmBlOhq8kcP/oK4WZT0lPOJp0VSKdYF/qfic+xR8fGl0cwFPkxsY17nJQ4eAn6VHUKSCvOB7ABNWpEYCdyUZgqsXwN/b/YEUqI9gEeSM/wT+FNyBqk09wGXZYeQhvkIMKnC4z9IjGiXMjxKrPd2bHaQDpgHnAzMzw4iSQX5HvCv7BBNOpDYUKdhzRRYc4DPNxVHyrMv5bxBrsvW1FI3vT87gDTMxsBLKj7HITgqV913K7AZcGZ2kA76GfBEdghJKsjDxPqGdTKduD41rJkCC2Kr3eub/B6pmwaB4yhrx6d/4o450nB30+Lcd6lCVa/Pdg85u+Kqf50PbApclR2kAnVex0uSqvAV6rdG4GnNfHGzBRbA9i18j9QtlxLrtZW2tsOX8Km7NNwB1O8iq962DPDeis9xBG7uoerNBb4KvBG4IzlLVc4AbsgOIUmF2Tk7QJOWI5ZxaEgrBdb1xHpYUmn+DbyBMoui84C/ZYeQCnMb8JPsENIwBwJLVXj8u3AUlqr1CPAe4OPEelG97JNYCEvSws4i3hfXyb7ACo18YSsF1hzgeLxYqCy3AdsCj2cHWYyqd7iS6uhTuBCvyvIiYLuKz7Efrt+jzhsELgFeSEzJ6Id79TOBy7NDSFJBBonZP3W6BqwFvKWRL2ylwIJYt+TqFr9XqsLrKX8Y+b3AZ7JDSIW5DdcxUXmO6cI5vtiFc6i/fILenjI4Epc3kaSnO5l471knDa1h3WqBBfCONr5X6qTPUJ/NBb5Bby6kKrXje8RCw1IplgfeV/E5TgEeqPgc6g8PAlsTi/c+lpwlw+3Ap7NDSFJhDsgO0KQxwOGNfFGrriN2JZQynQUclR2iCY8Au2eHkAozH9iTsqcAq/8cSiwsWpW7gK9XeHz1h5uA/YFfZQdJdhRwQXYISSrImcCt2SGatBew4uK+oJ0CC+DLwMw2jyG16mTg7dTv7+AVeKMpDXcL8K7sENJCVqT6v5OH0fuLbKsa/wVOBTYGTk/OUoJZwE7Ua80XSapa1Tsrd9pUYhOSEbVbYF0y9CF10zzgc8QLsq43Kg1vFSr1kZ/hOnEqSzemJe3ehXOot/wV2AbYlfqtcVKle6jXqHxJqtqFxOCJOjmUxfRU7RZYAHt04BhSo+YAOwCfBZ5MztKOfwHvp97/DVIVvgD8OjuENGQacb2p0m+ozzqOynUH8fDu1bhu4Ei+RP8tYi9JI5lLDPyokyWJmX6L1IkC6zbg+A4cRxrN34CXAmdnB+mAQeBY4JDkHFJpBnGEospyCDCpwuPfT0yJl0byH2Jh2xcB3wZm58Yp2n3E8hJzs4NIUiF+Sv1GYX0EWGFRv9GJAgvgOODRDh1LWpTvA1sAV2cH6bDDgE/hGijSwq4BPkYs7i6V4KCKj384bmKgZ3oIOAHYlPg7+HBqmvq4FHgNsXGOJAn2yQ7QgkOAgeGf7FSBdQ1O+VA1bgO2I9YI6dWb+yOAD2eHkArzVVwbSOXYn1F2xemAXSo+vurjfmItp9cA78Mppq24hHjweWd2EEkqwFXAb7NDNGl3YimHp+lUgQWxBbrUKfOAk4DNiYWde30kxjeI15BPC6WnfB94M/BAdhD1vWWJdQurdD5wZcXnUNnuAo4mlkv4OL036rzbLif+X16WHUSSks0m1pmtk6WIBd2fppMF1uPAMR08nvrX5cD2wF7ATclZuuk7wJuAa7ODSAX5BTF95tLsIOp7Ve+Q+ThwZMXnUHkGiSfjnwY2BD4E3ErvP7jrlnuIkVjfyg4iSckuon6F/j7Asxb+RCcLLIDPA7M6fEz1jzuBvYnddX6RnCXLJcDrgR/jDoXSAv8CtgK+iW/qlOuUio9/Ku6g1i8eB84BdiLue75ALECuznuMuL/8II50l9Tf3pQdoAXfWPgXnS6w7iMWm5SacR2xmPkLiCdkT+TGSXcXsAOwK/HkUFIsXrwfUWT108hMlWVbYO2Kz/Geio+vXJcT9zwvAt4K/AhLlW75OjAdOC87iCQluR/4XnaIJm1JXDOBzhdYAF8ihkNLo/k7sdPY64CD6d1F2lt1GvByYpF3SeE8YkrhwTgaS903Fdi34nOcB1xQ8TnUXXOBPxPl5IKfX7dkBupjNwLbAO8Gbk7OIkkZTgRmZodowlLEupBANQXWvcDnKjiuesNMYnrge4CXETuNOV1iZLcDnwI2Bs7CaYUSwN3ECIbpxNpxj+bGUZ/5MLB8xef4KlF6qL4eIXbo/ixRWm1KTEF1qY18c4hNQjYgHhLelhtHkrrqYmLjmDp5F/EQkQE+fmEVJxiHN156uoeB3wPHAX/IjVJrbwR2JBa5XyY5i3rLycAe2SFaNJ0oxXdk6OImVeynxM/hKl0PrFXxOdQ584jpzRcR9znXA39LTaRGrQbsTOwGvRYwkBtHPeQhYifMKpc+WB/4R4XHb9cuwA+yQ+gZliHen9fJn4DNqiqwIBajfmVVB1fx5hFDs28jRg6dScy5dcpP+waAFYhdGd4EvJgYWim1o84FFsTrYhlinaw3AetimaXqzCTWZPhzhefYALiywuOrPbcB/yHemJ5PlFa3Af/NDKW2TCDWududeP09NzWNeoEFlgVWyb5J9csidNIsYMtxFZ7gd1hg9ZvbiCGJ/yYWKb2MWJBcnTVIbJjweeDLwCbEWlmbEFtFW2apFWOzA7RpkHiS9EViSsh0YsrOq4iRi1PSkqkXTSLK0ioLrKuAC4HXVHgOjW4ecS9zHTCDeBh3LXANcd8zJy2ZOm0O8dD1LGANYHOifHgDjoZUawaoZsme4ecoWd3vL3vZUcA7qM8D34nA/1Q5AutlxFpHk6o6gbpqkHiqOJ948vwgUVDdSNzA3QzcQKxF4yirHGOJ3bFeRYzKmg6sDowHlsQLiEa2BHAGMb+814wBViJ2L9mE2DRiNeK/eRzx2nDjEbViMvGm9sYKz/EKYmSP19XOGyDuZwaA2URR9QBRVv2ZWGvvEaKsumfoa10eoz8tS9xTvRzYiLjHmkyM2FoiL5ZqYBbxMO26Cs/xIuKBR4mbYU0G9gJOyg6iEZ0BbE097oUHgHsHBgfrkFWSJEmSJEn9quohjZIkSZIkSVJbLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLRLLAkSZIkSZJUNAssSZIkSZIkFc0CS5IkSZIkSUWzwJIkSZIkSVLR/h+CVP12K0zZoAAAAABJRU5ErkJggg==';
+const defaultResetRoute = () => {
+  window.location.href = window.location.origin;
+};
+const useSpaLogo = function () {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    logoUrl = logoBase64,
+    // 使用者传入 logo URL
+    logoWidth = 100,
+    logoAlt = 'logo',
+    onClick = defaultResetRoute,
+    buttonStyle = {
+      padding: 0,
+      lineHeight: 1,
+      height: 'auto',
+      borderStyle: 'none',
+      display: 'inline-block'
+    }
+  } = props;
 
-          // 加载失败的外部回调
-          if (onLoadError) {
-            onLoadError(error, loadData);
-          }
-        }
+  // 如果没有提供 logoUrl，返回空
+  if (!logoUrl) {
+    return [null];
+  }
+  return [/*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+    type: "link",
+    style: buttonStyle,
+    onClick: onClick,
+    children: /*#__PURE__*/jsxRuntime.jsx("img", {
+      alt: logoAlt,
+      src: logoUrl,
+      style: {
+        width: logoWidth
       }
-    });
-  }, [loadPreset, texts, AntdMessage, AntdModal, onLoadSuccess, onLoadError]);
-  const handleSave = react.useCallback(async () => {
-    setLoading(true);
-    try {
-      const values = await form.validateFields();
-      console.log('Form values:', values);
-      await savePreset(values);
-      AntdMessage.success(texts.successText);
-      // 刷新列表
-      await fetchPresetList();
+    })
+  }, "logo")];
+};
+useSpaLogo.propTypes = {
+  logoUrl: PropTypes.string,
+  logoWidth: PropTypes.number,
+  logoAlt: PropTypes.string,
+  onClick: PropTypes.func
+};
+var useSpaLogo$1 = useSpaLogo;
 
-      // 重置表单和选择状态
-      setSelectedPreset(null);
-      form.resetFields();
-    } catch (error) {
-      if (error.errorFields) {
-        // 表单验证错误
-        console.error('Form validation failed:', error.errorFields);
-      } else {
-        console.error('Failed to save preset:', error);
-      }
-    } finally {
-      setLoading(false);
-    }
-  }, [form, AntdMessage, fetchPresetList, savePreset, texts]);
-  return /*#__PURE__*/jsxRuntime.jsx(antd.Modal, {
-    title: texts.title,
-    width: width,
-    open: open,
-    wrapClassName: "preset-management ".concat(className),
-    footer: null,
-    onCancel: onClose,
-    centered: true,
-    styles: {
-      body: {
-        height: "".concat(height, "px")
-      }
-    },
-    children: /*#__PURE__*/jsxRuntime.jsxs(antd.Row, {
-      gutter: 0,
-      className: "h-full w-full",
-      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Col, {
-        span: 14,
-        className: "h-full",
-        children: /*#__PURE__*/jsxRuntime.jsx(LeftList, {
-          dataSource: presetList,
-          selectedPresetId: selectedPreset === null || selectedPreset === void 0 ? void 0 : selectedPreset.id,
-          onSelectPreset: handleSelectPreset,
-          onAddNew: handleAddNew,
-          onRemove: handleRemove,
-          showDescription: !!fields.description // 根据 fields 判断是否显示 description
-          ,
-          texts: {
-            newButton: texts.newButton,
-            removeButton: texts.removeButton
-          }
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(antd.Col, {
-        span: 10,
-        className: "h-full p-6",
-        children: selectedPreset ? /*#__PURE__*/jsxRuntime.jsx(RightDetailForm, {
-          form: form,
-          onSave: handleSave,
-          onLoad: handleLoadPreset,
-          isLoading: loading,
-          isEditing: !!(selectedPreset !== null && selectedPreset !== void 0 && selectedPreset.id),
-          originalPresetData: selectedPreset // 传递原始数据
-          ,
-          fields: fields,
-          texts: {
-            loadButton: texts.loadButton,
-            saveButton: texts.saveButton
+const defaultGetSocketUrl = url => {
+  if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
+    return "ws://127.0.0.1:".concat(window.location.port).concat(url);
+  }
+  return "ws://".concat(window.location.host).concat(url);
+};
+
+/**
+ * 通用 Header 组件
+ * @param {Object} props
+ * @param {React.ReactNode} props.menuElement - 菜单元素
+ * @param {Object} props.productInfo - 产品信息 { productName, version }
+ * @param {boolean} props.showLogo - 是否显示Logo
+ * @param {boolean} props.showProductInfo - 是否显示产品信息
+ * @param {boolean} props.showHardwareUsage - 是否显示硬件使用情况
+ * @param {boolean} props.showSystemOperations - 是否显示系统操作
+ * @param {Function} props.onPowerOff - 关机函数
+ * @param {Function} props.onRestart - 重启函数
+ * @param {Function} props.onRun - 运行函数（用于SystemOperations）
+ * @param {string} props.hardwareMonitorUrl - 硬件监控WebSocket地址
+ * @param {Function} props.getSocketUrl - 获取WebSocket URL的函数
+ * @param {Object} props.logoProps - Logo组件属性
+ * @param {string} props.className - 自定义类名
+ * @param {Object} props.style - 自定义样式
+ */
+const CommonHeader = _ref => {
+  let {
+    menuElement,
+    productInfo = {},
+    showLogo = true,
+    showProductInfo = true,
+    showHardwareUsage = true,
+    showSystemOperations = true,
+    onPowerOff,
+    onRestart,
+    onRun,
+    hardwareMonitorUrl = '/ws/psmonitor/status_update',
+    getSocketUrl = defaultGetSocketUrl,
+    logoProps = {},
+    className = '',
+    style = {},
+    // 新增插槽
+    leftContent // 左侧额外内容
+  } = _ref;
+  const [logo] = useSpaLogo$1(logoProps);
+
+  // 系统资源使用情况
+  const usageElement = useHardwareUsage$1(getSocketUrl(hardwareMonitorUrl));
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+    justify: "space-between",
+    align: "center",
+    className: "common-header ".concat(className),
+    style: style,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+      size: 12,
+      children: [showLogo && logo, showProductInfo && /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+        align: "center",
+        gap: 8,
+        children: [productInfo.productName && /*#__PURE__*/jsxRuntime.jsx(antd.Typography.Title, {
+          level: 4,
+          style: {
+            marginBottom: 0
           },
-          presetChanged: presetChanged
-        }) : /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
-          vertical: true,
-          justify: "center",
-          align: "center",
-          className: "h-full text-gray-400",
-          children: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
-            image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
-            description: texts.emptyText
+          children: productInfo.productName
+        }), productInfo.version && /*#__PURE__*/jsxRuntime.jsx(antd.Typography.Text, {
+          style: {
+            position: 'relative',
+            top: 6,
+            left: -6
+          },
+          children: productInfo.version
+        })]
+      }), leftContent]
+    }), /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+      align: "center",
+      gap: 10,
+      children: [showHardwareUsage && usageElement, /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "header-controls",
+        children: [menuElement && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "control-icon",
+          children: menuElement
+        }), showSystemOperations && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "control-icon",
+          children: /*#__PURE__*/jsxRuntime.jsx(SystemOperations$1, {
+            onPowerOff: onPowerOff,
+            onRestart: onRestart,
+            run: onRun
           })
-        })
+        })]
       })]
-    })
+    })]
   });
 };
-var PresetModal = /*#__PURE__*/react.memo(Preset);
+
+// PropTypes 类型检查
+CommonHeader.propTypes = {
+  menuElement: PropTypes.node,
+  productInfo: PropTypes.shape({
+    productName: PropTypes.string,
+    version: PropTypes.string
+  }),
+  showLogo: PropTypes.bool,
+  showProductInfo: PropTypes.bool,
+  showHardwareUsage: PropTypes.bool,
+  showSystemOperations: PropTypes.bool,
+  onPowerOff: PropTypes.func,
+  onRestart: PropTypes.func,
+  onRun: PropTypes.func,
+  hardwareMonitorUrl: PropTypes.string,
+  getSocketUrl: PropTypes.func,
+  logoProps: PropTypes.object,
+  className: PropTypes.string,
+  style: PropTypes.object
+};
+var CommonHeader$1 = CommonHeader;
+
+const _excluded = ["value", "min", "max", "className", "disablePointerLock", "modifierKeys", "decimalPlaces", "onChange", "onDragStart", "onDragEnd", "style"];
+
+// 默认配置
+const DEFAULT_DECIMAL_PLACES = 2;
+
+// src/react/defaults-and-utils.ts
+// eslint-disable-next-line no-var
+var defaultModifiers = {
+  default: {
+    multiplier: 1,
+    sensitivity: 1
+  }
+  // ctrlKey: { multiplier: 1, sensitivity: 1 },
+  // shiftKey: { multiplier: 10, sensitivity: 0.5 },
+  // metaKey: { multiplier: 1, sensitivity: 1 },
+  // altKey: { multiplier: 1, sensitivity: 1 }
+};
+
+// multiplier: 控制每次鼠标移动时数值变化的基本单位 multiplier: 1- 鼠标移动1像素，值变化1 multiplier: 10- 鼠标移动1像素，值变化10
+// sensitivity: 控制数值变化的灵敏度 sensitivity: 1- 正常灵敏度 sensitivity: 0.5- 减半灵敏度，需要移动2像素才能产生正常1像素的效果
+
+// 修改 formatNumber 函数，强制显示1位小数
+function formatNumber(value) {
+  let decimalPlaces = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DECIMAL_PLACES;
+  return new Intl.NumberFormat("en-US", {
+    minimumFractionDigits: decimalPlaces,
+    maximumFractionDigits: decimalPlaces,
+    useGrouping: false
+  }).format(value);
+}
+function handleArrow(e, multiplier, value) {
+  if (e.key === "ArrowUp") {
+    return value + multiplier;
+  }
+  if (e.key === "ArrowDown") {
+    return value - multiplier;
+  }
+  return value;
+}
+
+// eslint-disable-next-line no-var
+var DragCursor = _ref => {
+  let {
+    cursorPosition
+  } = _ref;
+  return /* @__PURE__ */React.createElement("div", {
+    style: {
+      position: "fixed",
+      left: 0,
+      top: 0,
+      width: "100vw",
+      height: "100vh",
+      pointerEvents: "none"
+    }
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    style: {
+      position: "absolute",
+      left: cursorPosition.x,
+      top: cursorPosition.y,
+      transform: "translate(-50%, -50%)",
+      pointerEvents: "none"
+    }
+  }, /* @__PURE__ */React.createElement("path", {
+    fill: "#000",
+    stroke: "#fff",
+    strokeLinejoin: "round",
+    d: "M6.5 9a.5.5 0 0 0-.8-.4l-4 3a.5.5 0 0 0 0 .8l4 3a.5.5 0 0 0 .8-.4v-1.5h11V15a.5.5 0 0 0 .8.4l4-3a.5.5 0 0 0 0-.8l-4-3a.5.5 0 0 0-.8.4v1.5h-11V9Z",
+    style: {
+      filter: "drop-shadow( 0px 2px 1px rgba(0, 0, 0, .35))"
+    }
+  })));
+};
+
+// eslint-disable-next-line no-var
+var noop = () => {};
+function DraggableNumberInput(_ref2) {
+  let {
+      value,
+      min,
+      max,
+      className = "",
+      disablePointerLock = false,
+      modifierKeys,
+      decimalPlaces = DEFAULT_DECIMAL_PLACES,
+      onChange = noop,
+      onDragStart = noop,
+      onDragEnd = noop,
+      style
+    } = _ref2,
+    restProps = _objectWithoutProperties(_ref2, _excluded);
+  const inputRef = React.useRef(null);
+  const [isMouseDown, setIsMouseDown] = React.useState(false);
+  const [isDragging, setIsDragging] = React.useState(false);
+  const [localValue, setLocalValue] = React.useState(() => formatNumber(value, decimalPlaces));
+  const [cursorPosition, setCursorPosition] = React.useState({
+    x: 0,
+    y: 0
+  });
+  const totalMovement = React.useRef(0);
+  const startValue = React.useRef(0);
+  const startX = React.useRef(0);
+  const currentMultiplier = React.useRef(1);
+
+  // === 新增：编辑状态跟踪 ===
+  const [isEditing, setIsEditing] = React.useState(false);
+  const lastExternalValueRef = React.useRef(value);
+
+  // 修改 formatNumber 调用，传入 decimalPlaces
+  const formatValue = React.useCallback(val => {
+    return formatNumber(val, decimalPlaces);
+  }, [decimalPlaces]);
+  const constrainedOnChange = React.useCallback(newValue => {
+    let constrainedValue = newValue;
+    if (typeof min === "number") {
+      constrainedValue = Math.max(min, constrainedValue);
+    }
+    if (typeof max === "number") {
+      constrainedValue = Math.min(max, constrainedValue);
+    }
+    onChange(constrainedValue);
+  }, [onChange, min, max]);
+  React.useEffect(() => {
+    // 只有当用户不在编辑状态，且外部值真正变化时才更新
+    if (!isEditing && lastExternalValueRef.current !== value) {
+      const formattedValue = formatValue(value);
+      setLocalValue(formattedValue);
+      lastExternalValueRef.current = value;
+    }
+  }, [value, formatValue, isEditing]);
+  const handleInputChange = e => {
+    const val = e.target.value;
+
+    // 标记为编辑状态
+    setIsEditing(true);
+    setLocalValue(val);
+
+    // 允许输入中间状态，不立即触发onChange
+    if (val === '' || val === '-' || val === '.' || val.endsWith('.')) {
+      return; // 输入中，不触发onChange
+    }
+    const num = parseFloat(val);
+    if (!isNaN(num)) {
+      constrainedOnChange(num);
+    }
+  };
+  const handleBlur = () => {
+    // 退出编辑状态
+    setIsEditing(false);
+    const num = parseFloat(localValue);
+    if (!isNaN(num)) {
+      // 根据 decimalPlaces 进行四舍五入
+      const precision = Math.pow(10, decimalPlaces);
+      const processedValue = Math.round(num * precision) / precision;
+      const formattedValue = formatValue(processedValue);
+
+      // 更新显示值
+      setLocalValue(formattedValue);
+      lastExternalValueRef.current = processedValue;
+      // 触发外部变化
+      constrainedOnChange(processedValue);
+    } else {
+      // 如果输入无效，重置为当前外部值
+      const formattedValue = formatValue(value);
+      setLocalValue(formattedValue);
+    }
+  };
+  const handleMouseDown = React.useCallback(e => {
+    if (!inputRef.current) return;
+    let x = 0,
+      y = 0;
+    if ("clientX" in e && "clientY" in e) {
+      [x, y] = [e.clientX, e.clientY];
+    }
+    if ("touches" in e) {
+      [x, y] = [e.touches[0].clientX, e.touches[0].clientY];
+    }
+    setIsMouseDown(true);
+    startX.current = x;
+    startValue.current = value;
+    totalMovement.current = 0;
+    setCursorPosition({
+      x,
+      y
+    });
+  }, [value, disablePointerLock]);
+  const updateDelta = React.useCallback(e => {
+    if (!isMouseDown) return;
+    applyMovement(totalMovement.current, e);
+  }, [isMouseDown]);
+  const getModifiers = React.useCallback(e => {
+    const mods = _objectSpread2(_objectSpread2({}, defaultModifiers), modifierKeys);
+    for (const key in mods) {
+      if (key !== "default" && e[key]) {
+        currentMultiplier.current = mods[key].multiplier;
+        return mods[key];
+      }
+    }
+    currentMultiplier.current = mods.default.multiplier;
+    return mods.default;
+  }, [modifierKeys]);
+  const applyMovement = React.useCallback((newMovement, e) => {
+    const {
+      sensitivity,
+      multiplier
+    } = getModifiers(e);
+    const delta = newMovement * sensitivity * multiplier;
+    let newValue = startValue.current + delta;
+    // 根据 decimalPlaces 进行精度控制
+    const precision = Math.pow(10, decimalPlaces);
+    newValue = Math.round(newValue * precision) / precision;
+    newValue = Object.is(newValue, -0) ? 0 : newValue;
+    constrainedOnChange(newValue);
+  }, [constrainedOnChange, getModifiers, decimalPlaces]);
+  const handleArrowKeyDown = e => {
+    if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const {
+        multiplier
+      } = getModifiers(e);
+      const newValue = handleArrow(e, multiplier, value);
+      constrainedOnChange(newValue);
+    }
+  };
+  const handleModifierKeyDuringDrag = React.useCallback(e => {
+    if (e.key === "Shift" || e.key === "Control" || e.key === "Meta" || e.key === "Alt") {
+      updateDelta(e);
+    }
+  }, [updateDelta]);
+  const handleMouseMove = React.useCallback(e => {
+    if (!isMouseDown) return;
+    if ("touches" in e) {
+      e.preventDefault();
+    }
+    if (!disablePointerLock && document.pointerLockElement && !("touches" in e)) {
+      setCursorPosition(prev => {
+        const width = window.innerWidth;
+        const height = window.innerHeight;
+        const x2 = (prev.x + e.movementX + width) % width;
+        const y = (prev.y + e.movementY + height) % height;
+        return {
+          x: x2,
+          y
+        };
+      });
+    }
+    const x = "touches" in e ? e.touches[0].clientX : e.clientX;
+    const newMovement = disablePointerLock || "touches" in e ? x - startX.current : totalMovement.current + e.movementX;
+    if (!isDragging && newMovement !== 0) {
+      if (!disablePointerLock && !("touches" in e)) {
+        var _inputRef$current, _inputRef$current$req;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || (_inputRef$current$req = _inputRef$current.requestPointerLock) === null || _inputRef$current$req === void 0 || _inputRef$current$req.call(_inputRef$current);
+      }
+      setIsDragging(true);
+      document.addEventListener("keydown", handleModifierKeyDuringDrag);
+      document.addEventListener("keyup", handleModifierKeyDuringDrag);
+      onDragStart();
+    }
+    totalMovement.current = newMovement;
+    applyMovement(newMovement, e);
+  }, [isMouseDown, disablePointerLock, startX, isDragging, onDragStart, applyMovement]);
+  const handleMouseUp = React.useCallback(() => {
+    setIsMouseDown(false);
+    totalMovement.current = 0;
+    if (isDragging) {
+      setIsDragging(false);
+      document.removeEventListener("keydown", handleModifierKeyDuringDrag);
+      document.removeEventListener("keyup", handleModifierKeyDuringDrag);
+      onDragEnd();
+    }
+    if (document.pointerLockElement) {
+      document.exitPointerLock();
+    }
+  }, [isDragging, onDragEnd, disablePointerLock]);
+  React.useEffect(() => {
+    if (isMouseDown) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("touchmove", handleMouseMove, {
+        passive: false
+      });
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("touchend", handleMouseUp);
+      return () => {
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+        document.removeEventListener("touchmove", handleMouseMove);
+        document.removeEventListener("touchend", handleMouseUp);
+      };
+    }
+  }, [isMouseDown, handleMouseMove, handleMouseUp]);
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("input", _objectSpread2({
+    ref: inputRef,
+    type: "text",
+    inputMode: "numeric",
+    pattern: "-?[0-9]*\\.?[0-9]*",
+    value: localValue,
+    onChange: handleInputChange,
+    onBlur: handleBlur,
+    onMouseDown: handleMouseDown,
+    onTouchStart: handleMouseDown,
+    onKeyDown: handleArrowKeyDown,
+    className: "draggable-number-input ".concat(className, " ").concat(isDragging ? "dragging" : ""),
+    style: _objectSpread2(_objectSpread2({}, {
+      cursor: "ew-resize",
+      userSelect: "none",
+      caretColor: isDragging ? "transparent" : "initial"
+    }), style)
+  }, restProps)), isDragging && !disablePointerLock && /* @__PURE__ */React.createElement(DragCursor, {
+    cursorPosition
+  }));
+}
 
 exports.AuthorizationModal = AuthorizationModal$1;
+exports.CommonHeader = CommonHeader$1;
+exports.DraggableNumberInput = DraggableNumberInput;
 exports.NetworkSettingsModal = NetworkSettingsModal$1;
 exports.PresetModal = PresetModal;
 exports.PtpModal = PtpModal$1;