diff --git a/.gitignore b/.gitignore
index ba674e37..9573965d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,4 @@
 public
-dist
 build
 resources
 *.lock
diff --git a/static/pkg/hotkeys-js/dist/README.md b/static/pkg/hotkeys-js/dist/README.md
new file mode 100644
index 00000000..bd982a3a
--- /dev/null
+++ b/static/pkg/hotkeys-js/dist/README.md
@@ -0,0 +1,13 @@
+
+
+Explanation of Build Files
+---
+
+| UMD | Size | CommonJS | Size | ES Module | Size |
+| ---- | ---- | ---- | ---- | ---- | ---- |
+| hotkeys.js | 8.37kb | hotkeys.common.js | 8.13kb | hotkeys.esm.js | 8.12kb |
+| hotkeys.min.js | 3.62kb (gzipped: 1.73kb) | hotkeys.common.min.js | (gzipped: 1.84kb) | - | - |
+
+- [UMD](https://github.com/umdjs/umd): UMD builds can be used directly in the browser via a `<script>` tag. 
+- [CommonJS](http://wiki.commonjs.org/wiki/Modules/1.1): CommonJS builds are intended for use with older bundlers like [browserify](http://browserify.org/) or [webpack 1](https://webpack.github.io/). 
+- [ES Module](http://exploringjs.com/es6/ch_modules.html): ES module builds are intended for use with modern bundlers like [webpack 2](https://webpack.js.org/) or [rollup](http://rollupjs.org/). 
diff --git a/static/pkg/hotkeys-js/dist/hotkeys.common.js b/static/pkg/hotkeys-js/dist/hotkeys.common.js
new file mode 100644
index 00000000..a2f90078
--- /dev/null
+++ b/static/pkg/hotkeys-js/dist/hotkeys.common.js
@@ -0,0 +1,677 @@
+/**! 
+ * hotkeys-js v3.13.7 
+ * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
+ * 
+ * Copyright (c) 2024 kenny wong <wowohoo@qq.com> 
+ * https://github.com/jaywcjlove/hotkeys-js.git 
+ * 
+ * @website: https://jaywcjlove.github.io/hotkeys-js
+ 
+ * Licensed under the MIT license 
+ */
+
+'use strict';
+
+const isff = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase().indexOf('firefox') > 0 : false;
+
+// 绑定事件
+function addEvent(object, event, method, useCapture) {
+  if (object.addEventListener) {
+    object.addEventListener(event, method, useCapture);
+  } else if (object.attachEvent) {
+    object.attachEvent("on".concat(event), method);
+  }
+}
+function removeEvent(object, event, method, useCapture) {
+  if (object.removeEventListener) {
+    object.removeEventListener(event, method, useCapture);
+  } else if (object.detachEvent) {
+    object.detachEvent("on".concat(event), method);
+  }
+}
+
+// 修饰键转换成对应的键码
+function getMods(modifier, key) {
+  const mods = key.slice(0, key.length - 1);
+  for (let i = 0; i < mods.length; i++) mods[i] = modifier[mods[i].toLowerCase()];
+  return mods;
+}
+
+// 处理传的key字符串转换成数组
+function getKeys(key) {
+  if (typeof key !== 'string') key = '';
+  key = key.replace(/\s/g, ''); // 匹配任何空白字符,包括空格、制表符、换页符等等
+  const keys = key.split(','); // 同时设置多个快捷键，以','分割
+  let index = keys.lastIndexOf('');
+
+  // 快捷键可能包含','，需特殊处理
+  for (; index >= 0;) {
+    keys[index - 1] += ',';
+    keys.splice(index, 1);
+    index = keys.lastIndexOf('');
+  }
+  return keys;
+}
+
+// 比较修饰键的数组
+function compareArray(a1, a2) {
+  const arr1 = a1.length >= a2.length ? a1 : a2;
+  const arr2 = a1.length >= a2.length ? a2 : a1;
+  let isIndex = true;
+  for (let i = 0; i < arr1.length; i++) {
+    if (arr2.indexOf(arr1[i]) === -1) isIndex = false;
+  }
+  return isIndex;
+}
+
+// Special Keys
+const _keyMap = {
+  backspace: 8,
+  '⌫': 8,
+  tab: 9,
+  clear: 12,
+  enter: 13,
+  '↩': 13,
+  return: 13,
+  esc: 27,
+  escape: 27,
+  space: 32,
+  left: 37,
+  up: 38,
+  right: 39,
+  down: 40,
+  del: 46,
+  delete: 46,
+  ins: 45,
+  insert: 45,
+  home: 36,
+  end: 35,
+  pageup: 33,
+  pagedown: 34,
+  capslock: 20,
+  num_0: 96,
+  num_1: 97,
+  num_2: 98,
+  num_3: 99,
+  num_4: 100,
+  num_5: 101,
+  num_6: 102,
+  num_7: 103,
+  num_8: 104,
+  num_9: 105,
+  num_multiply: 106,
+  num_add: 107,
+  num_enter: 108,
+  num_subtract: 109,
+  num_decimal: 110,
+  num_divide: 111,
+  '⇪': 20,
+  ',': 188,
+  '.': 190,
+  '/': 191,
+  '`': 192,
+  '-': isff ? 173 : 189,
+  '=': isff ? 61 : 187,
+  ';': isff ? 59 : 186,
+  '\'': 222,
+  '[': 219,
+  ']': 221,
+  '\\': 220
+};
+
+// Modifier Keys
+const _modifier = {
+  // shiftKey
+  '⇧': 16,
+  shift: 16,
+  // altKey
+  '⌥': 18,
+  alt: 18,
+  option: 18,
+  // ctrlKey
+  '⌃': 17,
+  ctrl: 17,
+  control: 17,
+  // metaKey
+  '⌘': 91,
+  cmd: 91,
+  command: 91
+};
+const modifierMap = {
+  16: 'shiftKey',
+  18: 'altKey',
+  17: 'ctrlKey',
+  91: 'metaKey',
+  shiftKey: 16,
+  ctrlKey: 17,
+  altKey: 18,
+  metaKey: 91
+};
+const _mods = {
+  16: false,
+  18: false,
+  17: false,
+  91: false
+};
+const _handlers = {};
+
+// F1~F12 special key
+for (let k = 1; k < 20; k++) {
+  _keyMap["f".concat(k)] = 111 + k;
+}
+
+let _downKeys = []; // 记录摁下的绑定键
+let winListendFocus = null; // window是否已经监听了focus事件
+let _scope = 'all'; // 默认热键范围
+const elementEventMap = new Map(); // 已绑定事件的节点记录
+
+// 返回键码
+const code = x => _keyMap[x.toLowerCase()] || _modifier[x.toLowerCase()] || x.toUpperCase().charCodeAt(0);
+const getKey = x => Object.keys(_keyMap).find(k => _keyMap[k] === x);
+const getModifier = x => Object.keys(_modifier).find(k => _modifier[k] === x);
+
+// 设置获取当前范围（默认为'所有'）
+function setScope(scope) {
+  _scope = scope || 'all';
+}
+// 获取当前范围
+function getScope() {
+  return _scope || 'all';
+}
+// 获取摁下绑定键的键值
+function getPressedKeyCodes() {
+  return _downKeys.slice(0);
+}
+function getPressedKeyString() {
+  return _downKeys.map(c => getKey(c) || getModifier(c) || String.fromCharCode(c));
+}
+function getAllKeyCodes() {
+  const result = [];
+  Object.keys(_handlers).forEach(k => {
+    _handlers[k].forEach(_ref => {
+      let {
+        key,
+        scope,
+        mods,
+        shortcut
+      } = _ref;
+      result.push({
+        scope,
+        shortcut,
+        mods,
+        keys: key.split('+').map(v => code(v))
+      });
+    });
+  });
+  return result;
+}
+
+// 表单控件控件判断 返回 Boolean
+// hotkey is effective only when filter return true
+function filter(event) {
+  const target = event.target || event.srcElement;
+  const {
+    tagName
+  } = target;
+  let flag = true;
+  const isInput = tagName === 'INPUT' && !['checkbox', 'radio', 'range', 'button', 'file', 'reset', 'submit', 'color'].includes(target.type);
+  // ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>
+  if (target.isContentEditable || (isInput || tagName === 'TEXTAREA' || tagName === 'SELECT') && !target.readOnly) {
+    flag = false;
+  }
+  return flag;
+}
+
+// 判断摁下的键是否为某个键，返回true或者false
+function isPressed(keyCode) {
+  if (typeof keyCode === 'string') {
+    keyCode = code(keyCode); // 转换成键码
+  }
+  return _downKeys.indexOf(keyCode) !== -1;
+}
+
+// 循环删除handlers中的所有 scope(范围)
+function deleteScope(scope, newScope) {
+  let handlers;
+  let i;
+
+  // 没有指定scope，获取scope
+  if (!scope) scope = getScope();
+  for (const key in _handlers) {
+    if (Object.prototype.hasOwnProperty.call(_handlers, key)) {
+      handlers = _handlers[key];
+      for (i = 0; i < handlers.length;) {
+        if (handlers[i].scope === scope) {
+          const deleteItems = handlers.splice(i, 1);
+          deleteItems.forEach(_ref2 => {
+            let {
+              element
+            } = _ref2;
+            return removeKeyEvent(element);
+          });
+        } else {
+          i++;
+        }
+      }
+    }
+  }
+
+  // 如果scope被删除，将scope重置为all
+  if (getScope() === scope) setScope(newScope || 'all');
+}
+
+// 清除修饰键
+function clearModifier(event) {
+  let key = event.keyCode || event.which || event.charCode;
+  const i = _downKeys.indexOf(key);
+
+  // 从列表中清除按压过的键
+  if (i >= 0) {
+    _downKeys.splice(i, 1);
+  }
+  // 特殊处理 cmmand 键，在 cmmand 组合快捷键 keyup 只执行一次的问题
+  if (event.key && event.key.toLowerCase() === 'meta') {
+    _downKeys.splice(0, _downKeys.length);
+  }
+
+  // 修饰键 shiftKey altKey ctrlKey (command||metaKey) 清除
+  if (key === 93 || key === 224) key = 91;
+  if (key in _mods) {
+    _mods[key] = false;
+
+    // 将修饰键重置为false
+    for (const k in _modifier) if (_modifier[k] === key) hotkeys[k] = false;
+  }
+}
+function unbind(keysInfo) {
+  // unbind(), unbind all keys
+  if (typeof keysInfo === 'undefined') {
+    Object.keys(_handlers).forEach(key => {
+      Array.isArray(_handlers[key]) && _handlers[key].forEach(info => eachUnbind(info));
+      delete _handlers[key];
+    });
+    removeKeyEvent(null);
+  } else if (Array.isArray(keysInfo)) {
+    // support like : unbind([{key: 'ctrl+a', scope: 's1'}, {key: 'ctrl-a', scope: 's2', splitKey: '-'}])
+    keysInfo.forEach(info => {
+      if (info.key) eachUnbind(info);
+    });
+  } else if (typeof keysInfo === 'object') {
+    // support like unbind({key: 'ctrl+a, ctrl+b', scope:'abc'})
+    if (keysInfo.key) eachUnbind(keysInfo);
+  } else if (typeof keysInfo === 'string') {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    // support old method
+    // eslint-disable-line
+    let [scope, method] = args;
+    if (typeof scope === 'function') {
+      method = scope;
+      scope = '';
+    }
+    eachUnbind({
+      key: keysInfo,
+      scope,
+      method,
+      splitKey: '+'
+    });
+  }
+}
+
+// 解除绑定某个范围的快捷键
+const eachUnbind = _ref3 => {
+  let {
+    key,
+    scope,
+    method,
+    splitKey = '+'
+  } = _ref3;
+  const multipleKeys = getKeys(key);
+  multipleKeys.forEach(originKey => {
+    const unbindKeys = originKey.split(splitKey);
+    const len = unbindKeys.length;
+    const lastKey = unbindKeys[len - 1];
+    const keyCode = lastKey === '*' ? '*' : code(lastKey);
+    if (!_handlers[keyCode]) return;
+    // 判断是否传入范围，没有就获取范围
+    if (!scope) scope = getScope();
+    const mods = len > 1 ? getMods(_modifier, unbindKeys) : [];
+    const unbindElements = [];
+    _handlers[keyCode] = _handlers[keyCode].filter(record => {
+      // 通过函数判断，是否解除绑定，函数相等直接返回
+      const isMatchingMethod = method ? record.method === method : true;
+      const isUnbind = isMatchingMethod && record.scope === scope && compareArray(record.mods, mods);
+      if (isUnbind) unbindElements.push(record.element);
+      return !isUnbind;
+    });
+    unbindElements.forEach(element => removeKeyEvent(element));
+  });
+};
+
+// 对监听对应快捷键的回调函数进行处理
+function eventHandler(event, handler, scope, element) {
+  if (handler.element !== element) {
+    return;
+  }
+  let modifiersMatch;
+
+  // 看它是否在当前范围
+  if (handler.scope === scope || handler.scope === 'all') {
+    // 检查是否匹配修饰符（如果有返回true）
+    modifiersMatch = handler.mods.length > 0;
+    for (const y in _mods) {
+      if (Object.prototype.hasOwnProperty.call(_mods, y)) {
+        if (!_mods[y] && handler.mods.indexOf(+y) > -1 || _mods[y] && handler.mods.indexOf(+y) === -1) {
+          modifiersMatch = false;
+        }
+      }
+    }
+
+    // 调用处理程序，如果是修饰键不做处理
+    if (handler.mods.length === 0 && !_mods[16] && !_mods[18] && !_mods[17] && !_mods[91] || modifiersMatch || handler.shortcut === '*') {
+      handler.keys = [];
+      handler.keys = handler.keys.concat(_downKeys);
+      if (handler.method(event, handler) === false) {
+        if (event.preventDefault) event.preventDefault();else event.returnValue = false;
+        if (event.stopPropagation) event.stopPropagation();
+        if (event.cancelBubble) event.cancelBubble = true;
+      }
+    }
+  }
+}
+
+// 处理keydown事件
+function dispatch(event, element) {
+  const asterisk = _handlers['*'];
+  let key = event.keyCode || event.which || event.charCode;
+
+  // 表单控件过滤 默认表单控件不触发快捷键
+  if (!hotkeys.filter.call(this, event)) return;
+
+  // Gecko(Firefox)的command键值224，在Webkit(Chrome)中保持一致
+  // Webkit左右 command 键值不一样
+  if (key === 93 || key === 224) key = 91;
+
+  /**
+   * Collect bound keys
+   * If an Input Method Editor is processing key input and the event is keydown, return 229.
+   * https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229
+   * http://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html
+   */
+  if (_downKeys.indexOf(key) === -1 && key !== 229) _downKeys.push(key);
+  /**
+   * Jest test cases are required.
+   * ===============================
+   */
+  ['ctrlKey', 'altKey', 'shiftKey', 'metaKey'].forEach(keyName => {
+    const keyNum = modifierMap[keyName];
+    if (event[keyName] && _downKeys.indexOf(keyNum) === -1) {
+      _downKeys.push(keyNum);
+    } else if (!event[keyName] && _downKeys.indexOf(keyNum) > -1) {
+      _downKeys.splice(_downKeys.indexOf(keyNum), 1);
+    } else if (keyName === 'metaKey' && event[keyName] && _downKeys.length === 3) {
+      /**
+       * Fix if Command is pressed:
+       * ===============================
+       */
+      if (!(event.ctrlKey || event.shiftKey || event.altKey)) {
+        _downKeys = _downKeys.slice(_downKeys.indexOf(keyNum));
+      }
+    }
+  });
+  /**
+   * -------------------------------
+   */
+
+  if (key in _mods) {
+    _mods[key] = true;
+
+    // 将特殊字符的key注册到 hotkeys 上
+    for (const k in _modifier) {
+      if (_modifier[k] === key) hotkeys[k] = true;
+    }
+    if (!asterisk) return;
+  }
+
+  // 将 modifierMap 里面的修饰键绑定到 event 中
+  for (const e in _mods) {
+    if (Object.prototype.hasOwnProperty.call(_mods, e)) {
+      _mods[e] = event[modifierMap[e]];
+    }
+  }
+  /**
+   * https://github.com/jaywcjlove/hotkeys/pull/129
+   * This solves the issue in Firefox on Windows where hotkeys corresponding to special characters would not trigger.
+   * An example of this is ctrl+alt+m on a Swedish keyboard which is used to type μ.
+   * Browser support: https://caniuse.com/#feat=keyboardevent-getmodifierstate
+   */
+  if (event.getModifierState && !(event.altKey && !event.ctrlKey) && event.getModifierState('AltGraph')) {
+    if (_downKeys.indexOf(17) === -1) {
+      _downKeys.push(17);
+    }
+    if (_downKeys.indexOf(18) === -1) {
+      _downKeys.push(18);
+    }
+    _mods[17] = true;
+    _mods[18] = true;
+  }
+
+  // 获取范围 默认为 `all`
+  const scope = getScope();
+  // 对任何快捷键都需要做的处理
+  if (asterisk) {
+    for (let i = 0; i < asterisk.length; i++) {
+      if (asterisk[i].scope === scope && (event.type === 'keydown' && asterisk[i].keydown || event.type === 'keyup' && asterisk[i].keyup)) {
+        eventHandler(event, asterisk[i], scope, element);
+      }
+    }
+  }
+  // key 不在 _handlers 中返回
+  if (!(key in _handlers)) return;
+  const handlerKey = _handlers[key];
+  const keyLen = handlerKey.length;
+  for (let i = 0; i < keyLen; i++) {
+    if (event.type === 'keydown' && handlerKey[i].keydown || event.type === 'keyup' && handlerKey[i].keyup) {
+      if (handlerKey[i].key) {
+        const record = handlerKey[i];
+        const {
+          splitKey
+        } = record;
+        const keyShortcut = record.key.split(splitKey);
+        const _downKeysCurrent = []; // 记录当前按键键值
+        for (let a = 0; a < keyShortcut.length; a++) {
+          _downKeysCurrent.push(code(keyShortcut[a]));
+        }
+        if (_downKeysCurrent.sort().join('') === _downKeys.sort().join('')) {
+          // 找到处理内容
+          eventHandler(event, record, scope, element);
+        }
+      }
+    }
+  }
+}
+function hotkeys(key, option, method) {
+  _downKeys = [];
+  const keys = getKeys(key); // 需要处理的快捷键列表
+  let mods = [];
+  let scope = 'all'; // scope默认为all，所有范围都有效
+  let element = document; // 快捷键事件绑定节点
+  let i = 0;
+  let keyup = false;
+  let keydown = true;
+  let splitKey = '+';
+  let capture = false;
+  let single = false; // 单个callback
+
+  // 对为设定范围的判断
+  if (method === undefined && typeof option === 'function') {
+    method = option;
+  }
+  if (Object.prototype.toString.call(option) === '[object Object]') {
+    if (option.scope) scope = option.scope; // eslint-disable-line
+    if (option.element) element = option.element; // eslint-disable-line
+    if (option.keyup) keyup = option.keyup; // eslint-disable-line
+    if (option.keydown !== undefined) keydown = option.keydown; // eslint-disable-line
+    if (option.capture !== undefined) capture = option.capture; // eslint-disable-line
+    if (typeof option.splitKey === 'string') splitKey = option.splitKey; // eslint-disable-line
+    if (option.single === true) single = true; // eslint-disable-line
+  }
+  if (typeof option === 'string') scope = option;
+
+  // 如果只允许单个callback，先unbind
+  if (single) unbind(key, scope);
+
+  // 对于每个快捷键进行处理
+  for (; i < keys.length; i++) {
+    key = keys[i].split(splitKey); // 按键列表
+    mods = [];
+
+    // 如果是组合快捷键取得组合快捷键
+    if (key.length > 1) mods = getMods(_modifier, key);
+
+    // 将非修饰键转化为键码
+    key = key[key.length - 1];
+    key = key === '*' ? '*' : code(key); // *表示匹配所有快捷键
+
+    // 判断key是否在_handlers中，不在就赋一个空数组
+    if (!(key in _handlers)) _handlers[key] = [];
+    _handlers[key].push({
+      keyup,
+      keydown,
+      scope,
+      mods,
+      shortcut: keys[i],
+      method,
+      key: keys[i],
+      splitKey,
+      element
+    });
+  }
+  // 在全局document上设置快捷键
+  if (typeof element !== 'undefined' && window) {
+    if (!elementEventMap.has(element)) {
+      const keydownListener = function () {
+        let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
+        return dispatch(event, element);
+      };
+      const keyupListenr = function () {
+        let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
+        dispatch(event, element);
+        clearModifier(event);
+      };
+      elementEventMap.set(element, {
+        keydownListener,
+        keyupListenr,
+        capture
+      });
+      addEvent(element, 'keydown', keydownListener, capture);
+      addEvent(element, 'keyup', keyupListenr, capture);
+    }
+    if (!winListendFocus) {
+      const listener = () => {
+        _downKeys = [];
+      };
+      winListendFocus = {
+        listener,
+        capture
+      };
+      addEvent(window, 'focus', listener, capture);
+    }
+  }
+}
+function trigger(shortcut) {
+  let scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
+  Object.keys(_handlers).forEach(key => {
+    const dataList = _handlers[key].filter(item => item.scope === scope && item.shortcut === shortcut);
+    dataList.forEach(data => {
+      if (data && data.method) {
+        data.method();
+      }
+    });
+  });
+}
+
+// 销毁事件,unbind之后判断element上是否还有键盘快捷键，如果没有移除监听
+function removeKeyEvent(element) {
+  const values = Object.values(_handlers).flat();
+  const findindex = values.findIndex(_ref4 => {
+    let {
+      element: el
+    } = _ref4;
+    return el === element;
+  });
+  if (findindex < 0) {
+    const {
+      keydownListener,
+      keyupListenr,
+      capture
+    } = elementEventMap.get(element) || {};
+    if (keydownListener && keyupListenr) {
+      removeEvent(element, 'keyup', keyupListenr, capture);
+      removeEvent(element, 'keydown', keydownListener, capture);
+      elementEventMap.delete(element);
+    }
+  }
+  if (values.length <= 0 || elementEventMap.size <= 0) {
+    // 移除所有的元素上的监听
+    const eventKeys = Object.keys(elementEventMap);
+    eventKeys.forEach(el => {
+      const {
+        keydownListener,
+        keyupListenr,
+        capture
+      } = elementEventMap.get(el) || {};
+      if (keydownListener && keyupListenr) {
+        removeEvent(el, 'keyup', keyupListenr, capture);
+        removeEvent(el, 'keydown', keydownListener, capture);
+        elementEventMap.delete(el);
+      }
+    });
+    // 清空 elementEventMap
+    elementEventMap.clear();
+    // 清空 _handlers
+    Object.keys(_handlers).forEach(key => delete _handlers[key]);
+    // 移除window上的focus监听
+    if (winListendFocus) {
+      const {
+        listener,
+        capture
+      } = winListendFocus;
+      removeEvent(window, 'focus', listener, capture);
+      winListendFocus = null;
+    }
+  }
+}
+const _api = {
+  getPressedKeyString,
+  setScope,
+  getScope,
+  deleteScope,
+  getPressedKeyCodes,
+  getAllKeyCodes,
+  isPressed,
+  filter,
+  trigger,
+  unbind,
+  keyMap: _keyMap,
+  modifier: _modifier,
+  modifierMap
+};
+for (const a in _api) {
+  if (Object.prototype.hasOwnProperty.call(_api, a)) {
+    hotkeys[a] = _api[a];
+  }
+}
+if (typeof window !== 'undefined') {
+  const _hotkeys = window.hotkeys;
+  hotkeys.noConflict = deep => {
+    if (deep && window.hotkeys === hotkeys) {
+      window.hotkeys = _hotkeys;
+    }
+    return hotkeys;
+  };
+  window.hotkeys = hotkeys;
+}
+
+module.exports = hotkeys;
diff --git a/static/pkg/hotkeys-js/dist/hotkeys.common.min.js b/static/pkg/hotkeys-js/dist/hotkeys.common.min.js
new file mode 100644
index 00000000..b4fa968e
--- /dev/null
+++ b/static/pkg/hotkeys-js/dist/hotkeys.common.min.js
@@ -0,0 +1,2 @@
+/*! hotkeys-js v3.13.7 | MIT © 2024 kenny wong <wowohoo@qq.com> https://jaywcjlove.github.io/hotkeys-js */
+"use strict";const isff="undefined"!=typeof navigator&&0<navigator.userAgent.toLowerCase().indexOf("firefox");function addEvent(e,t,n,o){e.addEventListener?e.addEventListener(t,n,o):e.attachEvent&&e.attachEvent("on".concat(t),n)}function removeEvent(e,t,n,o){e.removeEventListener?e.removeEventListener(t,n,o):e.detachEvent&&e.detachEvent("on".concat(t),n)}function getMods(t,e){var n=e.slice(0,e.length-1);for(let e=0;e<n.length;e++)n[e]=t[n[e].toLowerCase()];return n}function getKeys(e){var t=(e=(e="string"!=typeof e?"":e).replace(/\s/g,"")).split(",");let n=t.lastIndexOf("");for(;0<=n;)t[n-1]+=",",t.splice(n,1),n=t.lastIndexOf("");return t}function compareArray(e,t){var n=e.length<t.length?t:e,o=e.length<t.length?e:t;let s=!0;for(let e=0;e<n.length;e++)~o.indexOf(n[e])||(s=!1);return s}const _keyMap={backspace:8,"\u232b":8,tab:9,clear:12,enter:13,"\u21a9":13,return:13,esc:27,escape:27,space:32,left:37,up:38,right:39,down:40,del:46,delete:46,ins:45,insert:45,home:36,end:35,pageup:33,pagedown:34,capslock:20,num_0:96,num_1:97,num_2:98,num_3:99,num_4:100,num_5:101,num_6:102,num_7:103,num_8:104,num_9:105,num_multiply:106,num_add:107,num_enter:108,num_subtract:109,num_decimal:110,num_divide:111,"\u21ea":20,",":188,".":190,"/":191,"`":192,"-":isff?173:189,"=":isff?61:187,";":isff?59:186,"'":222,"[":219,"]":221,"\\":220},_modifier={"\u21e7":16,shift:16,"\u2325":18,alt:18,option:18,"\u2303":17,ctrl:17,control:17,"\u2318":91,cmd:91,command:91},modifierMap={16:"shiftKey",18:"altKey",17:"ctrlKey",91:"metaKey",shiftKey:16,ctrlKey:17,altKey:18,metaKey:91},_mods={16:!1,18:!1,17:!1,91:!1},_handlers={};for(let e=1;e<20;e++)_keyMap["f".concat(e)]=111+e;let _downKeys=[],winListendFocus=null,_scope="all";const elementEventMap=new Map,code=e=>_keyMap[e.toLowerCase()]||_modifier[e.toLowerCase()]||e.toUpperCase().charCodeAt(0),getKey=t=>Object.keys(_keyMap).find(e=>_keyMap[e]===t),getModifier=t=>Object.keys(_modifier).find(e=>_modifier[e]===t);function setScope(e){_scope=e||"all"}function getScope(){return _scope||"all"}function getPressedKeyCodes(){return _downKeys.slice(0)}function getPressedKeyString(){return _downKeys.map(e=>getKey(e)||getModifier(e)||String.fromCharCode(e))}function getAllKeyCodes(){const s=[];return Object.keys(_handlers).forEach(e=>{_handlers[e].forEach(e=>{var{key:e,scope:t,mods:n,shortcut:o}=e;s.push({scope:t,shortcut:o,mods:n,keys:e.split("+").map(e=>code(e))})})}),s}function filter(e){var e=e.target||e.srcElement,t=e["tagName"];let n=!0;var o="INPUT"===t&&!["checkbox","radio","range","button","file","reset","submit","color"].includes(e.type);return n=!e.isContentEditable&&(!o&&"TEXTAREA"!==t&&"SELECT"!==t||e.readOnly)?n:!1}function isPressed(e){return"string"==typeof e&&(e=code(e)),!!~_downKeys.indexOf(e)}function deleteScope(e,t){var n;let o;e=e||getScope();for(const s in _handlers)if(Object.prototype.hasOwnProperty.call(_handlers,s))for(n=_handlers[s],o=0;o<n.length;)n[o].scope===e?n.splice(o,1).forEach(e=>{e=e.element;return removeKeyEvent(e)}):o++;getScope()===e&&setScope(t||"all")}function clearModifier(e){let t=e.keyCode||e.which||e.charCode;var n=_downKeys.indexOf(t);if(n<0||_downKeys.splice(n,1),e.key&&"meta"==e.key.toLowerCase()&&_downKeys.splice(0,_downKeys.length),(t=93!==t&&224!==t?t:91)in _mods){_mods[t]=!1;for(const o in _modifier)_modifier[o]===t&&(hotkeys[o]=!1)}}function unbind(n){if(void 0===n)Object.keys(_handlers).forEach(e=>{Array.isArray(_handlers[e])&&_handlers[e].forEach(e=>eachUnbind(e)),delete _handlers[e]}),removeKeyEvent(null);else if(Array.isArray(n))n.forEach(e=>{e.key&&eachUnbind(e)});else if("object"==typeof n)n.key&&eachUnbind(n);else if("string"==typeof n){for(var o=arguments.length,s=Array(1<o?o-1:0),r=1;r<o;r++)s[r-1]=arguments[r];let[e,t]=s;"function"==typeof e&&(t=e,e=""),eachUnbind({key:n,scope:e,method:t,splitKey:"+"})}}const eachUnbind=e=>{let{key:t,scope:r,method:i,splitKey:d="+"}=e;getKeys(t).forEach(e=>{var e=e.split(d),t=e.length,n=e[t-1],n="*"===n?"*":code(n);if(_handlers[n]){r=r||getScope();const o=1<t?getMods(_modifier,e):[],s=[];_handlers[n]=_handlers[n].filter(e=>{var t=(!i||e.method===i)&&e.scope===r&&compareArray(e.mods,o);return t&&s.push(e.element),!t}),s.forEach(e=>removeKeyEvent(e))}})};function eventHandler(t,n,o,e){if(n.element===e){let e;if(n.scope===o||"all"===n.scope){e=0<n.mods.length;for(const s in _mods)Object.prototype.hasOwnProperty.call(_mods,s)&&(!_mods[s]&&~n.mods.indexOf(+s)||_mods[s]&&!~n.mods.indexOf(+s))&&(e=!1);(0!==n.mods.length||_mods[16]||_mods[18]||_mods[17]||_mods[91])&&!e&&"*"!==n.shortcut||(n.keys=[],n.keys=n.keys.concat(_downKeys),!1===n.method(t,n)&&(t.preventDefault?t.preventDefault():t.returnValue=!1,t.stopPropagation&&t.stopPropagation(),t.cancelBubble)&&(t.cancelBubble=!0))}}}function dispatch(n,t){var o=_handlers["*"];let e=n.keyCode||n.which||n.charCode;if(hotkeys.filter.call(this,n)){if(93!==e&&224!==e||(e=91),~_downKeys.indexOf(e)||229===e||_downKeys.push(e),["ctrlKey","altKey","shiftKey","metaKey"].forEach(e=>{var t=modifierMap[e];n[e]&&!~_downKeys.indexOf(t)?_downKeys.push(t):!n[e]&&~_downKeys.indexOf(t)?_downKeys.splice(_downKeys.indexOf(t),1):"metaKey"!==e||!n[e]||3!==_downKeys.length||n.ctrlKey||n.shiftKey||n.altKey||(_downKeys=_downKeys.slice(_downKeys.indexOf(t)))}),e in _mods){_mods[e]=!0;for(const y in _modifier)_modifier[y]===e&&(hotkeys[y]=!0);if(!o)return}for(const p in _mods)Object.prototype.hasOwnProperty.call(_mods,p)&&(_mods[p]=n[modifierMap[p]]);n.getModifierState&&(!n.altKey||n.ctrlKey)&&n.getModifierState("AltGraph")&&(~_downKeys.indexOf(17)||_downKeys.push(17),~_downKeys.indexOf(18)||_downKeys.push(18),_mods[17]=!0,_mods[18]=!0);var s=getScope();if(o)for(let e=0;e<o.length;e++)o[e].scope===s&&("keydown"===n.type&&o[e].keydown||"keyup"===n.type&&o[e].keyup)&&eventHandler(n,o[e],s,t);if(e in _handlers){var r=_handlers[e],i=r.length;for(let e=0;e<i;e++)if(("keydown"===n.type&&r[e].keydown||"keyup"===n.type&&r[e].keyup)&&r[e].key){var d=r[e],a=d["splitKey"],l=d.key.split(a),c=[];for(let e=0;e<l.length;e++)c.push(code(l[e]));c.sort().join("")===_downKeys.sort().join("")&&eventHandler(n,d,s,t)}}}}function hotkeys(e,t,n){_downKeys=[];var o,s=getKeys(e);let r=[],i="all",d=document,a=0,l=!1,c=!0,y="+",p=!1,f=!1;for(void 0===n&&"function"==typeof t&&(n=t),"[object Object]"===Object.prototype.toString.call(t)&&(t.scope&&(i=t.scope),t.element&&(d=t.element),t.keyup&&(l=t.keyup),void 0!==t.keydown&&(c=t.keydown),void 0!==t.capture&&(p=t.capture),"string"==typeof t.splitKey&&(y=t.splitKey),!0===t.single)&&(f=!0),"string"==typeof t&&(i=t),f&&unbind(e,i);a<s.length;a++)e=s[a].split(y),r=[],1<e.length&&(r=getMods(_modifier,e)),(e="*"===(e=e[e.length-1])?"*":code(e))in _handlers||(_handlers[e]=[]),_handlers[e].push({keyup:l,keydown:c,scope:i,mods:r,shortcut:s[a],method:n,key:s[a],splitKey:y,element:d});void 0!==d&&window&&(elementEventMap.has(d)||(t=function(){return dispatch(0<arguments.length&&void 0!==arguments[0]?arguments[0]:window.event,d)},o=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:window.event;dispatch(e,d),clearModifier(e)},elementEventMap.set(d,{keydownListener:t,keyupListenr:o,capture:p}),addEvent(d,"keydown",t,p),addEvent(d,"keyup",o,p)),winListendFocus||(t=()=>{_downKeys=[]},winListendFocus={listener:t,capture:p},addEvent(window,"focus",t,p)))}function trigger(t){let n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"all";Object.keys(_handlers).forEach(e=>{_handlers[e].filter(e=>e.scope===n&&e.shortcut===t).forEach(e=>{e&&e.method&&e.method()})})}function removeKeyEvent(t){var e,n,o,s=Object.values(_handlers).flat();s.findIndex(e=>{e=e.element;return e===t})<0&&({keydownListener:o,keyupListenr:n,capture:e}=elementEventMap.get(t)||{},o)&&n&&(removeEvent(t,"keyup",n,e),removeEvent(t,"keydown",o,e),elementEventMap.delete(t)),0<s.length&&0<elementEventMap.size||(Object.keys(elementEventMap).forEach(e=>{var{keydownListener:t,keyupListenr:n,capture:o}=elementEventMap.get(e)||{};t&&n&&(removeEvent(e,"keyup",n,o),removeEvent(e,"keydown",t,o),elementEventMap.delete(e))}),elementEventMap.clear(),Object.keys(_handlers).forEach(e=>delete _handlers[e]),winListendFocus&&({listener:n,capture:o}=winListendFocus,removeEvent(window,"focus",n,o),winListendFocus=null))}const _api={getPressedKeyString:getPressedKeyString,setScope:setScope,getScope:getScope,deleteScope:deleteScope,getPressedKeyCodes:getPressedKeyCodes,getAllKeyCodes:getAllKeyCodes,isPressed:isPressed,filter:filter,trigger:trigger,unbind:unbind,keyMap:_keyMap,modifier:_modifier,modifierMap:modifierMap};for(const L0 in _api)Object.prototype.hasOwnProperty.call(_api,L0)&&(hotkeys[L0]=_api[L0]);if("undefined"!=typeof window){const M0=window.hotkeys;hotkeys.noConflict=e=>(e&&window.hotkeys===hotkeys&&(window.hotkeys=M0),hotkeys),window.hotkeys=hotkeys}module.exports=hotkeys;
\ No newline at end of file
diff --git a/static/pkg/hotkeys-js/dist/hotkeys.esm.js b/static/pkg/hotkeys-js/dist/hotkeys.esm.js
new file mode 100644
index 00000000..76c13b91
--- /dev/null
+++ b/static/pkg/hotkeys-js/dist/hotkeys.esm.js
@@ -0,0 +1,675 @@
+/**! 
+ * hotkeys-js v3.13.7 
+ * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
+ * 
+ * Copyright (c) 2024 kenny wong <wowohoo@qq.com> 
+ * https://github.com/jaywcjlove/hotkeys-js.git 
+ * 
+ * @website: https://jaywcjlove.github.io/hotkeys-js
+ 
+ * Licensed under the MIT license 
+ */
+
+const isff = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase().indexOf('firefox') > 0 : false;
+
+// 绑定事件
+function addEvent(object, event, method, useCapture) {
+  if (object.addEventListener) {
+    object.addEventListener(event, method, useCapture);
+  } else if (object.attachEvent) {
+    object.attachEvent("on".concat(event), method);
+  }
+}
+function removeEvent(object, event, method, useCapture) {
+  if (object.removeEventListener) {
+    object.removeEventListener(event, method, useCapture);
+  } else if (object.detachEvent) {
+    object.detachEvent("on".concat(event), method);
+  }
+}
+
+// 修饰键转换成对应的键码
+function getMods(modifier, key) {
+  const mods = key.slice(0, key.length - 1);
+  for (let i = 0; i < mods.length; i++) mods[i] = modifier[mods[i].toLowerCase()];
+  return mods;
+}
+
+// 处理传的key字符串转换成数组
+function getKeys(key) {
+  if (typeof key !== 'string') key = '';
+  key = key.replace(/\s/g, ''); // 匹配任何空白字符,包括空格、制表符、换页符等等
+  const keys = key.split(','); // 同时设置多个快捷键，以','分割
+  let index = keys.lastIndexOf('');
+
+  // 快捷键可能包含','，需特殊处理
+  for (; index >= 0;) {
+    keys[index - 1] += ',';
+    keys.splice(index, 1);
+    index = keys.lastIndexOf('');
+  }
+  return keys;
+}
+
+// 比较修饰键的数组
+function compareArray(a1, a2) {
+  const arr1 = a1.length >= a2.length ? a1 : a2;
+  const arr2 = a1.length >= a2.length ? a2 : a1;
+  let isIndex = true;
+  for (let i = 0; i < arr1.length; i++) {
+    if (arr2.indexOf(arr1[i]) === -1) isIndex = false;
+  }
+  return isIndex;
+}
+
+// Special Keys
+const _keyMap = {
+  backspace: 8,
+  '⌫': 8,
+  tab: 9,
+  clear: 12,
+  enter: 13,
+  '↩': 13,
+  return: 13,
+  esc: 27,
+  escape: 27,
+  space: 32,
+  left: 37,
+  up: 38,
+  right: 39,
+  down: 40,
+  del: 46,
+  delete: 46,
+  ins: 45,
+  insert: 45,
+  home: 36,
+  end: 35,
+  pageup: 33,
+  pagedown: 34,
+  capslock: 20,
+  num_0: 96,
+  num_1: 97,
+  num_2: 98,
+  num_3: 99,
+  num_4: 100,
+  num_5: 101,
+  num_6: 102,
+  num_7: 103,
+  num_8: 104,
+  num_9: 105,
+  num_multiply: 106,
+  num_add: 107,
+  num_enter: 108,
+  num_subtract: 109,
+  num_decimal: 110,
+  num_divide: 111,
+  '⇪': 20,
+  ',': 188,
+  '.': 190,
+  '/': 191,
+  '`': 192,
+  '-': isff ? 173 : 189,
+  '=': isff ? 61 : 187,
+  ';': isff ? 59 : 186,
+  '\'': 222,
+  '[': 219,
+  ']': 221,
+  '\\': 220
+};
+
+// Modifier Keys
+const _modifier = {
+  // shiftKey
+  '⇧': 16,
+  shift: 16,
+  // altKey
+  '⌥': 18,
+  alt: 18,
+  option: 18,
+  // ctrlKey
+  '⌃': 17,
+  ctrl: 17,
+  control: 17,
+  // metaKey
+  '⌘': 91,
+  cmd: 91,
+  command: 91
+};
+const modifierMap = {
+  16: 'shiftKey',
+  18: 'altKey',
+  17: 'ctrlKey',
+  91: 'metaKey',
+  shiftKey: 16,
+  ctrlKey: 17,
+  altKey: 18,
+  metaKey: 91
+};
+const _mods = {
+  16: false,
+  18: false,
+  17: false,
+  91: false
+};
+const _handlers = {};
+
+// F1~F12 special key
+for (let k = 1; k < 20; k++) {
+  _keyMap["f".concat(k)] = 111 + k;
+}
+
+let _downKeys = []; // 记录摁下的绑定键
+let winListendFocus = null; // window是否已经监听了focus事件
+let _scope = 'all'; // 默认热键范围
+const elementEventMap = new Map(); // 已绑定事件的节点记录
+
+// 返回键码
+const code = x => _keyMap[x.toLowerCase()] || _modifier[x.toLowerCase()] || x.toUpperCase().charCodeAt(0);
+const getKey = x => Object.keys(_keyMap).find(k => _keyMap[k] === x);
+const getModifier = x => Object.keys(_modifier).find(k => _modifier[k] === x);
+
+// 设置获取当前范围（默认为'所有'）
+function setScope(scope) {
+  _scope = scope || 'all';
+}
+// 获取当前范围
+function getScope() {
+  return _scope || 'all';
+}
+// 获取摁下绑定键的键值
+function getPressedKeyCodes() {
+  return _downKeys.slice(0);
+}
+function getPressedKeyString() {
+  return _downKeys.map(c => getKey(c) || getModifier(c) || String.fromCharCode(c));
+}
+function getAllKeyCodes() {
+  const result = [];
+  Object.keys(_handlers).forEach(k => {
+    _handlers[k].forEach(_ref => {
+      let {
+        key,
+        scope,
+        mods,
+        shortcut
+      } = _ref;
+      result.push({
+        scope,
+        shortcut,
+        mods,
+        keys: key.split('+').map(v => code(v))
+      });
+    });
+  });
+  return result;
+}
+
+// 表单控件控件判断 返回 Boolean
+// hotkey is effective only when filter return true
+function filter(event) {
+  const target = event.target || event.srcElement;
+  const {
+    tagName
+  } = target;
+  let flag = true;
+  const isInput = tagName === 'INPUT' && !['checkbox', 'radio', 'range', 'button', 'file', 'reset', 'submit', 'color'].includes(target.type);
+  // ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>
+  if (target.isContentEditable || (isInput || tagName === 'TEXTAREA' || tagName === 'SELECT') && !target.readOnly) {
+    flag = false;
+  }
+  return flag;
+}
+
+// 判断摁下的键是否为某个键，返回true或者false
+function isPressed(keyCode) {
+  if (typeof keyCode === 'string') {
+    keyCode = code(keyCode); // 转换成键码
+  }
+  return _downKeys.indexOf(keyCode) !== -1;
+}
+
+// 循环删除handlers中的所有 scope(范围)
+function deleteScope(scope, newScope) {
+  let handlers;
+  let i;
+
+  // 没有指定scope，获取scope
+  if (!scope) scope = getScope();
+  for (const key in _handlers) {
+    if (Object.prototype.hasOwnProperty.call(_handlers, key)) {
+      handlers = _handlers[key];
+      for (i = 0; i < handlers.length;) {
+        if (handlers[i].scope === scope) {
+          const deleteItems = handlers.splice(i, 1);
+          deleteItems.forEach(_ref2 => {
+            let {
+              element
+            } = _ref2;
+            return removeKeyEvent(element);
+          });
+        } else {
+          i++;
+        }
+      }
+    }
+  }
+
+  // 如果scope被删除，将scope重置为all
+  if (getScope() === scope) setScope(newScope || 'all');
+}
+
+// 清除修饰键
+function clearModifier(event) {
+  let key = event.keyCode || event.which || event.charCode;
+  const i = _downKeys.indexOf(key);
+
+  // 从列表中清除按压过的键
+  if (i >= 0) {
+    _downKeys.splice(i, 1);
+  }
+  // 特殊处理 cmmand 键，在 cmmand 组合快捷键 keyup 只执行一次的问题
+  if (event.key && event.key.toLowerCase() === 'meta') {
+    _downKeys.splice(0, _downKeys.length);
+  }
+
+  // 修饰键 shiftKey altKey ctrlKey (command||metaKey) 清除
+  if (key === 93 || key === 224) key = 91;
+  if (key in _mods) {
+    _mods[key] = false;
+
+    // 将修饰键重置为false
+    for (const k in _modifier) if (_modifier[k] === key) hotkeys[k] = false;
+  }
+}
+function unbind(keysInfo) {
+  // unbind(), unbind all keys
+  if (typeof keysInfo === 'undefined') {
+    Object.keys(_handlers).forEach(key => {
+      Array.isArray(_handlers[key]) && _handlers[key].forEach(info => eachUnbind(info));
+      delete _handlers[key];
+    });
+    removeKeyEvent(null);
+  } else if (Array.isArray(keysInfo)) {
+    // support like : unbind([{key: 'ctrl+a', scope: 's1'}, {key: 'ctrl-a', scope: 's2', splitKey: '-'}])
+    keysInfo.forEach(info => {
+      if (info.key) eachUnbind(info);
+    });
+  } else if (typeof keysInfo === 'object') {
+    // support like unbind({key: 'ctrl+a, ctrl+b', scope:'abc'})
+    if (keysInfo.key) eachUnbind(keysInfo);
+  } else if (typeof keysInfo === 'string') {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    // support old method
+    // eslint-disable-line
+    let [scope, method] = args;
+    if (typeof scope === 'function') {
+      method = scope;
+      scope = '';
+    }
+    eachUnbind({
+      key: keysInfo,
+      scope,
+      method,
+      splitKey: '+'
+    });
+  }
+}
+
+// 解除绑定某个范围的快捷键
+const eachUnbind = _ref3 => {
+  let {
+    key,
+    scope,
+    method,
+    splitKey = '+'
+  } = _ref3;
+  const multipleKeys = getKeys(key);
+  multipleKeys.forEach(originKey => {
+    const unbindKeys = originKey.split(splitKey);
+    const len = unbindKeys.length;
+    const lastKey = unbindKeys[len - 1];
+    const keyCode = lastKey === '*' ? '*' : code(lastKey);
+    if (!_handlers[keyCode]) return;
+    // 判断是否传入范围，没有就获取范围
+    if (!scope) scope = getScope();
+    const mods = len > 1 ? getMods(_modifier, unbindKeys) : [];
+    const unbindElements = [];
+    _handlers[keyCode] = _handlers[keyCode].filter(record => {
+      // 通过函数判断，是否解除绑定，函数相等直接返回
+      const isMatchingMethod = method ? record.method === method : true;
+      const isUnbind = isMatchingMethod && record.scope === scope && compareArray(record.mods, mods);
+      if (isUnbind) unbindElements.push(record.element);
+      return !isUnbind;
+    });
+    unbindElements.forEach(element => removeKeyEvent(element));
+  });
+};
+
+// 对监听对应快捷键的回调函数进行处理
+function eventHandler(event, handler, scope, element) {
+  if (handler.element !== element) {
+    return;
+  }
+  let modifiersMatch;
+
+  // 看它是否在当前范围
+  if (handler.scope === scope || handler.scope === 'all') {
+    // 检查是否匹配修饰符（如果有返回true）
+    modifiersMatch = handler.mods.length > 0;
+    for (const y in _mods) {
+      if (Object.prototype.hasOwnProperty.call(_mods, y)) {
+        if (!_mods[y] && handler.mods.indexOf(+y) > -1 || _mods[y] && handler.mods.indexOf(+y) === -1) {
+          modifiersMatch = false;
+        }
+      }
+    }
+
+    // 调用处理程序，如果是修饰键不做处理
+    if (handler.mods.length === 0 && !_mods[16] && !_mods[18] && !_mods[17] && !_mods[91] || modifiersMatch || handler.shortcut === '*') {
+      handler.keys = [];
+      handler.keys = handler.keys.concat(_downKeys);
+      if (handler.method(event, handler) === false) {
+        if (event.preventDefault) event.preventDefault();else event.returnValue = false;
+        if (event.stopPropagation) event.stopPropagation();
+        if (event.cancelBubble) event.cancelBubble = true;
+      }
+    }
+  }
+}
+
+// 处理keydown事件
+function dispatch(event, element) {
+  const asterisk = _handlers['*'];
+  let key = event.keyCode || event.which || event.charCode;
+
+  // 表单控件过滤 默认表单控件不触发快捷键
+  if (!hotkeys.filter.call(this, event)) return;
+
+  // Gecko(Firefox)的command键值224，在Webkit(Chrome)中保持一致
+  // Webkit左右 command 键值不一样
+  if (key === 93 || key === 224) key = 91;
+
+  /**
+   * Collect bound keys
+   * If an Input Method Editor is processing key input and the event is keydown, return 229.
+   * https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229
+   * http://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html
+   */
+  if (_downKeys.indexOf(key) === -1 && key !== 229) _downKeys.push(key);
+  /**
+   * Jest test cases are required.
+   * ===============================
+   */
+  ['ctrlKey', 'altKey', 'shiftKey', 'metaKey'].forEach(keyName => {
+    const keyNum = modifierMap[keyName];
+    if (event[keyName] && _downKeys.indexOf(keyNum) === -1) {
+      _downKeys.push(keyNum);
+    } else if (!event[keyName] && _downKeys.indexOf(keyNum) > -1) {
+      _downKeys.splice(_downKeys.indexOf(keyNum), 1);
+    } else if (keyName === 'metaKey' && event[keyName] && _downKeys.length === 3) {
+      /**
+       * Fix if Command is pressed:
+       * ===============================
+       */
+      if (!(event.ctrlKey || event.shiftKey || event.altKey)) {
+        _downKeys = _downKeys.slice(_downKeys.indexOf(keyNum));
+      }
+    }
+  });
+  /**
+   * -------------------------------
+   */
+
+  if (key in _mods) {
+    _mods[key] = true;
+
+    // 将特殊字符的key注册到 hotkeys 上
+    for (const k in _modifier) {
+      if (_modifier[k] === key) hotkeys[k] = true;
+    }
+    if (!asterisk) return;
+  }
+
+  // 将 modifierMap 里面的修饰键绑定到 event 中
+  for (const e in _mods) {
+    if (Object.prototype.hasOwnProperty.call(_mods, e)) {
+      _mods[e] = event[modifierMap[e]];
+    }
+  }
+  /**
+   * https://github.com/jaywcjlove/hotkeys/pull/129
+   * This solves the issue in Firefox on Windows where hotkeys corresponding to special characters would not trigger.
+   * An example of this is ctrl+alt+m on a Swedish keyboard which is used to type μ.
+   * Browser support: https://caniuse.com/#feat=keyboardevent-getmodifierstate
+   */
+  if (event.getModifierState && !(event.altKey && !event.ctrlKey) && event.getModifierState('AltGraph')) {
+    if (_downKeys.indexOf(17) === -1) {
+      _downKeys.push(17);
+    }
+    if (_downKeys.indexOf(18) === -1) {
+      _downKeys.push(18);
+    }
+    _mods[17] = true;
+    _mods[18] = true;
+  }
+
+  // 获取范围 默认为 `all`
+  const scope = getScope();
+  // 对任何快捷键都需要做的处理
+  if (asterisk) {
+    for (let i = 0; i < asterisk.length; i++) {
+      if (asterisk[i].scope === scope && (event.type === 'keydown' && asterisk[i].keydown || event.type === 'keyup' && asterisk[i].keyup)) {
+        eventHandler(event, asterisk[i], scope, element);
+      }
+    }
+  }
+  // key 不在 _handlers 中返回
+  if (!(key in _handlers)) return;
+  const handlerKey = _handlers[key];
+  const keyLen = handlerKey.length;
+  for (let i = 0; i < keyLen; i++) {
+    if (event.type === 'keydown' && handlerKey[i].keydown || event.type === 'keyup' && handlerKey[i].keyup) {
+      if (handlerKey[i].key) {
+        const record = handlerKey[i];
+        const {
+          splitKey
+        } = record;
+        const keyShortcut = record.key.split(splitKey);
+        const _downKeysCurrent = []; // 记录当前按键键值
+        for (let a = 0; a < keyShortcut.length; a++) {
+          _downKeysCurrent.push(code(keyShortcut[a]));
+        }
+        if (_downKeysCurrent.sort().join('') === _downKeys.sort().join('')) {
+          // 找到处理内容
+          eventHandler(event, record, scope, element);
+        }
+      }
+    }
+  }
+}
+function hotkeys(key, option, method) {
+  _downKeys = [];
+  const keys = getKeys(key); // 需要处理的快捷键列表
+  let mods = [];
+  let scope = 'all'; // scope默认为all，所有范围都有效
+  let element = document; // 快捷键事件绑定节点
+  let i = 0;
+  let keyup = false;
+  let keydown = true;
+  let splitKey = '+';
+  let capture = false;
+  let single = false; // 单个callback
+
+  // 对为设定范围的判断
+  if (method === undefined && typeof option === 'function') {
+    method = option;
+  }
+  if (Object.prototype.toString.call(option) === '[object Object]') {
+    if (option.scope) scope = option.scope; // eslint-disable-line
+    if (option.element) element = option.element; // eslint-disable-line
+    if (option.keyup) keyup = option.keyup; // eslint-disable-line
+    if (option.keydown !== undefined) keydown = option.keydown; // eslint-disable-line
+    if (option.capture !== undefined) capture = option.capture; // eslint-disable-line
+    if (typeof option.splitKey === 'string') splitKey = option.splitKey; // eslint-disable-line
+    if (option.single === true) single = true; // eslint-disable-line
+  }
+  if (typeof option === 'string') scope = option;
+
+  // 如果只允许单个callback，先unbind
+  if (single) unbind(key, scope);
+
+  // 对于每个快捷键进行处理
+  for (; i < keys.length; i++) {
+    key = keys[i].split(splitKey); // 按键列表
+    mods = [];
+
+    // 如果是组合快捷键取得组合快捷键
+    if (key.length > 1) mods = getMods(_modifier, key);
+
+    // 将非修饰键转化为键码
+    key = key[key.length - 1];
+    key = key === '*' ? '*' : code(key); // *表示匹配所有快捷键
+
+    // 判断key是否在_handlers中，不在就赋一个空数组
+    if (!(key in _handlers)) _handlers[key] = [];
+    _handlers[key].push({
+      keyup,
+      keydown,
+      scope,
+      mods,
+      shortcut: keys[i],
+      method,
+      key: keys[i],
+      splitKey,
+      element
+    });
+  }
+  // 在全局document上设置快捷键
+  if (typeof element !== 'undefined' && window) {
+    if (!elementEventMap.has(element)) {
+      const keydownListener = function () {
+        let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
+        return dispatch(event, element);
+      };
+      const keyupListenr = function () {
+        let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
+        dispatch(event, element);
+        clearModifier(event);
+      };
+      elementEventMap.set(element, {
+        keydownListener,
+        keyupListenr,
+        capture
+      });
+      addEvent(element, 'keydown', keydownListener, capture);
+      addEvent(element, 'keyup', keyupListenr, capture);
+    }
+    if (!winListendFocus) {
+      const listener = () => {
+        _downKeys = [];
+      };
+      winListendFocus = {
+        listener,
+        capture
+      };
+      addEvent(window, 'focus', listener, capture);
+    }
+  }
+}
+function trigger(shortcut) {
+  let scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
+  Object.keys(_handlers).forEach(key => {
+    const dataList = _handlers[key].filter(item => item.scope === scope && item.shortcut === shortcut);
+    dataList.forEach(data => {
+      if (data && data.method) {
+        data.method();
+      }
+    });
+  });
+}
+
+// 销毁事件,unbind之后判断element上是否还有键盘快捷键，如果没有移除监听
+function removeKeyEvent(element) {
+  const values = Object.values(_handlers).flat();
+  const findindex = values.findIndex(_ref4 => {
+    let {
+      element: el
+    } = _ref4;
+    return el === element;
+  });
+  if (findindex < 0) {
+    const {
+      keydownListener,
+      keyupListenr,
+      capture
+    } = elementEventMap.get(element) || {};
+    if (keydownListener && keyupListenr) {
+      removeEvent(element, 'keyup', keyupListenr, capture);
+      removeEvent(element, 'keydown', keydownListener, capture);
+      elementEventMap.delete(element);
+    }
+  }
+  if (values.length <= 0 || elementEventMap.size <= 0) {
+    // 移除所有的元素上的监听
+    const eventKeys = Object.keys(elementEventMap);
+    eventKeys.forEach(el => {
+      const {
+        keydownListener,
+        keyupListenr,
+        capture
+      } = elementEventMap.get(el) || {};
+      if (keydownListener && keyupListenr) {
+        removeEvent(el, 'keyup', keyupListenr, capture);
+        removeEvent(el, 'keydown', keydownListener, capture);
+        elementEventMap.delete(el);
+      }
+    });
+    // 清空 elementEventMap
+    elementEventMap.clear();
+    // 清空 _handlers
+    Object.keys(_handlers).forEach(key => delete _handlers[key]);
+    // 移除window上的focus监听
+    if (winListendFocus) {
+      const {
+        listener,
+        capture
+      } = winListendFocus;
+      removeEvent(window, 'focus', listener, capture);
+      winListendFocus = null;
+    }
+  }
+}
+const _api = {
+  getPressedKeyString,
+  setScope,
+  getScope,
+  deleteScope,
+  getPressedKeyCodes,
+  getAllKeyCodes,
+  isPressed,
+  filter,
+  trigger,
+  unbind,
+  keyMap: _keyMap,
+  modifier: _modifier,
+  modifierMap
+};
+for (const a in _api) {
+  if (Object.prototype.hasOwnProperty.call(_api, a)) {
+    hotkeys[a] = _api[a];
+  }
+}
+if (typeof window !== 'undefined') {
+  const _hotkeys = window.hotkeys;
+  hotkeys.noConflict = deep => {
+    if (deep && window.hotkeys === hotkeys) {
+      window.hotkeys = _hotkeys;
+    }
+    return hotkeys;
+  };
+  window.hotkeys = hotkeys;
+}
+
+export { hotkeys as default };
diff --git a/static/pkg/hotkeys-js/dist/hotkeys.js b/static/pkg/hotkeys-js/dist/hotkeys.js
new file mode 100644
index 00000000..22710d02
--- /dev/null
+++ b/static/pkg/hotkeys-js/dist/hotkeys.js
@@ -0,0 +1,683 @@
+/**! 
+ * hotkeys-js v3.13.7 
+ * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
+ * 
+ * Copyright (c) 2024 kenny wong <wowohoo@qq.com> 
+ * https://github.com/jaywcjlove/hotkeys-js.git 
+ * 
+ * @website: https://jaywcjlove.github.io/hotkeys-js
+ 
+ * Licensed under the MIT license 
+ */
+
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.hotkeys = factory());
+})(this, (function () { 'use strict';
+
+  const isff = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase().indexOf('firefox') > 0 : false;
+
+  // 绑定事件
+  function addEvent(object, event, method, useCapture) {
+    if (object.addEventListener) {
+      object.addEventListener(event, method, useCapture);
+    } else if (object.attachEvent) {
+      object.attachEvent("on".concat(event), method);
+    }
+  }
+  function removeEvent(object, event, method, useCapture) {
+    if (object.removeEventListener) {
+      object.removeEventListener(event, method, useCapture);
+    } else if (object.detachEvent) {
+      object.detachEvent("on".concat(event), method);
+    }
+  }
+
+  // 修饰键转换成对应的键码
+  function getMods(modifier, key) {
+    const mods = key.slice(0, key.length - 1);
+    for (let i = 0; i < mods.length; i++) mods[i] = modifier[mods[i].toLowerCase()];
+    return mods;
+  }
+
+  // 处理传的key字符串转换成数组
+  function getKeys(key) {
+    if (typeof key !== 'string') key = '';
+    key = key.replace(/\s/g, ''); // 匹配任何空白字符,包括空格、制表符、换页符等等
+    const keys = key.split(','); // 同时设置多个快捷键，以','分割
+    let index = keys.lastIndexOf('');
+
+    // 快捷键可能包含','，需特殊处理
+    for (; index >= 0;) {
+      keys[index - 1] += ',';
+      keys.splice(index, 1);
+      index = keys.lastIndexOf('');
+    }
+    return keys;
+  }
+
+  // 比较修饰键的数组
+  function compareArray(a1, a2) {
+    const arr1 = a1.length >= a2.length ? a1 : a2;
+    const arr2 = a1.length >= a2.length ? a2 : a1;
+    let isIndex = true;
+    for (let i = 0; i < arr1.length; i++) {
+      if (arr2.indexOf(arr1[i]) === -1) isIndex = false;
+    }
+    return isIndex;
+  }
+
+  // Special Keys
+  const _keyMap = {
+    backspace: 8,
+    '⌫': 8,
+    tab: 9,
+    clear: 12,
+    enter: 13,
+    '↩': 13,
+    return: 13,
+    esc: 27,
+    escape: 27,
+    space: 32,
+    left: 37,
+    up: 38,
+    right: 39,
+    down: 40,
+    del: 46,
+    delete: 46,
+    ins: 45,
+    insert: 45,
+    home: 36,
+    end: 35,
+    pageup: 33,
+    pagedown: 34,
+    capslock: 20,
+    num_0: 96,
+    num_1: 97,
+    num_2: 98,
+    num_3: 99,
+    num_4: 100,
+    num_5: 101,
+    num_6: 102,
+    num_7: 103,
+    num_8: 104,
+    num_9: 105,
+    num_multiply: 106,
+    num_add: 107,
+    num_enter: 108,
+    num_subtract: 109,
+    num_decimal: 110,
+    num_divide: 111,
+    '⇪': 20,
+    ',': 188,
+    '.': 190,
+    '/': 191,
+    '`': 192,
+    '-': isff ? 173 : 189,
+    '=': isff ? 61 : 187,
+    ';': isff ? 59 : 186,
+    '\'': 222,
+    '[': 219,
+    ']': 221,
+    '\\': 220
+  };
+
+  // Modifier Keys
+  const _modifier = {
+    // shiftKey
+    '⇧': 16,
+    shift: 16,
+    // altKey
+    '⌥': 18,
+    alt: 18,
+    option: 18,
+    // ctrlKey
+    '⌃': 17,
+    ctrl: 17,
+    control: 17,
+    // metaKey
+    '⌘': 91,
+    cmd: 91,
+    command: 91
+  };
+  const modifierMap = {
+    16: 'shiftKey',
+    18: 'altKey',
+    17: 'ctrlKey',
+    91: 'metaKey',
+    shiftKey: 16,
+    ctrlKey: 17,
+    altKey: 18,
+    metaKey: 91
+  };
+  const _mods = {
+    16: false,
+    18: false,
+    17: false,
+    91: false
+  };
+  const _handlers = {};
+
+  // F1~F12 special key
+  for (let k = 1; k < 20; k++) {
+    _keyMap["f".concat(k)] = 111 + k;
+  }
+
+  let _downKeys = []; // 记录摁下的绑定键
+  let winListendFocus = null; // window是否已经监听了focus事件
+  let _scope = 'all'; // 默认热键范围
+  const elementEventMap = new Map(); // 已绑定事件的节点记录
+
+  // 返回键码
+  const code = x => _keyMap[x.toLowerCase()] || _modifier[x.toLowerCase()] || x.toUpperCase().charCodeAt(0);
+  const getKey = x => Object.keys(_keyMap).find(k => _keyMap[k] === x);
+  const getModifier = x => Object.keys(_modifier).find(k => _modifier[k] === x);
+
+  // 设置获取当前范围（默认为'所有'）
+  function setScope(scope) {
+    _scope = scope || 'all';
+  }
+  // 获取当前范围
+  function getScope() {
+    return _scope || 'all';
+  }
+  // 获取摁下绑定键的键值
+  function getPressedKeyCodes() {
+    return _downKeys.slice(0);
+  }
+  function getPressedKeyString() {
+    return _downKeys.map(c => getKey(c) || getModifier(c) || String.fromCharCode(c));
+  }
+  function getAllKeyCodes() {
+    const result = [];
+    Object.keys(_handlers).forEach(k => {
+      _handlers[k].forEach(_ref => {
+        let {
+          key,
+          scope,
+          mods,
+          shortcut
+        } = _ref;
+        result.push({
+          scope,
+          shortcut,
+          mods,
+          keys: key.split('+').map(v => code(v))
+        });
+      });
+    });
+    return result;
+  }
+
+  // 表单控件控件判断 返回 Boolean
+  // hotkey is effective only when filter return true
+  function filter(event) {
+    const target = event.target || event.srcElement;
+    const {
+      tagName
+    } = target;
+    let flag = true;
+    const isInput = tagName === 'INPUT' && !['checkbox', 'radio', 'range', 'button', 'file', 'reset', 'submit', 'color'].includes(target.type);
+    // ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>
+    if (target.isContentEditable || (isInput || tagName === 'TEXTAREA' || tagName === 'SELECT') && !target.readOnly) {
+      flag = false;
+    }
+    return flag;
+  }
+
+  // 判断摁下的键是否为某个键，返回true或者false
+  function isPressed(keyCode) {
+    if (typeof keyCode === 'string') {
+      keyCode = code(keyCode); // 转换成键码
+    }
+    return _downKeys.indexOf(keyCode) !== -1;
+  }
+
+  // 循环删除handlers中的所有 scope(范围)
+  function deleteScope(scope, newScope) {
+    let handlers;
+    let i;
+
+    // 没有指定scope，获取scope
+    if (!scope) scope = getScope();
+    for (const key in _handlers) {
+      if (Object.prototype.hasOwnProperty.call(_handlers, key)) {
+        handlers = _handlers[key];
+        for (i = 0; i < handlers.length;) {
+          if (handlers[i].scope === scope) {
+            const deleteItems = handlers.splice(i, 1);
+            deleteItems.forEach(_ref2 => {
+              let {
+                element
+              } = _ref2;
+              return removeKeyEvent(element);
+            });
+          } else {
+            i++;
+          }
+        }
+      }
+    }
+
+    // 如果scope被删除，将scope重置为all
+    if (getScope() === scope) setScope(newScope || 'all');
+  }
+
+  // 清除修饰键
+  function clearModifier(event) {
+    let key = event.keyCode || event.which || event.charCode;
+    const i = _downKeys.indexOf(key);
+
+    // 从列表中清除按压过的键
+    if (i >= 0) {
+      _downKeys.splice(i, 1);
+    }
+    // 特殊处理 cmmand 键，在 cmmand 组合快捷键 keyup 只执行一次的问题
+    if (event.key && event.key.toLowerCase() === 'meta') {
+      _downKeys.splice(0, _downKeys.length);
+    }
+
+    // 修饰键 shiftKey altKey ctrlKey (command||metaKey) 清除
+    if (key === 93 || key === 224) key = 91;
+    if (key in _mods) {
+      _mods[key] = false;
+
+      // 将修饰键重置为false
+      for (const k in _modifier) if (_modifier[k] === key) hotkeys[k] = false;
+    }
+  }
+  function unbind(keysInfo) {
+    // unbind(), unbind all keys
+    if (typeof keysInfo === 'undefined') {
+      Object.keys(_handlers).forEach(key => {
+        Array.isArray(_handlers[key]) && _handlers[key].forEach(info => eachUnbind(info));
+        delete _handlers[key];
+      });
+      removeKeyEvent(null);
+    } else if (Array.isArray(keysInfo)) {
+      // support like : unbind([{key: 'ctrl+a', scope: 's1'}, {key: 'ctrl-a', scope: 's2', splitKey: '-'}])
+      keysInfo.forEach(info => {
+        if (info.key) eachUnbind(info);
+      });
+    } else if (typeof keysInfo === 'object') {
+      // support like unbind({key: 'ctrl+a, ctrl+b', scope:'abc'})
+      if (keysInfo.key) eachUnbind(keysInfo);
+    } else if (typeof keysInfo === 'string') {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+      // support old method
+      // eslint-disable-line
+      let [scope, method] = args;
+      if (typeof scope === 'function') {
+        method = scope;
+        scope = '';
+      }
+      eachUnbind({
+        key: keysInfo,
+        scope,
+        method,
+        splitKey: '+'
+      });
+    }
+  }
+
+  // 解除绑定某个范围的快捷键
+  const eachUnbind = _ref3 => {
+    let {
+      key,
+      scope,
+      method,
+      splitKey = '+'
+    } = _ref3;
+    const multipleKeys = getKeys(key);
+    multipleKeys.forEach(originKey => {
+      const unbindKeys = originKey.split(splitKey);
+      const len = unbindKeys.length;
+      const lastKey = unbindKeys[len - 1];
+      const keyCode = lastKey === '*' ? '*' : code(lastKey);
+      if (!_handlers[keyCode]) return;
+      // 判断是否传入范围，没有就获取范围
+      if (!scope) scope = getScope();
+      const mods = len > 1 ? getMods(_modifier, unbindKeys) : [];
+      const unbindElements = [];
+      _handlers[keyCode] = _handlers[keyCode].filter(record => {
+        // 通过函数判断，是否解除绑定，函数相等直接返回
+        const isMatchingMethod = method ? record.method === method : true;
+        const isUnbind = isMatchingMethod && record.scope === scope && compareArray(record.mods, mods);
+        if (isUnbind) unbindElements.push(record.element);
+        return !isUnbind;
+      });
+      unbindElements.forEach(element => removeKeyEvent(element));
+    });
+  };
+
+  // 对监听对应快捷键的回调函数进行处理
+  function eventHandler(event, handler, scope, element) {
+    if (handler.element !== element) {
+      return;
+    }
+    let modifiersMatch;
+
+    // 看它是否在当前范围
+    if (handler.scope === scope || handler.scope === 'all') {
+      // 检查是否匹配修饰符（如果有返回true）
+      modifiersMatch = handler.mods.length > 0;
+      for (const y in _mods) {
+        if (Object.prototype.hasOwnProperty.call(_mods, y)) {
+          if (!_mods[y] && handler.mods.indexOf(+y) > -1 || _mods[y] && handler.mods.indexOf(+y) === -1) {
+            modifiersMatch = false;
+          }
+        }
+      }
+
+      // 调用处理程序，如果是修饰键不做处理
+      if (handler.mods.length === 0 && !_mods[16] && !_mods[18] && !_mods[17] && !_mods[91] || modifiersMatch || handler.shortcut === '*') {
+        handler.keys = [];
+        handler.keys = handler.keys.concat(_downKeys);
+        if (handler.method(event, handler) === false) {
+          if (event.preventDefault) event.preventDefault();else event.returnValue = false;
+          if (event.stopPropagation) event.stopPropagation();
+          if (event.cancelBubble) event.cancelBubble = true;
+        }
+      }
+    }
+  }
+
+  // 处理keydown事件
+  function dispatch(event, element) {
+    const asterisk = _handlers['*'];
+    let key = event.keyCode || event.which || event.charCode;
+
+    // 表单控件过滤 默认表单控件不触发快捷键
+    if (!hotkeys.filter.call(this, event)) return;
+
+    // Gecko(Firefox)的command键值224，在Webkit(Chrome)中保持一致
+    // Webkit左右 command 键值不一样
+    if (key === 93 || key === 224) key = 91;
+
+    /**
+     * Collect bound keys
+     * If an Input Method Editor is processing key input and the event is keydown, return 229.
+     * https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229
+     * http://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html
+     */
+    if (_downKeys.indexOf(key) === -1 && key !== 229) _downKeys.push(key);
+    /**
+     * Jest test cases are required.
+     * ===============================
+     */
+    ['ctrlKey', 'altKey', 'shiftKey', 'metaKey'].forEach(keyName => {
+      const keyNum = modifierMap[keyName];
+      if (event[keyName] && _downKeys.indexOf(keyNum) === -1) {
+        _downKeys.push(keyNum);
+      } else if (!event[keyName] && _downKeys.indexOf(keyNum) > -1) {
+        _downKeys.splice(_downKeys.indexOf(keyNum), 1);
+      } else if (keyName === 'metaKey' && event[keyName] && _downKeys.length === 3) {
+        /**
+         * Fix if Command is pressed:
+         * ===============================
+         */
+        if (!(event.ctrlKey || event.shiftKey || event.altKey)) {
+          _downKeys = _downKeys.slice(_downKeys.indexOf(keyNum));
+        }
+      }
+    });
+    /**
+     * -------------------------------
+     */
+
+    if (key in _mods) {
+      _mods[key] = true;
+
+      // 将特殊字符的key注册到 hotkeys 上
+      for (const k in _modifier) {
+        if (_modifier[k] === key) hotkeys[k] = true;
+      }
+      if (!asterisk) return;
+    }
+
+    // 将 modifierMap 里面的修饰键绑定到 event 中
+    for (const e in _mods) {
+      if (Object.prototype.hasOwnProperty.call(_mods, e)) {
+        _mods[e] = event[modifierMap[e]];
+      }
+    }
+    /**
+     * https://github.com/jaywcjlove/hotkeys/pull/129
+     * This solves the issue in Firefox on Windows where hotkeys corresponding to special characters would not trigger.
+     * An example of this is ctrl+alt+m on a Swedish keyboard which is used to type μ.
+     * Browser support: https://caniuse.com/#feat=keyboardevent-getmodifierstate
+     */
+    if (event.getModifierState && !(event.altKey && !event.ctrlKey) && event.getModifierState('AltGraph')) {
+      if (_downKeys.indexOf(17) === -1) {
+        _downKeys.push(17);
+      }
+      if (_downKeys.indexOf(18) === -1) {
+        _downKeys.push(18);
+      }
+      _mods[17] = true;
+      _mods[18] = true;
+    }
+
+    // 获取范围 默认为 `all`
+    const scope = getScope();
+    // 对任何快捷键都需要做的处理
+    if (asterisk) {
+      for (let i = 0; i < asterisk.length; i++) {
+        if (asterisk[i].scope === scope && (event.type === 'keydown' && asterisk[i].keydown || event.type === 'keyup' && asterisk[i].keyup)) {
+          eventHandler(event, asterisk[i], scope, element);
+        }
+      }
+    }
+    // key 不在 _handlers 中返回
+    if (!(key in _handlers)) return;
+    const handlerKey = _handlers[key];
+    const keyLen = handlerKey.length;
+    for (let i = 0; i < keyLen; i++) {
+      if (event.type === 'keydown' && handlerKey[i].keydown || event.type === 'keyup' && handlerKey[i].keyup) {
+        if (handlerKey[i].key) {
+          const record = handlerKey[i];
+          const {
+            splitKey
+          } = record;
+          const keyShortcut = record.key.split(splitKey);
+          const _downKeysCurrent = []; // 记录当前按键键值
+          for (let a = 0; a < keyShortcut.length; a++) {
+            _downKeysCurrent.push(code(keyShortcut[a]));
+          }
+          if (_downKeysCurrent.sort().join('') === _downKeys.sort().join('')) {
+            // 找到处理内容
+            eventHandler(event, record, scope, element);
+          }
+        }
+      }
+    }
+  }
+  function hotkeys(key, option, method) {
+    _downKeys = [];
+    const keys = getKeys(key); // 需要处理的快捷键列表
+    let mods = [];
+    let scope = 'all'; // scope默认为all，所有范围都有效
+    let element = document; // 快捷键事件绑定节点
+    let i = 0;
+    let keyup = false;
+    let keydown = true;
+    let splitKey = '+';
+    let capture = false;
+    let single = false; // 单个callback
+
+    // 对为设定范围的判断
+    if (method === undefined && typeof option === 'function') {
+      method = option;
+    }
+    if (Object.prototype.toString.call(option) === '[object Object]') {
+      if (option.scope) scope = option.scope; // eslint-disable-line
+      if (option.element) element = option.element; // eslint-disable-line
+      if (option.keyup) keyup = option.keyup; // eslint-disable-line
+      if (option.keydown !== undefined) keydown = option.keydown; // eslint-disable-line
+      if (option.capture !== undefined) capture = option.capture; // eslint-disable-line
+      if (typeof option.splitKey === 'string') splitKey = option.splitKey; // eslint-disable-line
+      if (option.single === true) single = true; // eslint-disable-line
+    }
+    if (typeof option === 'string') scope = option;
+
+    // 如果只允许单个callback，先unbind
+    if (single) unbind(key, scope);
+
+    // 对于每个快捷键进行处理
+    for (; i < keys.length; i++) {
+      key = keys[i].split(splitKey); // 按键列表
+      mods = [];
+
+      // 如果是组合快捷键取得组合快捷键
+      if (key.length > 1) mods = getMods(_modifier, key);
+
+      // 将非修饰键转化为键码
+      key = key[key.length - 1];
+      key = key === '*' ? '*' : code(key); // *表示匹配所有快捷键
+
+      // 判断key是否在_handlers中，不在就赋一个空数组
+      if (!(key in _handlers)) _handlers[key] = [];
+      _handlers[key].push({
+        keyup,
+        keydown,
+        scope,
+        mods,
+        shortcut: keys[i],
+        method,
+        key: keys[i],
+        splitKey,
+        element
+      });
+    }
+    // 在全局document上设置快捷键
+    if (typeof element !== 'undefined' && window) {
+      if (!elementEventMap.has(element)) {
+        const keydownListener = function () {
+          let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
+          return dispatch(event, element);
+        };
+        const keyupListenr = function () {
+          let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
+          dispatch(event, element);
+          clearModifier(event);
+        };
+        elementEventMap.set(element, {
+          keydownListener,
+          keyupListenr,
+          capture
+        });
+        addEvent(element, 'keydown', keydownListener, capture);
+        addEvent(element, 'keyup', keyupListenr, capture);
+      }
+      if (!winListendFocus) {
+        const listener = () => {
+          _downKeys = [];
+        };
+        winListendFocus = {
+          listener,
+          capture
+        };
+        addEvent(window, 'focus', listener, capture);
+      }
+    }
+  }
+  function trigger(shortcut) {
+    let scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
+    Object.keys(_handlers).forEach(key => {
+      const dataList = _handlers[key].filter(item => item.scope === scope && item.shortcut === shortcut);
+      dataList.forEach(data => {
+        if (data && data.method) {
+          data.method();
+        }
+      });
+    });
+  }
+
+  // 销毁事件,unbind之后判断element上是否还有键盘快捷键，如果没有移除监听
+  function removeKeyEvent(element) {
+    const values = Object.values(_handlers).flat();
+    const findindex = values.findIndex(_ref4 => {
+      let {
+        element: el
+      } = _ref4;
+      return el === element;
+    });
+    if (findindex < 0) {
+      const {
+        keydownListener,
+        keyupListenr,
+        capture
+      } = elementEventMap.get(element) || {};
+      if (keydownListener && keyupListenr) {
+        removeEvent(element, 'keyup', keyupListenr, capture);
+        removeEvent(element, 'keydown', keydownListener, capture);
+        elementEventMap.delete(element);
+      }
+    }
+    if (values.length <= 0 || elementEventMap.size <= 0) {
+      // 移除所有的元素上的监听
+      const eventKeys = Object.keys(elementEventMap);
+      eventKeys.forEach(el => {
+        const {
+          keydownListener,
+          keyupListenr,
+          capture
+        } = elementEventMap.get(el) || {};
+        if (keydownListener && keyupListenr) {
+          removeEvent(el, 'keyup', keyupListenr, capture);
+          removeEvent(el, 'keydown', keydownListener, capture);
+          elementEventMap.delete(el);
+        }
+      });
+      // 清空 elementEventMap
+      elementEventMap.clear();
+      // 清空 _handlers
+      Object.keys(_handlers).forEach(key => delete _handlers[key]);
+      // 移除window上的focus监听
+      if (winListendFocus) {
+        const {
+          listener,
+          capture
+        } = winListendFocus;
+        removeEvent(window, 'focus', listener, capture);
+        winListendFocus = null;
+      }
+    }
+  }
+  const _api = {
+    getPressedKeyString,
+    setScope,
+    getScope,
+    deleteScope,
+    getPressedKeyCodes,
+    getAllKeyCodes,
+    isPressed,
+    filter,
+    trigger,
+    unbind,
+    keyMap: _keyMap,
+    modifier: _modifier,
+    modifierMap
+  };
+  for (const a in _api) {
+    if (Object.prototype.hasOwnProperty.call(_api, a)) {
+      hotkeys[a] = _api[a];
+    }
+  }
+  if (typeof window !== 'undefined') {
+    const _hotkeys = window.hotkeys;
+    hotkeys.noConflict = deep => {
+      if (deep && window.hotkeys === hotkeys) {
+        window.hotkeys = _hotkeys;
+      }
+      return hotkeys;
+    };
+    window.hotkeys = hotkeys;
+  }
+
+  return hotkeys;
+
+}));
diff --git a/static/pkg/hotkeys-js/dist/hotkeys.min.js b/static/pkg/hotkeys-js/dist/hotkeys.min.js
new file mode 100644
index 00000000..fe214fde
--- /dev/null
+++ b/static/pkg/hotkeys-js/dist/hotkeys.min.js
@@ -0,0 +1,2 @@
+/*! hotkeys-js v3.13.7 | MIT © 2024 kenny wong <wowohoo@qq.com> https://jaywcjlove.github.io/hotkeys-js */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).hotkeys=t()}(this,function(){"use strict";var e="undefined"!=typeof navigator&&0<navigator.userAgent.toLowerCase().indexOf("firefox");function y(e,t,n,o){e.addEventListener?e.addEventListener(t,n,o):e.attachEvent&&e.attachEvent("on".concat(t),n)}function i(e,t,n,o){e.removeEventListener?e.removeEventListener(t,n,o):e.detachEvent&&e.detachEvent("on".concat(t),n)}function h(t,e){var n=e.slice(0,e.length-1);for(let e=0;e<n.length;e++)n[e]=t[n[e].toLowerCase()];return n}function m(e){var t=(e=(e="string"!=typeof e?"":e).replace(/\s/g,"")).split(",");let n=t.lastIndexOf("");for(;0<=n;)t[n-1]+=",",t.splice(n,1),n=t.lastIndexOf("");return t}const o={backspace:8,"\u232b":8,tab:9,clear:12,enter:13,"\u21a9":13,return:13,esc:27,escape:27,space:32,left:37,up:38,right:39,down:40,del:46,delete:46,ins:45,insert:45,home:36,end:35,pageup:33,pagedown:34,capslock:20,num_0:96,num_1:97,num_2:98,num_3:99,num_4:100,num_5:101,num_6:102,num_7:103,num_8:104,num_9:105,num_multiply:106,num_add:107,num_enter:108,num_subtract:109,num_decimal:110,num_divide:111,"\u21ea":20,",":188,".":190,"/":191,"`":192,"-":e?173:189,"=":e?61:187,";":e?59:186,"'":222,"[":219,"]":221,"\\":220},k={"\u21e7":16,shift:16,"\u2325":18,alt:18,option:18,"\u2303":17,ctrl:17,control:17,"\u2318":91,cmd:91,command:91},p={16:"shiftKey",18:"altKey",17:"ctrlKey",91:"metaKey",shiftKey:16,ctrlKey:17,altKey:18,metaKey:91},g={16:!1,18:!1,17:!1,91:!1},v={};for(let e=1;e<20;e++)o["f".concat(e)]=111+e;let w=[],O=null,t="all";const b=new Map,E=e=>o[e.toLowerCase()]||k[e.toLowerCase()]||e.toUpperCase().charCodeAt(0);function l(e){t=e||"all"}function K(){return t||"all"}function x(n){if(void 0===n)Object.keys(v).forEach(e=>{Array.isArray(v[e])&&v[e].forEach(e=>s(e)),delete v[e]}),c(null);else if(Array.isArray(n))n.forEach(e=>{e.key&&s(e)});else if("object"==typeof n)n.key&&s(n);else if("string"==typeof n){for(var o=arguments.length,r=Array(1<o?o-1:0),i=1;i<o;i++)r[i-1]=arguments[i];let[e,t]=r;"function"==typeof e&&(t=e,e=""),s({key:n,scope:e,method:t,splitKey:"+"})}}const s=e=>{let{key:t,scope:i,method:l,splitKey:s="+"}=e;m(t).forEach(e=>{var e=e.split(s),t=e.length,n=e[t-1],n="*"===n?"*":E(n);if(v[n]){i=i||K();const o=1<t?h(k,e):[],r=[];v[n]=v[n].filter(e=>{var t=(!l||e.method===l)&&e.scope===i&&function(e,t){var n=e.length<t.length?t:e,o=e.length<t.length?e:t;let r=!0;for(let e=0;e<n.length;e++)~o.indexOf(n[e])||(r=!1);return r}(e.mods,o);return t&&r.push(e.element),!t}),r.forEach(e=>c(e))}})};function j(t,n,o,e){if(n.element===e){let e;if(n.scope===o||"all"===n.scope){e=0<n.mods.length;for(const r in g)Object.prototype.hasOwnProperty.call(g,r)&&(!g[r]&&~n.mods.indexOf(+r)||g[r]&&!~n.mods.indexOf(+r))&&(e=!1);(0!==n.mods.length||g[16]||g[18]||g[17]||g[91])&&!e&&"*"!==n.shortcut||(n.keys=[],n.keys=n.keys.concat(w),!1===n.method(t,n)&&(t.preventDefault?t.preventDefault():t.returnValue=!1,t.stopPropagation&&t.stopPropagation(),t.cancelBubble)&&(t.cancelBubble=!0))}}}function C(n,t){var o=v["*"];let e=n.keyCode||n.which||n.charCode;if(L.filter.call(this,n)){if(93!==e&&224!==e||(e=91),~w.indexOf(e)||229===e||w.push(e),["ctrlKey","altKey","shiftKey","metaKey"].forEach(e=>{var t=p[e];n[e]&&!~w.indexOf(t)?w.push(t):!n[e]&&~w.indexOf(t)?w.splice(w.indexOf(t),1):"metaKey"!==e||!n[e]||3!==w.length||n.ctrlKey||n.shiftKey||n.altKey||(w=w.slice(w.indexOf(t)))}),e in g){g[e]=!0;for(const d in k)k[d]===e&&(L[d]=!0);if(!o)return}for(const u in g)Object.prototype.hasOwnProperty.call(g,u)&&(g[u]=n[p[u]]);n.getModifierState&&(!n.altKey||n.ctrlKey)&&n.getModifierState("AltGraph")&&(~w.indexOf(17)||w.push(17),~w.indexOf(18)||w.push(18),g[17]=!0,g[18]=!0);var r=K();if(o)for(let e=0;e<o.length;e++)o[e].scope===r&&("keydown"===n.type&&o[e].keydown||"keyup"===n.type&&o[e].keyup)&&j(n,o[e],r,t);if(e in v){var i=v[e],l=i.length;for(let e=0;e<l;e++)if(("keydown"===n.type&&i[e].keydown||"keyup"===n.type&&i[e].keyup)&&i[e].key){var s=i[e],c=s["splitKey"],a=s.key.split(c),f=[];for(let e=0;e<a.length;e++)f.push(E(a[e]));f.sort().join("")===w.sort().join("")&&j(n,s,r,t)}}}}function L(e,t,n){w=[];var o,r=m(e);let i=[],l="all",s=document,c=0,a=!1,f=!0,d="+",u=!1,p=!1;for(void 0===n&&"function"==typeof t&&(n=t),"[object Object]"===Object.prototype.toString.call(t)&&(t.scope&&(l=t.scope),t.element&&(s=t.element),t.keyup&&(a=t.keyup),void 0!==t.keydown&&(f=t.keydown),void 0!==t.capture&&(u=t.capture),"string"==typeof t.splitKey&&(d=t.splitKey),!0===t.single)&&(p=!0),"string"==typeof t&&(l=t),p&&x(e,l);c<r.length;c++)e=r[c].split(d),i=[],1<e.length&&(i=h(k,e)),(e="*"===(e=e[e.length-1])?"*":E(e))in v||(v[e]=[]),v[e].push({keyup:a,keydown:f,scope:l,mods:i,shortcut:r[c],method:n,key:r[c],splitKey:d,element:s});void 0!==s&&window&&(b.has(s)||(t=function(){return C(0<arguments.length&&void 0!==arguments[0]?arguments[0]:window.event,s)},o=function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:window.event;C(t,s);{let e=t.keyCode||t.which||t.charCode;var n=w.indexOf(e);if(n<0||w.splice(n,1),t.key&&"meta"==t.key.toLowerCase()&&w.splice(0,w.length),(e=93!==e&&224!==e?e:91)in g){g[e]=!1;for(const o in k)k[o]===e&&(L[o]=!1)}}},b.set(s,{keydownListener:t,keyupListenr:o,capture:u}),y(s,"keydown",t,u),y(s,"keyup",o,u)),O||(t=()=>{w=[]},O={listener:t,capture:u},y(window,"focus",t,u)))}function c(t){var e,n,o,r=Object.values(v).flat();r.findIndex(e=>{e=e.element;return e===t})<0&&({keydownListener:o,keyupListenr:n,capture:e}=b.get(t)||{},o)&&n&&(i(t,"keyup",n,e),i(t,"keydown",o,e),b.delete(t)),0<r.length&&0<b.size||(Object.keys(b).forEach(e=>{var{keydownListener:t,keyupListenr:n,capture:o}=b.get(e)||{};t&&n&&(i(e,"keyup",n,o),i(e,"keydown",t,o),b.delete(e))}),b.clear(),Object.keys(v).forEach(e=>delete v[e]),O&&({listener:n,capture:o}=O,i(window,"focus",n,o),O=null))}var n={getPressedKeyString:function(){return w.map(e=>{return n=e,Object.keys(o).find(e=>o[e]===n)||(t=e,Object.keys(k).find(e=>k[e]===t))||String.fromCharCode(e);var t,n})},setScope:l,getScope:K,deleteScope:function(e,t){var n;let o;e=e||K();for(const r in v)if(Object.prototype.hasOwnProperty.call(v,r))for(n=v[r],o=0;o<n.length;)n[o].scope===e?n.splice(o,1).forEach(e=>{e=e.element;return c(e)}):o++;K()===e&&l(t||"all")},getPressedKeyCodes:function(){return w.slice(0)},getAllKeyCodes:function(){const r=[];return Object.keys(v).forEach(e=>{v[e].forEach(e=>{var{key:e,scope:t,mods:n,shortcut:o}=e;r.push({scope:t,shortcut:o,mods:n,keys:e.split("+").map(e=>E(e))})})}),r},isPressed:function(e){return"string"==typeof e&&(e=E(e)),!!~w.indexOf(e)},filter:function(e){var t=(e=e.target||e.srcElement)["tagName"];let n=!0;var o="INPUT"===t&&!["checkbox","radio","range","button","file","reset","submit","color"].includes(e.type);return n=!e.isContentEditable&&(!o&&"TEXTAREA"!==t&&"SELECT"!==t||e.readOnly)?n:!1},trigger:function(t){let n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"all";Object.keys(v).forEach(e=>{v[e].filter(e=>e.scope===n&&e.shortcut===t).forEach(e=>{e&&e.method&&e.method()})})},unbind:x,keyMap:o,modifier:k,modifierMap:p};for(const r in n)Object.prototype.hasOwnProperty.call(n,r)&&(L[r]=n[r]);if("undefined"!=typeof window){const a=window.hotkeys;L.noConflict=e=>(e&&window.hotkeys===L&&(window.hotkeys=a),L),window.hotkeys=L}return L});
\ No newline at end of file
diff --git a/static/pkg/hotkeys-js/dist/terminal.js b/static/pkg/hotkeys-js/dist/terminal.js
new file mode 100644
index 00000000..625cd68e
--- /dev/null
+++ b/static/pkg/hotkeys-js/dist/terminal.js
@@ -0,0 +1,14 @@
+hotkeys('ctrl+enter', function() {
+	var ele = document.getElementById('aiterm');
+	var svg = document.getElementById('aisvg');
+	if (ele.style.display == 'none') {
+		ele.style.display = 'block'; 
+		svg.style.display = 'none'; 
+		ele.focus();
+	} else {
+		ele.style.display = 'none';
+		svg.style.display = 'block'; 
+		svg.focus();
+	}
+});
+