chore: add english comment

src/pages/access/index.tsx

@@ -8,11 +8,11 @@ const AccessPage: React.FC = () => {
     <PageContainer
       ghost
       header={{
-        title: '权限示例'
+        title: 'permission example'
       }}
     >
       <Access accessible={access.canSeeAdmin}>
-        <Button>只有 Admin 可以看到这个按钮</Button>
+        <Button>Only Admin can see this button</Button>
       </Access>
     </PageContainer>
   );

src/pages/api-keys/index.tsx

@@ -1,6 +1,7 @@
 import DeleteModal from '@/components/delete-modal';
 import PageTools from '@/components/page-tools';
 import { PageAction } from '@/config';
+import HotKeys from '@/config/hotkeys';
 import type { PageActionType } from '@/config/types';
 import useTableRowSelection from '@/hooks/use-table-row-selection';
 import useTableSort from '@/hooks/use-table-sort';
@@ -12,6 +13,7 @@ import { Button, Input, Space, Table, Tooltip } from 'antd';
 import dayjs from 'dayjs';
 import _ from 'lodash';
 import { useEffect, useRef, useState } from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
 import { deleteApisKey, queryApisKeysList } from './apis';
 import AddAPIKeyModal from './components/add-apikey';
 import { ListItem } from './config/types';
@@ -140,6 +142,16 @@ const APIKeys: React.FC = () => {
     fetchData();
   }, [queryParams]);
 
+  useHotkeys(
+    HotKeys.CREATE,
+    () => {
+      handleAddUser();
+    },
+    {
+      enabled: !openAddModal
+    }
+  );
+
   return (
     <>
       <PageContainer

src/pages/llmodels/components/search-input.tsx

@@ -1,5 +1,4 @@
 import hotkeys from '@/config/hotkeys';
-import { platformCall } from '@/utils';
 import { SearchOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import { Input } from 'antd';
@@ -13,7 +12,6 @@ const SearchInput: React.FC<{
   const intl = useIntl();
   const [isFocus, setIsFocus] = useState(false);
   const inputRef = useRef<any>(null);
-  const platform = platformCall();
 
   useHotkeys(hotkeys.INPUT.join(','), () => {
     inputRef.current?.focus?.();

src/pages/llmodels/components/separator.tsx

@@ -10,7 +10,6 @@ const Separator: React.FC = () => {
         style={{ height: 'calc(100vh - 89px)', marginInline: '0px' }}
       ></Divider>
       <span className="shape"></span>
-      {/* <span className="shape-s"></span> */}
     </div>
   );
 };

src/pages/llmodels/style/separator.less

@@ -3,6 +3,7 @@
 
   .shape {
     position: absolute;
+    border-radius: 0 2px 0 0;
     top: 10px;
     left: -10px;
     width: 22px;
@@ -14,15 +15,4 @@
     background-color: var(--color-white-1);
     z-index: 100;
   }
-
-  .shape-s {
-    position: absolute;
-    top: 50%;
-    left: 4px;
-    width: 30px;
-    height: 30px;
-    border: 16px solid transparent;
-    border-left: 16px solid var(--color-fill-sider);
-    z-index: 100;
-  }
 }

src/pages/playground/components/ground-left.tsx

@@ -239,6 +239,30 @@ const MessageList: React.FC<MessageProps> = forwardRef((props, ref) => {
     }
   );
 
+  useHotkeys(
+    HotKeys.CREATE.join(','),
+    () => {
+      handleNewMessage();
+    },
+    {
+      enabled: !loading,
+      enableOnFormTags: !loading,
+      preventDefault: true
+    }
+  );
+
+  useHotkeys(
+    HotKeys.CLEAR.join(','),
+    () => {
+      handleClear();
+    },
+    {
+      enabled: !loading,
+      enableOnFormTags: !loading,
+      preventDefault: true
+    }
+  );
+
   return (
     <div className="ground-left">
       <div

src/pages/playground/index.tsx

@@ -1,9 +1,11 @@
 import IconFont from '@/components/icon-font';
+import HotKeys from '@/config/hotkeys';
 import { PageContainer } from '@ant-design/pro-components';
 import { useIntl, useSearchParams } from '@umijs/max';
 import { Button, Divider, Space } from 'antd';
 import classNames from 'classnames';
 import { useRef, useState } from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
 import GroundLeft from './components/ground-left';
 import ParamsSettings from './components/params-settings';
 import './style/play-ground.less';
@@ -20,6 +22,18 @@ const Playground: React.FC = () => {
     groundLeftRef.current?.viewCode?.();
   };
 
+  useHotkeys(
+    HotKeys.RIGHT.join(','),
+    () => {
+      setCollapse((pre) => {
+        return !pre;
+      });
+    },
+    {
+      preventDefault: true
+    }
+  );
+
   return (
     <PageContainer
       ghost

src/pages/resources/components/workers.tsx

@@ -2,6 +2,7 @@ import DeleteModal from '@/components/delete-modal';
 import PageTools from '@/components/page-tools';
 import ProgressBar from '@/components/progress-bar';
 import StatusTag from '@/components/status-tag';
+import Hotkeys from '@/config/hotkeys';
 import useTableRowSelection from '@/hooks/use-table-row-selection';
 import useTableSort from '@/hooks/use-table-sort';
 import { convertFileSize, handleBatchRequest } from '@/utils';
@@ -15,6 +16,7 @@ import { useIntl } from '@umijs/max';
 import { Button, Input, Space, Table, Tooltip } from 'antd';
 import _ from 'lodash';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
 import { deleteWorker, queryWorkersList } from '../apis';
 import { WorkerStatusMapValue, status } from '../config';
 import { Filesystem, GPUDeviceItem, ListItem } from '../config/types';
@@ -166,6 +168,10 @@ const Resources: React.FC = () => {
     fetchData();
   }, [queryParams]);
 
+  useHotkeys(Hotkeys.CREATE.join(','), handleAddWorker, {
+    enabled: !open
+  });
+
   return (
     <>
       <PageTools

src/pages/users/index.tsx

@@ -2,6 +2,7 @@ import DeleteModal from '@/components/delete-modal';
 import DropdownButtons from '@/components/drop-down-buttons';
 import PageTools from '@/components/page-tools';
 import { PageAction } from '@/config';
+import HotKeys from '@/config/hotkeys';
 import type { PageActionType } from '@/config/types';
 import useTableRowSelection from '@/hooks/use-table-row-selection';
 import useTableSort from '@/hooks/use-table-sort';
@@ -20,6 +21,7 @@ import { Button, Input, Space, Table, message } from 'antd';
 import dayjs from 'dayjs';
 import _ from 'lodash';
 import { useEffect, useRef, useState } from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
 import { createUser, deleteUser, queryUsersList, updateUser } from './apis';
 import AddModal from './components/add-modal';
 import { FormData, ListItem } from './config/types';
@@ -197,6 +199,16 @@ const Users: React.FC = () => {
     fetchData();
   }, [queryParams]);
 
+  useHotkeys(
+    HotKeys.CREATE,
+    () => {
+      handleAddUser();
+    },
+    {
+      enabled: !openAddModal
+    }
+  );
+
   return (
     <>
       <PageContainer