fcr-ui-scene 3.1.0 → 3.2.0

package/lib/modules/setting/audio-settings/audio-settings.js

@@ -12,6 +12,8 @@ require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _radio = require("agora-ui-foundation/lib/components/radio");
@@ -27,11 +29,12 @@ var _speakerDetection = require("../../device-pretest/audio-preview/speaker-dete
 var _mobxReact = require("mobx-react");
 var _context = require("../context");
 require("./index.css");
-var _type = require("agora-edu-core/lib/type");
 var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type2 = require("agora-ui-foundation/lib/components/icon/type");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _constant = require("../../../utilities/constant");
+var _env = require("agora-foundation/lib/utilities/env");
+var _agoraEduCore = require("agora-edu-core");
 var _jsxRuntime = require("react/jsx-runtime");
 var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function () {
   var ns = (0, _useNamespace.useNamespace)('device-settings-audio');
@@ -68,19 +71,19 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
   var noiseReduceOptions = (0, _react.useMemo)(function () {
     return [{
       label: t('fmt_internalsetting_label_automatic'),
-      value: _type.FcrAiDenoiseLevel.AUTO
+      value: _agoraEduCore.FcrAiDenoiseLevel.AUTO
     }, {
       label: t('fmt_setting_option_3alow'),
       addition: t('fmt_internalsetting_tips_backgroundsound'),
-      value: _type.FcrAiDenoiseLevel.LOW
+      value: _agoraEduCore.FcrAiDenoiseLevel.LOW
     }, {
       label: t('fmt_setting_option_3amoderate'),
       addition: t('fmt_internalsetting_tips_fanpan'),
-      value: _type.FcrAiDenoiseLevel.MEDIUM
+      value: _agoraEduCore.FcrAiDenoiseLevel.MEDIUM
     }, {
       label: t('fmt_setting_option_3ahigh'),
       addition: t('fmt_internalsetting_tips_dogbarking'),
-      value: _type.FcrAiDenoiseLevel.HIGH
+      value: _agoraEduCore.FcrAiDenoiseLevel.HIGH
     }];
   }, [t]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -139,7 +142,8 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
           microphoneDeviceList: microphoneDeviceList,
           setMicrophoneDevice: setMicrophoneDevice,
           startMicrophoneTest: startMicrophoneTest,
-          stopMicrophoneTest: stopMicrophoneTest
+          stopMicrophoneTest: stopMicrophoneTest,
+          microphoneDetecting: false
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: ns.e('form-item'),
@@ -164,7 +168,7 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
           draggableDom: containerDom,
           disabled: setting.autoAdjustmentMicrophoneVolume
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), (0, _env.isElectron)() && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: ns.em('checkbox-wrapper', 'bordered'),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
           size: "small",
@@ -206,7 +210,7 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
           }, item.value);
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    }), (0, _env.isElectron)() && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])(ns.e('section'), ns.e('section-pro-audio')),
       id: _constant.HighlightElement.AUDIO_PRO_AUDIO,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -246,7 +250,7 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
                 content: t('fmt_internalsetting_tips_optiomizeaudio'),
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-                    type: _type2.FcrIconType.FCR_HELPQUESTION,
+                    type: _type.FcrIconType.FCR_HELPQUESTION,
                     size: 14
                   })
                 })
@@ -261,7 +265,7 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
                 content: t('fmt_internalsetting_tips_preventechoes'),
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-                    type: _type2.FcrIconType.FCR_HELPQUESTION,
+                    type: _type.FcrIconType.FCR_HELPQUESTION,
                     size: 14
                   })
                 })
@@ -282,7 +286,7 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
                 content: t('fmt_internalsetting_labels_audiostereoencode'),
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-                    type: _type2.FcrIconType.FCR_HELPQUESTION,
+                    type: _type.FcrIconType.FCR_HELPQUESTION,
                     size: 14
                   })
                 })

package/lib/modules/setting/audio-settings/index.css

@@ -53,9 +53,9 @@
   padding: 10px 12px;
   margin: 10px;
 }
-.fcr-device-settings-audio__options {
+/* .fcr-device-settings-audio__options {
   padding-left: 28px;
-}
+} */
 
 .fcr-device-settings-audio__section .fcr-radio {
   min-width: 100px;

package/lib/modules/setting/context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import DeviceSettingsStore from './store';
 export declare const StoreContext: import("react").Context<DeviceSettingsStore>;

package/lib/modules/setting/general-settings/general-settings.js

@@ -33,9 +33,10 @@ var GeneralSettings = exports.GeneralSettings = (0, _mobxReact.observer)(functio
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: t('fmt_internalsetting_labels_voicestimulation')
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            mouseEnterDelay: 0,
             trigger: "hover",
             placement: "top",
-            content: t('fmt_internalsetting_tips_speakerpriority'),
+            content: t('fmt_internalsetting_other_spot_light_desc'),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
                 type: _type.FcrIconType.FCR_HELPQUESTION,

package/lib/modules/setting/general-settings/index.css

@@ -3,12 +3,12 @@
   margin-bottom: 10px;
   border-radius: var(--fcr_cornerradius_s);
   width: 100%;
-  padding: 10px;
+  padding: 0 10px 10px;
   background: var(--fcr_mobile_ui_scene_color_popup_block5);
 }
 
 .fcr-general-settings__basic-form:first-child {
-  margin-top: 12px;
+  margin-top: 0px;
 }
 
 .fcr-general-settings__basic-form .fcr-checkbox {

package/lib/modules/setting/index.d.ts

@@ -1,4 +1,4 @@
-import { FcrDesktopMediaControl, FcrMainRoomControl, FcrStreamControl } from 'agora-edu-core';
+import { FcrDesktopMediaControl, FcrBaseRoomControl, FcrStreamControl } from 'agora-edu-core';
 import { UIModule } from '../../base';
 import './index.css';
 import { FcrUIEventStore } from '../../common/event-store';
@@ -13,7 +13,7 @@ export declare class SettingUIModule extends UIModule {
         uiEventStore: FcrUIEventStore;
         monitorControl: FcrMonitorControl;
         streamControl: FcrStreamControl;
-        roomControl: FcrMainRoomControl;
+        roomControl: FcrBaseRoomControl;
         deviceStore: FcrDeviceStore;
     });
     getComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/modules/setting/index.dev.js

@@ -16,32 +16,34 @@ var _jsxRuntime = require("react/jsx-runtime");
 var App = (0, _root.hot)(function () {
   return null;
 });
-_reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
-window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-  var engine, roomId, roomControl, userName, uiEventStore, securityStore, deviceStore, uiModule, App;
+_reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var engine, roomId, token, roomControl, userName, uiEventStore, securityStore, deviceStore, uiModule, App;
   return _regenerator["default"].wrap(function _callee$(_context) {
     while (1) switch (_context.prev = _context.next) {
       case 0:
         engine = window.__DEV_ENGINE__;
         roomId = window.__DEV_ROOM_ID__;
-        _context.next = 4;
+        token = window.__DEV_USER_TOKEN__;
+        _context.next = 5;
         return engine.login();
-      case 4:
+      case 5:
         roomControl = engine.createRoomControl(roomId);
         userName = 'test-user';
-        _context.next = 8;
+        _context.next = 9;
         return roomControl.join({
           userRole: _type.FcrUserRole.HOST,
           userName: userName,
+          roomToken: token,
           streamLatency: _type.FcrStreamLatencyLevel.ULTRA_LOW,
           createStreamConfigs: []
         });
-      case 8:
+      case 9:
         uiEventStore = new _eventStore.FcrUIEventStore();
         securityStore = new _securityStore.FcrSecurityStore(roomControl.getPrivilegeControl(), roomControl.getUserControl(), roomControl.getStreamControl(), roomControl.getRoomSessionControl(), uiEventStore);
-        deviceStore = new _deviceStore.FcrDeviceStore(userName, engine.getMediaControl());
+        deviceStore = new _deviceStore.FcrDeviceStore(userName, engine.getDesktopMediaControl());
         uiModule = new _.SettingUIModule({
-          mediaControl: engine.getMediaControl(),
+          mediaControl: engine.getDesktopMediaControl(),
           config: {
             roomToken: '',
             userName: 'lxy',
@@ -62,8 +64,8 @@ window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["defaul
           });
           return uiModule.getComponent();
         });
-        _reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
-      case 14:
+        _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+      case 15:
       case "end":
         return _context.stop();
     }

package/lib/modules/setting/index.js

@@ -19,6 +19,22 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.reflect.construct.js");
 require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.function.metadata.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
+require("core-js/modules/esnext.symbol.metadata.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");

package/lib/modules/setting/minutes-settings/index.css

@@ -0,0 +1,65 @@
+.fcr-minutes-settings {
+  padding-top: 15px;
+}
+.fcr-minutes-settings__section {
+  margin-top: 10px;
+  border-radius: var(--fcr_cornerradius_s);
+  width: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_block5);
+  padding-bottom: 12px;
+}
+
+.fcr-minutes-settings__section:first-child {
+  margin-top: 0;
+}
+
+.fcr-minutes-settings__section:last-child {
+  margin-bottom: 10px;
+}
+
+.fcr-minutes-settings__section-title {
+  padding: 0 10px 0 12px;
+  font-size: 13px;
+  line-height: 32px;
+  font-weight: 700;
+  color: var(--fcr_ui_scene_icontext1);
+}
+.fcr-minutes-settings__section-sub-title {
+  padding: 0 10px 0 12px;
+  font-size: 12px;
+  color: var(--fcr_ui_scene_icontext1);
+  margin-bottom: 10px;
+}
+.fcr-minutes-settings__section-content-mode {
+  display: flex;
+  gap: 7px;
+  padding: 0 9px;
+}
+.fcr-minutes-settings__mode-item-content {
+  box-sizing: border-box;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--fcr_ui_scene_line1);
+  border-radius: var(--fcr_cornerradius_xs);
+  font-size: 13px;
+  padding: 5px;
+}
+.fcr-minutes-settings__mode-item {
+  flex: 1;
+  padding: 3px;
+  height: 90px;
+  box-sizing: border-box;
+  border-radius: var(--fcr_cornerradius_s);
+  border: 2px solid transparent;
+}
+.fcr-minutes-settings__mode-item-active {
+  border-radius: var(--fcr_cornerradius_s);
+  border: 2px solid var(--fcr_ui_scene_ramp_brand6);
+}
+.fcr-minutes-settings__mode-text {
+  white-space: nowrap;
+  text-align: center;
+}

package/lib/modules/setting/minutes-settings/minutes-settings.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import './index.css';
+export declare const MinutesSettings: FC;
+export default MinutesSettings;

package/lib/modules/setting/minutes-settings/minutes-settings.js

@@ -0,0 +1,159 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MinutesSettings = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _useNamespace = require("../common/useNamespace");
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.css");
+var _mobxReact = require("mobx-react");
+var _context = require("../context");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _jsxRuntime = require("react/jsx-runtime");
+var MinutesSettings = exports.MinutesSettings = (0, _mobxReact.observer)(function () {
+  var ns = (0, _useNamespace.useNamespace)('minutes-settings');
+  var t = (0, _i18n.useI18n)();
+  var _useState = (0, _react.useState)('1'),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    mode = _useState2[0],
+    setMode = _useState2[1];
+  var _useState3 = (0, _react.useState)('5'),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    agent = _useState4[0],
+    setAgent = _useState4[1];
+  var _useContext = (0, _react.useContext)(_context.StoreContext),
+    setting = _useContext.setting,
+    setSetting = _useContext.setSetting;
+  var iconSize = 48;
+  var modeList = [{
+    text: t('fmt_ai_summary_setting_option_tingwu'),
+    value: '1',
+    icon: _type.FcrIconType.FCR_ALIYUN,
+    size: iconSize
+  }, {
+    text: t('fmt_ai_summary_setting_option_zhipu'),
+    value: '2',
+    icon: _type.FcrIconType.ZHIPUAI,
+    size: iconSize
+  }, {
+    text: t('fmt_ai_summary_setting_option_moonshot'),
+    value: '3',
+    icon: _type.FcrIconType.LOGO_MOONSHOT,
+    size: iconSize
+  }, {
+    text: t('fmt_ai_summary_setting_option_openai'),
+    value: '4',
+    icon: _type.FcrIconType.LOGO_OPENAI,
+    size: iconSize
+  }];
+  var agentList = [{
+    text: t('fmt_ai_summary_setting_option_meeting_assistant'),
+    value: '5',
+    icon: _type.FcrIconType.FCR_SETTING_MEETINGASSISTANT,
+    size: iconSize
+  }, {
+    text: t('fmt_ai_summary_setting_option_teacher'),
+    value: '6',
+    icon: _type.FcrIconType.FCR_SETTING_TEACHER,
+    size: iconSize
+  }, {
+    text: t('fmt_ai_summary_setting_option_sales_manager'),
+    value: '7',
+    icon: _type.FcrIconType.SET_SALE,
+    size: iconSize
+  }];
+  var handleModeChange = function handleModeChange(value) {
+    if (value === mode) {
+      setMode('0');
+    } else {
+      setMode(value);
+    }
+  };
+  var handleAgentChange = function handleAgentChange(value) {
+    if (value === agent) {
+      setAgent('0');
+    } else {
+      setAgent(value);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: ns.b(),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])(ns.e('section'), ns.e('section-mode-select')),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_ai_summary_setting_label_LLM_choose')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('section-sub-title'),
+        children: t('fmt_ai_summary_setting_label_llm_range')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('section-content-mode'),
+        children: modeList.length && modeList.map(function (item, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            onClick: function onClick() {
+              return handleModeChange(item.value);
+            },
+            className: (0, _classnames["default"])(ns.e('mode-item'), {
+              'fcr-minutes-settings__mode-item-active': mode === item.value
+            }),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: (0, _classnames["default"])(ns.e('mode-item-content')),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: ns.e('mode-icon'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                  type: item.icon,
+                  size: item.size
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: ns.e('mode-text'),
+                children: item.text
+              })]
+            })
+          }, index);
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])(ns.e('section'), ns.e('section-agent-select')),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_ai_summary_setting_label_agent')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('section-content-mode'),
+        children: agentList.length && agentList.map(function (item, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            onClick: function onClick() {
+              return handleAgentChange(item.value);
+            },
+            className: (0, _classnames["default"])(ns.e('mode-item'), {
+              'fcr-minutes-settings__mode-item-active': agent === item.value
+            }),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: (0, _classnames["default"])(ns.e('mode-item-content')),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: ns.e('mode-icon'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                  type: item.icon,
+                  size: item.size
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: ns.e('mode-text'),
+                children: item.text
+              })]
+            })
+          }, index);
+        })
+      })]
+    })]
+  });
+});
+var _default = exports["default"] = MinutesSettings;

package/lib/modules/setting/state/index.css

@@ -1,7 +1,3 @@
-.fcr-device-settings-state {
-  padding-top: 10px;
-}
-
 .fcr-device-settings-state__tab-wrapper {
   display: flex;
   justify-content: center;

package/lib/modules/setting/state/index.js

@@ -8,6 +8,10 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
@@ -24,6 +28,11 @@ require("core-js/modules/es.date.to-json.js");
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.number.to-fixed.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.async-iterator.reduce.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.reduce.js");
 var _react = require("react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _mobxReact = require("mobx-react");
@@ -35,6 +44,7 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constant = require("../../../utilities/constant");
+var _env = require("agora-foundation/lib/utilities/env");
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -159,7 +169,7 @@ var State = exports.State = (0, _mobxReact.observer)(function () {
       })
     }), activeKey === 'universal' && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: ns.b('universal'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [(0, _env.isElectron)() && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: ns.be('universal', 'cpu-wrapper'),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CPUCard, {
           title: "CPU",

package/lib/modules/setting/storage-settings/storage-settings.js

@@ -21,7 +21,7 @@ var StorageSettings = exports.StorageSettings = (0, _mobxReact.observer)(functio
   var _useContext = (0, _react.useContext)(_context2.StoreContext),
     recordingPath = _useContext.setting.recordingPath,
     setSetting = _useContext.setSetting;
-  var editRecordingPath = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var editRecordingPath = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
     var path;
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {

package/lib/modules/setting/store.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="node" />
-import { FcrDesktopMediaControl, FcrMainRoomControl, FcrMonitorControl, FcrStreamControl } from 'agora-edu-core';
+import { FcrAiDenoiseLevel, FcrDesktopMediaControl, FcrMonitorControl, FcrStreamControl } from 'agora-edu-core';
 import { FcrBeautyOptions } from 'agora-edu-core/lib/media-control/type';
-import { FcrAiDenoiseLevel, FcrPerformanceInfo } from 'agora-edu-core/lib/type';
+import { FcrPerformanceInfo } from 'agora-edu-core/lib/type';
 import { AgoraRtcNetworkStats } from 'agora-rte-sdk';
 import { FcrUIEventStore } from '../../common/event-store';
 import { HighlightElement } from '../../utilities/constant';
@@ -9,6 +8,7 @@ import { DEFAULT_BEAUTY_VALUE } from 'agora-ui-foundation/lib/components/local-v
 import { FcrUISceneConfig } from '../../type';
 import { VirtualBackground } from '../device-pretest/assets/virtual-backdound-resources';
 import { FcrDeviceStore } from '../../common/device-store';
+import { FcrMainRoomControl } from 'agora-edu-core/lib/room-control/type';
 export interface DeviceItem {
     text: string;
     value: string;
@@ -18,7 +18,9 @@ export declare enum DeviceSettingTab {
     AUDIO = "audio",
     VIDEO = "video",
     STORAGE = "storage",
-    STATE = "state"
+    STATE = "state",
+    TRANSLATE = "translate",
+    MINUTES = "minutes"
 }
 export type VideoActiveTab = 'basic' | 'virtual-background' | 'beauty-filter';
 export interface DeviceSettingDialogConfig {