diff --git a/term/pkg/hotkeys-js/LICENSE b/term/pkg/hotkeys-js/LICENSE
new file mode 100644
index 0000000..8e072bd
--- /dev/null
+++ b/term/pkg/hotkeys-js/LICENSE
@@ -0,0 +1,23 @@
+MIT License
+
+Copyright (c) 2015-present, Kenny Wong.
+
+Copyright (c) 2011-2013 Thomas Fuchs (https://github.com/madrobby/keymaster)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/term/pkg/hotkeys-js/README.md b/term/pkg/hotkeys-js/README.md
new file mode 100644
index 0000000..9794b5a
--- /dev/null
+++ b/term/pkg/hotkeys-js/README.md
@@ -0,0 +1,441 @@
+# Hotkeys
+
+<!--dividing-->
+
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
+[![](https://img.shields.io/npm/dm/hotkeys-js?logo=npm)](https://www.npmjs.com/package/hotkeys-js)
+[![](https://img.shields.io/github/stars/jaywcjlove/hotkeys-js.svg)](https://github.com/jaywcjlove/hotkeys/stargazers)
+![no dependencies](http://jaywcjlove.github.io/sb/status/no-dependencies.svg)
+[![GitHub Actions CI](https://github.com/jaywcjlove/hotkeys-js/actions/workflows/ci.yml/badge.svg)](https://github.com/jaywcjlove/hotkeys-js/actions/workflows/ci.yml)
+[![Coverage Status](https://coveralls.io/repos/github/jaywcjlove/hotkeys/badge.svg?branch=master)](https://coveralls.io/github/jaywcjlove/hotkeys?branch=master)
+[![jaywcjlove/hotkeys-js](https://jaywcjlove.github.io/sb/lang/chinese.svg)](https://github.com/jaywcjlove/hotkeys-js/blob/master/README-zh.md)
+[![jaywcjlove/hotkeys-js](https://jaywcjlove.github.io/sb/ico/gitee.svg)](https://gitee.com/jaywcjlove/hotkeys)
+
+HotKeys.js is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint ([~6kB](https://bundlephobia.com/result?p=hotkeys-js)) (gzipped: **`2.8kB`**), and has no dependencies. It should not interfere with any JavaScript libraries or frameworks. Official document [demo preview](https://jaywcjlove.github.io/hotkeys-js). [More examples](https://github.com/jaywcjlove/hotkeys-js/issues?q=label%3ADemo+).
+
+```bash
+╭┈┈╮          ╭┈┈╮  ╭┈┈╮
+┆  ├┈┈..┈┈┈┈┈.┆  └┈╮┆  ├┈┈..┈┈┈┈┈..┈┈.┈┈..┈┈┈┈┈.
+┆     ┆┆  □  ┆┆   ┈┤┆    < ┆  -__┘┆  ┆  ┆┆__ ┈┈┤
+╰┈┈┴┈┈╯╰┈┈┈┈┈╯╰┈┈┈┈╯╰┈┈┴┈┈╯╰┈┈┈┈┈╯╰┈┈┈  ┆╰┈┈┈┈┈╯
+                                  ╰┈┈┈┈┈╯
+```
+
+## Usage
+
+You will need `Node.js` installed on your system.
+
+```bash
+npm install hotkeys-js --save
+```
+
+```js
+import hotkeys from 'hotkeys-js';
+
+hotkeys('f5', function(event, handler){
+  // Prevent the default refresh event under WINDOWS system
+  event.preventDefault()
+  alert('you pressed F5!')
+});
+```
+
+Or manually download and link **hotkeys.js** in your HTML, It can also be downloaded via [UNPKG](https://unpkg.com/hotkeys-js/dist/):
+
+CDN: [UNPKG](https://unpkg.com/hotkeys-js/dist/) | [jsDelivr](https://cdn.jsdelivr.net/npm/hotkeys-js@3.7.3/) | [Githack](https://raw.githack.com/jaywcjlove/hotkeys/master/dist/hotkeys.min.js) | [Statically](https://cdn.statically.io/gh/jaywcjlove/hotkeys/master/dist/hotkeys.min.js) | [bundle.run](https://bundle.run/hotkeys-js@3.7.3)
+
+```html
+<script src="https://unpkg.com/hotkeys-js/dist/hotkeys.min.js"></script>
+<script type="text/javascript">
+hotkeys('ctrl+a,ctrl+b,r,f', function (event, handler){
+  switch (handler.key) {
+    case 'ctrl+a': alert('you pressed ctrl+a!');
+      break;
+    case 'ctrl+b': alert('you pressed ctrl+b!');
+      break;
+    case 'r': alert('you pressed r!');
+      break;
+    case 'f': alert('you pressed f!');
+      break;
+    default: alert(event);
+  }
+});
+</script>
+```
+
+### Used in React
+
+[react-hotkeys](https://github.com/jaywcjlove/react-hotkeys) is the React component that listen to keydown and keyup keyboard events, defining and dispatching keyboard shortcuts. Detailed use method please see its documentation [react-hotkeys](https://github.com/jaywcjlove/react-hotkeys).
+
+[react-hotkeys-hook](https://github.com/JohannesKlauss/react-hotkeys-hook) - React hook for using keyboard shortcuts in components. Make sure that you have at least version 16.8 of react and react-dom installed, or otherwise hooks won't work for you.
+
+## Browser Support
+
+Hotkeys.js has been tested and should work in.
+
+```shell
+Internet Explorer 6+
+Safari
+Firefox
+Chrome
+```
+
+## Supported Keys
+
+HotKeys understands the following modifiers: `⇧`, `shift`, `option`, `⌥`, `alt`, `ctrl`, `control`, `command`, and `⌘`.
+
+The following special keys can be used for shortcuts: backspace, tab, clear, enter, return, esc, escape, space, up, down, left, right, home, end, pageup, pagedown, del, delete, f1 through f19, num_0 through num_9, num_multiply, num_add, num_enter, num_subtract, num_decimal, num_divide.
+
+`⌘` Command()
+`⌃` Control
+`⌥` Option(alt)
+`⇧` Shift
+`⇪` Caps Lock(Capital)
+~~`fn` Does not support fn~~
+`↩︎` return/Enter space
+
+## Defining Shortcuts
+
+One global method is exposed, key which defines shortcuts when called directly.
+
+```js
+hotkeys([keys:<String>], [option:[string|object|function]], [callback:<function>])
+```
+
+
+```js
+hotkeys('f5', function(event, handler) {
+  // Prevent the default refresh event under WINDOWS system
+  event.preventDefault();
+  alert('you pressed F5!');
+});
+
+// Returning false stops the event and prevents default browser events
+// Mac OS system defines `command + r` as a refresh shortcut
+hotkeys('ctrl+r, command+r', function() {
+  alert('stopped reload!');
+  return false;
+});
+
+// Single key
+hotkeys('a', function(event,handler){
+  //event.srcElement: input
+  //event.target: input
+  if(event.target === "input"){
+      alert('you pressed a!')
+  }
+  alert('you pressed a!')
+});
+
+// Key Combination
+hotkeys('ctrl+a,ctrl+b,r,f', function (event, handler){
+  switch (handler.key) {
+    case 'ctrl+a': alert('you pressed ctrl+a!');
+      break;
+    case 'ctrl+b': alert('you pressed ctrl+b!');
+      break;
+    case 'r': alert('you pressed r!');
+      break;
+    case 'f': alert('you pressed f!');
+      break;
+    default: alert(event);
+  }
+});
+
+hotkeys('ctrl+a+s', function() {
+    alert('you pressed ctrl+a+s!');
+});
+
+// Using a scope
+hotkeys('*','wcj', function(event){
+  console.log('do something', event);
+});
+```
+
+#### option
+
+- `scope<String>`
+- `element<HTMLElement>`
+- `keyup<Boolean>`
+- `keydown<Boolean>`
+- `splitKey<string>` (default is `+`)
+- `capture<Boolean>`
+- `single<Boolean>`
+
+```js
+hotkeys('o, enter', {
+  scope: 'wcj',
+  element: document.getElementById('wrapper'),
+}, function() {
+  console.log('do something else');
+});
+
+hotkeys('ctrl-+', { splitKey: '-' }, function(e) {
+  console.log('you pressed ctrl and +');
+});
+
+hotkeys('+', { splitKey: '-' }, function(e){
+  console.log('you pressed +');
+})
+```
+
+**keyup**
+
+**key down** and **key up** both perform callback events.
+
+```js
+hotkeys('ctrl+a,alt+a+s', {keyup: true}, function(event, handler) {
+  if (event.type === 'keydown') {
+    console.log('keydown:', event.type, handler, handler.key);
+  }
+
+  if (event.type === 'keyup') {
+    console.log('keyup:', event.type, handler, handler.key);
+  }
+});
+```
+
+## API REFERENCE
+
+Asterisk "*"
+
+Modifier key judgments
+
+```js
+hotkeys('*', function() {
+  if (hotkeys.shift) {
+    console.log('shift is pressed!');
+  }
+
+  if (hotkeys.ctrl) {
+    console.log('ctrl is pressed!');
+  }
+
+  if (hotkeys.alt) {
+    console.log('alt is pressed!');
+  }
+
+  if (hotkeys.option) {
+    console.log('option is pressed!');
+  }
+
+  if (hotkeys.control) {
+    console.log('control is pressed!');
+  }
+
+  if (hotkeys.cmd) {
+    console.log('cmd is pressed!');
+  }
+
+  if (hotkeys.command) {
+    console.log('command is pressed!');
+  }
+});
+```
+
+### setScope
+
+Use the `hotkeys.setScope` method to set scope. There can only be one active scope besides 'all'.  By default 'all' is always active.
+
+```js
+// Define shortcuts with a scope
+hotkeys('ctrl+o, ctrl+alt+enter', 'issues', function() {
+  console.log('do something');
+});
+hotkeys('o, enter', 'files', function() {
+  console.log('do something else');
+});
+
+// Set the scope (only 'all' and 'issues' shortcuts will be honored)
+hotkeys.setScope('issues'); // default scope is 'all'
+```
+
+### getScope
+
+Use the `hotkeys.getScope` method to get scope.
+
+```js
+hotkeys.getScope();
+```
+
+### deleteScope
+
+Use the `hotkeys.deleteScope` method to delete a scope. This will also remove all associated hotkeys with it.
+
+```js
+hotkeys.deleteScope('issues');
+```
+You can use second argument, if need set new scope after deleting.
+
+```js
+hotkeys.deleteScope('issues', 'newScopeName');
+```
+
+### unbind
+
+Similar to defining shortcuts, they can be unbound using `hotkeys.unbind`.
+
+```js
+// unbind 'a' handler
+hotkeys.unbind('a');
+
+// Unbind a hotkeys only for a single scope
+// If no scope is specified it defaults to the current scope (hotkeys.getScope())
+hotkeys.unbind('o, enter', 'issues');
+hotkeys.unbind('o, enter', 'files');
+```
+
+Unbind events through functions.
+
+```js
+function example() {
+  hotkeys('a', example);
+  hotkeys.unbind('a', example);
+
+  hotkeys('a', 'issues', example);
+  hotkeys.unbind('a', 'issues', example);
+}
+```
+
+To unbind everything.
+
+```js
+hotkeys.unbind();
+```
+
+### isPressed
+
+For example, `hotkeys.isPressed(77)` is true if the `M` key is currently pressed.
+
+```js
+hotkeys('a', function() {
+  console.log(hotkeys.isPressed('a')); //=> true
+  console.log(hotkeys.isPressed('A')); //=> true
+  console.log(hotkeys.isPressed(65)); //=> true
+});
+```
+
+### trigger
+
+trigger shortcut key event
+
+```js
+hotkeys.trigger('ctrl+o');
+hotkeys.trigger('ctrl+o', 'scope2');
+```
+
+### getPressedKeyCodes
+
+Returns an array of key codes currently pressed.
+
+```js
+hotkeys('command+ctrl+shift+a,f', function() {
+  console.log(hotkeys.getPressedKeyCodes()); //=> [17, 65] or [70]
+})
+```
+
+### getPressedKeyString
+
+Returns an array of key codes currently pressed.
+
+```js
+hotkeys('command+ctrl+shift+a,f', function() {
+  console.log(hotkeys.getPressedKeyString()); //=> ['⌘', '⌃', '⇧', 'A', 'F']
+})
+```
+
+### getAllKeyCodes
+
+Get a list of all registration codes.
+
+```js
+hotkeys('command+ctrl+shift+a,f', function() {
+  console.log(hotkeys.getAllKeyCodes());
+  // [
+  //   { scope: 'all', shortcut: 'command+ctrl+shift+a', mods: [91, 17, 16], keys: [91, 17, 16, 65] },
+  //   { scope: 'all', shortcut: 'f', mods: [], keys: [42] }
+  // ]
+})
+```
+
+### filter
+
+By default hotkeys are not enabled for `INPUT` `SELECT` `TEXTAREA` elements. `Hotkeys.filter` to return to the `true` shortcut keys set to play a role, `false` shortcut keys set up failure.
+
+```js
+hotkeys.filter = function(event){
+  return true;
+}
+//How to add the filter to edit labels. <div contentEditable="true"></div>
+//"contentEditable" Older browsers that do not support drops
+hotkeys.filter = function(event) {
+  var target = event.target || event.srcElement;
+  var tagName = target.tagName;
+  return !(target.isContentEditable || tagName == 'INPUT' || tagName == 'SELECT' || tagName == 'TEXTAREA');
+}
+
+hotkeys.filter = function(event){
+  var tagName = (event.target || event.srcElement).tagName;
+  hotkeys.setScope(/^(INPUT|TEXTAREA|SELECT)$/.test(tagName) ? 'input' : 'other');
+  return true;
+}
+```
+
+### noConflict
+
+Relinquish HotKeys’s control of the `hotkeys` variable.
+
+```js
+var k = hotkeys.noConflict();
+k('a', function() {
+  console.log("do something")
+});
+
+hotkeys()
+// -->Uncaught TypeError: hotkeys is not a function(anonymous function)
+// @ VM2170:2InjectedScript._evaluateOn
+// @ VM2165:883InjectedScript._evaluateAndWrap
+// @ VM2165:816InjectedScript.evaluate @ VM2165:682
+```
+
+## Development
+
+To develop, Install dependencies, Get the code:
+
+```shell
+$ git https://github.com/jaywcjlove/hotkeys.git
+$ cd hotkeys     # Into the directory
+$ npm install    # or  yarn install
+```
+
+To develop, run the self-reloading build:
+
+```shell
+$ npm run watch
+```
+
+Run Document Website Environment.
+
+```shell
+$ npm run doc
+```
+
+To contribute, please fork Hotkeys.js, add your patch and tests for it (in the `test/` folder) and submit a pull request.
+
+```shell
+$ npm run test
+$ npm run test:watch # Development model
+```
+
+## Contributors
+
+As always, thanks to our amazing contributors!
+
+<a href="https://github.com/jaywcjlove/hotkeys-js/graphs/contributors">
+  <img src="https://jaywcjlove.github.io/hotkeys-js/CONTRIBUTORS.svg" />
+</a>
+
+Made with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors).
+
+## License
+
+[MIT © Kenny Wong](./LICENSE)
diff --git a/term/pkg/hotkeys-js/dist/README.md b/term/pkg/hotkeys-js/dist/README.md
new file mode 100644
index 0000000..bd982a3
--- /dev/null
+++ b/term/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/term/pkg/hotkeys-js/dist/hotkeys.common.js b/term/pkg/hotkeys-js/dist/hotkeys.common.js
new file mode 100644
index 0000000..a2f9007
--- /dev/null
+++ b/term/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/term/pkg/hotkeys-js/dist/hotkeys.common.min.js b/term/pkg/hotkeys-js/dist/hotkeys.common.min.js
new file mode 100644
index 0000000..b4fa968
--- /dev/null
+++ b/term/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/term/pkg/hotkeys-js/dist/hotkeys.esm.js b/term/pkg/hotkeys-js/dist/hotkeys.esm.js
new file mode 100644
index 0000000..76c13b9
--- /dev/null
+++ b/term/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/term/pkg/hotkeys-js/dist/hotkeys.js b/term/pkg/hotkeys-js/dist/hotkeys.js
new file mode 100644
index 0000000..22710d0
--- /dev/null
+++ b/term/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/term/pkg/hotkeys-js/dist/hotkeys.min.js b/term/pkg/hotkeys-js/dist/hotkeys.min.js
new file mode 100644
index 0000000..fe214fd
--- /dev/null
+++ b/term/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/term/pkg/hotkeys-js/dist/terminal.js b/term/pkg/hotkeys-js/dist/terminal.js
new file mode 100644
index 0000000..0f5d6f8
--- /dev/null
+++ b/term/pkg/hotkeys-js/dist/terminal.js
@@ -0,0 +1,18 @@
+hotkeys('ctrl+enter', function() {
+	let e = document.querySelector('home-layout');
+	e.style.display = "block";
+	var ele = document.getElementById('aiterm');
+	var win = document.getElementById('window');
+	var svg = document.getElementById('aisvg');
+	var term = document.getElementById('terminal');
+	term.click();
+	//var par = document.getElementById('particles-js');
+	//par.style.display = 'block'; 
+	if (ele.style.display == 'none') {
+		ele.style.display = 'block'; 
+		svg.style.display = 'none'; 
+	} else {
+		ele.style.display = 'none';
+		svg.style.display = 'block'; 
+	}
+});
diff --git a/term/pkg/hotkeys-js/index.d.ts b/term/pkg/hotkeys-js/index.d.ts
new file mode 100644
index 0000000..f5de0ba
--- /dev/null
+++ b/term/pkg/hotkeys-js/index.d.ts
@@ -0,0 +1,181 @@
+export interface HotkeysEvent {
+  key: string;
+  keys: number[];
+  method: KeyHandler;
+  mods: number[];
+  scope: string;
+  shortcut: string;
+}
+
+export interface KeyHandler {
+  (keyboardEvent: KeyboardEvent, hotkeysEvent: HotkeysEvent): void | boolean;
+}
+
+type Options = {
+  scope?: string;
+  element?: HTMLElement | null;
+  keyup?: boolean | null;
+  keydown?: boolean | null;
+  capture?: boolean
+  splitKey?: string;
+  single?: boolean;
+}
+
+export interface Hotkeys {
+  (key: string, method: KeyHandler): void;
+  (key: string, scope: string, method: KeyHandler): void;
+  (key: string, options: Options, method: KeyHandler): void;
+
+  shift: boolean;
+  ctrl: boolean;
+  alt: boolean;
+  option: boolean;
+  control: boolean;
+  cmd: boolean;
+  command: boolean;
+
+  keyMap: Record<string, number>;
+  modifier: Record<string, number>;
+  modifierMap: Record<string, number | string>;
+
+  /**
+   * Use the `hotkeys.setScope` method to set scope. There can only be one active scope besides 'all'.  By default 'all' is always active.
+   *
+   * ```js
+   * // Define shortcuts with a scope
+   * hotkeys('ctrl+o, ctrl+alt+enter', 'issues', function() {
+   *   console.log('do something');
+   * });
+   * hotkeys('o, enter', 'files', function() {
+   *   console.log('do something else');
+   * });
+   *
+   * // Set the scope (only 'all' and 'issues' shortcuts will be honored)
+   * hotkeys.setScope('issues'); // default scope is 'all'
+   * ```
+   */
+  setScope(scopeName: string): void;
+  /**
+   * Use the `hotkeys.getScope` method to get scope.
+   *
+   * ```js
+   * hotkeys.getScope();
+   * ```
+   */
+  getScope(): string;
+  /**
+   * Use the `hotkeys.deleteScope` method to delete a scope. This will also remove all associated hotkeys with it.
+   *
+   * ```js
+   * hotkeys.deleteScope('issues');
+   * ```
+   * You can use second argument, if need set new scope after deleting.
+   *
+   * ```js
+   * hotkeys.deleteScope('issues', 'newScopeName');
+   * ```
+   */
+  deleteScope(scopeName: string, newScopeName?: string): void;
+
+  /**
+   * Relinquish HotKeys’s control of the `hotkeys` variable.
+   *
+   * ```js
+   * var k = hotkeys.noConflict();
+   * k('a', function() {
+   *   console.log("do something")
+   * });
+   *
+   * hotkeys()
+   * // -->Uncaught TypeError: hotkeys is not a function(anonymous function)
+   * // @ VM2170:2InjectedScript._evaluateOn
+   * // @ VM2165:883InjectedScript._evaluateAndWrap
+   * // @ VM2165:816InjectedScript.evaluate @ VM2165:682
+   * ```
+   */
+  noConflict(): Hotkeys;
+
+  /**
+   * trigger shortcut key event
+   *
+   * ```js
+   * hotkeys.trigger('ctrl+o');
+   * hotkeys.trigger('ctrl+o', 'scope2');
+   * ```
+   */
+  trigger(shortcut: string, scope?: string): void;
+
+  unbind(key?: string): void;
+  unbind(key: string, scopeName: string): void;
+  unbind(key: string, scopeName: string, method: KeyHandler): void;
+  unbind(key: string, method: KeyHandler): void;
+
+  /** For example, `hotkeys.isPressed(77)` is true if the `M` key is currently pressed. */
+  isPressed(keyCode: number): boolean;
+  /** For example, `hotkeys.isPressed('m')` is true if the `M` key is currently pressed. */
+  isPressed(keyCode: string): boolean;
+  /**
+   * Returns an array of key codes currently pressed.
+   *
+   * ```js
+   * hotkeys('command+ctrl+shift+a,f', function() {
+   *   console.log(hotkeys.getPressedKeyCodes()); //=> [17, 65] or [70]
+   * })
+   * ```
+   */
+  getPressedKeyCodes(): number[];
+  /**
+   * Returns an array of key codes currently pressed.
+   *
+   * ```js
+   * hotkeys('command+ctrl+shift+a,f', function() {
+   *   console.log(hotkeys.getPressedKeyString()); //=> ['⌘', '⌃', '⇧', 'A', 'F']
+   * })
+   * ```
+   */
+  getPressedKeyString(): string[];
+  /**
+   * Get a list of all registration codes.
+   *
+   * ```js
+   * hotkeys('command+ctrl+shift+a,f', function() {
+   *   console.log(hotkeys.getAllKeyCodes());
+   *   // [
+   *   //   { scope: 'all', shortcut: 'command+ctrl+shift+a', mods: [91, 17, 16], keys: [91, 17, 16, 65] },
+   *   //   { scope: 'all', shortcut: 'f', mods: [], keys: [42] }
+   *   // ]
+   * })
+   * ```
+   *
+   */
+  getAllKeyCodes(): Omit<HotkeysEvent, 'method' | 'key'>[];
+
+  /**
+   * By default hotkeys are not enabled for `INPUT` `SELECT` `TEXTAREA` elements.
+   * `Hotkeys.filter` to return to the `true` shortcut keys set to play a role,
+   * `false` shortcut keys set up failure.
+   *
+   * ```js
+   * hotkeys.filter = function(event){
+   *   return true;
+   * }
+   * //How to add the filter to edit labels. <div contentEditable="true"></div>
+   * //"contentEditable" Older browsers that do not support drops
+   * hotkeys.filter = function(event) {
+   *   var target = event.target || event.srcElement;
+   *   var tagName = target.tagName;
+   *   return !(target.isContentEditable || tagName == 'INPUT' || tagName == 'SELECT' || tagName == 'TEXTAREA');
+   * }
+   *
+   * hotkeys.filter = function(event){
+   *   var tagName = (event.target || event.srcElement).tagName;
+   *   hotkeys.setScope(/^(INPUT|TEXTAREA|SELECT)$/.test(tagName) ? 'input' : 'other');
+   *   return true;
+   * }
+   * ```
+   */
+  filter(event: KeyboardEvent): boolean;
+}
+// https://github.com/eiriklv/react-masonry-component/issues/57
+declare var hotkeys: Hotkeys;
+export default hotkeys;
diff --git a/term/pkg/hotkeys-js/index.js b/term/pkg/hotkeys-js/index.js
new file mode 100644
index 0000000..61b43be
--- /dev/null
+++ b/term/pkg/hotkeys-js/index.js
@@ -0,0 +1,7 @@
+if (process.env.NODE_ENV === 'production') {
+  // eslint-disable-next-line global-require
+  module.exports = require('./dist/hotkeys.common.min.js');
+} else {
+  // eslint-disable-next-line global-require
+  module.exports = require('./dist/hotkeys.common.js');
+}
diff --git a/term/pkg/hotkeys-js/package.json b/term/pkg/hotkeys-js/package.json
new file mode 100644
index 0000000..473322a
--- /dev/null
+++ b/term/pkg/hotkeys-js/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "hotkeys-js",
+  "description": "A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.",
+  "version": "3.13.7",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "module": "dist/hotkeys.esm.js",
+  "files": [
+    "index.d.ts",
+    "dist",
+    "doc"
+  ],
+  "keywords": [
+    "hotkey",
+    "hotkeys",
+    "hotkeys-js",
+    "hotkeysjs",
+    "key",
+    "keys",
+    "keyboard",
+    "shortcuts",
+    "keypress"
+  ],
+  "author": "kenny wong <wowohoo@qq.com>",
+  "license": "MIT",
+  "homepage": "https://jaywcjlove.github.io/hotkeys-js",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jaywcjlove/hotkeys-js.git"
+  }
+}
\ No newline at end of file
diff --git a/term/pkg/particles/config.js b/term/pkg/particles/config.js
new file mode 100644
index 0000000..2dc5a67
--- /dev/null
+++ b/term/pkg/particles/config.js
@@ -0,0 +1 @@
+particlesJS("particles-js", {"particles":{"number":{"value":160,"density":{"enable":false,"value_area":800}},"color":{"value":"#fff700"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"","width":120,"height":80}},"opacity":{"value":1,"random":true,"anim":{"enable":true,"speed":0.16240621041348632,"opacity_min":0,"sync":true}},"size":{"value":3,"random":true,"anim":{"enable":true,"speed":0,"size_min":0,"sync":false}},"line_linked":{"enable":true,"distance":128.27296486924183,"color":"#fff700","opacity":0.01,"width":0},"move":{"enable":true,"speed":1,"direction":"none","random":true,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":600}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":250,"size":0,"duration":2,"opacity":0,"speed":3},"repulse":{"distance":400,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":false});var count_particles, stats, update; stats = new Stats; stats.setMode(0); stats.domElement.style.position = 'absolute'; stats.domElement.style.left = '0px'; stats.domElement.style.top = '0px'; document.body.appendChild(stats.domElement); count_particles = document.querySelector('.js-count-particles'); update = function() { stats.begin(); stats.end(); if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) { count_particles.innerText = window.pJSDom[0].pJS.particles.array.length; } requestAnimationFrame(update); }; requestAnimationFrame(update);;
diff --git a/term/pkg/particles/particles.css b/term/pkg/particles/particles.css
new file mode 100644
index 0000000..4da7786
--- /dev/null
+++ b/term/pkg/particles/particles.css
@@ -0,0 +1,34 @@
+canvas{
+	display: block;
+}
+
+#particles-js{
+	display: none;
+	width:100%;
+	position:absolute;
+	background-color: #313131;
+}
+.count-particles{
+	background: #000022;
+	position: absolute;
+	color: #13E8E9;
+	font-size: .8em;
+	text-align: left;
+	text-indent: 4px;
+	line-height: 14px;
+	padding-bottom: 2px;
+	font-family: Helvetica, Arial, sans-serif;
+	font-weight: bold;
+}
+.js-count-particles{
+	font-size: 1.1em;
+}
+#stats, .count-particles{
+	-webkit-user-select: none;
+}
+#stats{
+	overflow: hidden;
+}
+.count-particles{
+	border-radius: 0 0 3px 3px;
+}
diff --git a/term/pkg/particles/particles.min.js b/term/pkg/particles/particles.min.js
new file mode 100644
index 0000000..b3d46d1
--- /dev/null
+++ b/term/pkg/particles/particles.min.js
@@ -0,0 +1,9 @@
+/* -----------------------------------------------
+/* Author : Vincent Garreau  - vincentgarreau.com
+/* MIT license: http://opensource.org/licenses/MIT
+/* Demo / Generator : vincentgarreau.com/particles.js
+/* GitHub : github.com/VincentGarreau/particles.js
+/* How to use? : Check the GitHub README
+/* v2.0.0
+/* ----------------------------------------------- */
+function hexToRgb(e){var a=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(a,function(e,a,t,i){return a+a+t+t+i+i});var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}function clamp(e,a,t){return Math.min(Math.max(e,a),t)}function isInArray(e,a){return a.indexOf(e)>-1}var pJS=function(e,a){var t=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:t,w:t.offsetWidth,h:t.offsetHeight},particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}},array:[]},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}},mouse:{}},retina_detect:!1,fn:{interact:{},modes:{},vendors:{}},tmp:{}};var i=this.pJS;a&&Object.deepExtend(i,a),i.tmp.obj={size_value:i.particles.size.value,size_anim_speed:i.particles.size.anim.speed,move_speed:i.particles.move.speed,line_linked_distance:i.particles.line_linked.distance,line_linked_width:i.particles.line_linked.width,mode_grab_distance:i.interactivity.modes.grab.distance,mode_bubble_distance:i.interactivity.modes.bubble.distance,mode_bubble_size:i.interactivity.modes.bubble.size,mode_repulse_distance:i.interactivity.modes.repulse.distance},i.fn.retinaInit=function(){i.retina_detect&&window.devicePixelRatio>1?(i.canvas.pxratio=window.devicePixelRatio,i.tmp.retina=!0):(i.canvas.pxratio=1,i.tmp.retina=!1),i.canvas.w=i.canvas.el.offsetWidth*i.canvas.pxratio,i.canvas.h=i.canvas.el.offsetHeight*i.canvas.pxratio,i.particles.size.value=i.tmp.obj.size_value*i.canvas.pxratio,i.particles.size.anim.speed=i.tmp.obj.size_anim_speed*i.canvas.pxratio,i.particles.move.speed=i.tmp.obj.move_speed*i.canvas.pxratio,i.particles.line_linked.distance=i.tmp.obj.line_linked_distance*i.canvas.pxratio,i.interactivity.modes.grab.distance=i.tmp.obj.mode_grab_distance*i.canvas.pxratio,i.interactivity.modes.bubble.distance=i.tmp.obj.mode_bubble_distance*i.canvas.pxratio,i.particles.line_linked.width=i.tmp.obj.line_linked_width*i.canvas.pxratio,i.interactivity.modes.bubble.size=i.tmp.obj.mode_bubble_size*i.canvas.pxratio,i.interactivity.modes.repulse.distance=i.tmp.obj.mode_repulse_distance*i.canvas.pxratio},i.fn.canvasInit=function(){i.canvas.ctx=i.canvas.el.getContext("2d")},i.fn.canvasSize=function(){i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i&&i.interactivity.events.resize&&window.addEventListener("resize",function(){i.canvas.w=i.canvas.el.offsetWidth,i.canvas.h=i.canvas.el.offsetHeight,i.tmp.retina&&(i.canvas.w*=i.canvas.pxratio,i.canvas.h*=i.canvas.pxratio),i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i.particles.move.enable||(i.fn.particlesEmpty(),i.fn.particlesCreate(),i.fn.particlesDraw(),i.fn.vendors.densityAutoParticles()),i.fn.vendors.densityAutoParticles()})},i.fn.canvasPaint=function(){i.canvas.ctx.fillRect(0,0,i.canvas.w,i.canvas.h)},i.fn.canvasClear=function(){i.canvas.ctx.clearRect(0,0,i.canvas.w,i.canvas.h)},i.fn.particle=function(e,a,t){if(this.radius=(i.particles.size.random?Math.random():1)*i.particles.size.value,i.particles.size.anim.enable&&(this.size_status=!1,this.vs=i.particles.size.anim.speed/100,i.particles.size.anim.sync||(this.vs=this.vs*Math.random())),this.x=t?t.x:Math.random()*i.canvas.w,this.y=t?t.y:Math.random()*i.canvas.h,this.x>i.canvas.w-2*this.radius?this.x=this.x-this.radius:this.x<2*this.radius&&(this.x=this.x+this.radius),this.y>i.canvas.h-2*this.radius?this.y=this.y-this.radius:this.y<2*this.radius&&(this.y=this.y+this.radius),i.particles.move.bounce&&i.fn.vendors.checkOverlap(this,t),this.color={},"object"==typeof e.value)if(e.value instanceof Array){var s=e.value[Math.floor(Math.random()*i.particles.color.value.length)];this.color.rgb=hexToRgb(s)}else void 0!=e.value.r&&void 0!=e.value.g&&void 0!=e.value.b&&(this.color.rgb={r:e.value.r,g:e.value.g,b:e.value.b}),void 0!=e.value.h&&void 0!=e.value.s&&void 0!=e.value.l&&(this.color.hsl={h:e.value.h,s:e.value.s,l:e.value.l});else"random"==e.value?this.color.rgb={r:Math.floor(256*Math.random())+0,g:Math.floor(256*Math.random())+0,b:Math.floor(256*Math.random())+0}:"string"==typeof e.value&&(this.color=e,this.color.rgb=hexToRgb(this.color.value));this.opacity=(i.particles.opacity.random?Math.random():1)*i.particles.opacity.value,i.particles.opacity.anim.enable&&(this.opacity_status=!1,this.vo=i.particles.opacity.anim.speed/100,i.particles.opacity.anim.sync||(this.vo=this.vo*Math.random()));var n={};switch(i.particles.move.direction){case"top":n={x:0,y:-1};break;case"top-right":n={x:.5,y:-.5};break;case"right":n={x:1,y:-0};break;case"bottom-right":n={x:.5,y:.5};break;case"bottom":n={x:0,y:1};break;case"bottom-left":n={x:-.5,y:1};break;case"left":n={x:-1,y:0};break;case"top-left":n={x:-.5,y:-.5};break;default:n={x:0,y:0}}i.particles.move.straight?(this.vx=n.x,this.vy=n.y,i.particles.move.random&&(this.vx=this.vx*Math.random(),this.vy=this.vy*Math.random())):(this.vx=n.x+Math.random()-.5,this.vy=n.y+Math.random()-.5),this.vx_i=this.vx,this.vy_i=this.vy;var r=i.particles.shape.type;if("object"==typeof r){if(r instanceof Array){var c=r[Math.floor(Math.random()*r.length)];this.shape=c}}else this.shape=r;if("image"==this.shape){var o=i.particles.shape;this.img={src:o.image.src,ratio:o.image.width/o.image.height},this.img.ratio||(this.img.ratio=1),"svg"==i.tmp.img_type&&void 0!=i.tmp.source_svg&&(i.fn.vendors.createSvgImg(this),i.tmp.pushing&&(this.img.loaded=!1))}},i.fn.particle.prototype.draw=function(){function e(){i.canvas.ctx.drawImage(r,a.x-t,a.y-t,2*t,2*t/a.img.ratio)}var a=this;if(void 0!=a.radius_bubble)var t=a.radius_bubble;else var t=a.radius;if(void 0!=a.opacity_bubble)var s=a.opacity_bubble;else var s=a.opacity;if(a.color.rgb)var n="rgba("+a.color.rgb.r+","+a.color.rgb.g+","+a.color.rgb.b+","+s+")";else var n="hsla("+a.color.hsl.h+","+a.color.hsl.s+"%,"+a.color.hsl.l+"%,"+s+")";switch(i.canvas.ctx.fillStyle=n,i.canvas.ctx.beginPath(),a.shape){case"circle":i.canvas.ctx.arc(a.x,a.y,t,0,2*Math.PI,!1);break;case"edge":i.canvas.ctx.rect(a.x-t,a.y-t,2*t,2*t);break;case"triangle":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t,a.y+t/1.66,2*t,3,2);break;case"polygon":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t/(i.particles.shape.polygon.nb_sides/3.5),a.y-t/.76,2.66*t/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,1);break;case"star":i.fn.vendors.drawShape(i.canvas.ctx,a.x-2*t/(i.particles.shape.polygon.nb_sides/4),a.y-t/1.52,2*t*2.66/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,2);break;case"image":if("svg"==i.tmp.img_type)var r=a.img.obj;else var r=i.tmp.img_obj;r&&e()}i.canvas.ctx.closePath(),i.particles.shape.stroke.width>0&&(i.canvas.ctx.strokeStyle=i.particles.shape.stroke.color,i.canvas.ctx.lineWidth=i.particles.shape.stroke.width,i.canvas.ctx.stroke()),i.canvas.ctx.fill()},i.fn.particlesCreate=function(){for(var e=0;e<i.particles.number.value;e++)i.particles.array.push(new i.fn.particle(i.particles.color,i.particles.opacity.value))},i.fn.particlesUpdate=function(){for(var e=0;e<i.particles.array.length;e++){var a=i.particles.array[e];if(i.particles.move.enable){var t=i.particles.move.speed/2;a.x+=a.vx*t,a.y+=a.vy*t}if(i.particles.opacity.anim.enable&&(1==a.opacity_status?(a.opacity>=i.particles.opacity.value&&(a.opacity_status=!1),a.opacity+=a.vo):(a.opacity<=i.particles.opacity.anim.opacity_min&&(a.opacity_status=!0),a.opacity-=a.vo),a.opacity<0&&(a.opacity=0)),i.particles.size.anim.enable&&(1==a.size_status?(a.radius>=i.particles.size.value&&(a.size_status=!1),a.radius+=a.vs):(a.radius<=i.particles.size.anim.size_min&&(a.size_status=!0),a.radius-=a.vs),a.radius<0&&(a.radius=0)),"bounce"==i.particles.move.out_mode)var s={x_left:a.radius,x_right:i.canvas.w,y_top:a.radius,y_bottom:i.canvas.h};else var s={x_left:-a.radius,x_right:i.canvas.w+a.radius,y_top:-a.radius,y_bottom:i.canvas.h+a.radius};switch(a.x-a.radius>i.canvas.w?(a.x=s.x_left,a.y=Math.random()*i.canvas.h):a.x+a.radius<0&&(a.x=s.x_right,a.y=Math.random()*i.canvas.h),a.y-a.radius>i.canvas.h?(a.y=s.y_top,a.x=Math.random()*i.canvas.w):a.y+a.radius<0&&(a.y=s.y_bottom,a.x=Math.random()*i.canvas.w),i.particles.move.out_mode){case"bounce":a.x+a.radius>i.canvas.w?a.vx=-a.vx:a.x-a.radius<0&&(a.vx=-a.vx),a.y+a.radius>i.canvas.h?a.vy=-a.vy:a.y-a.radius<0&&(a.vy=-a.vy)}if(isInArray("grab",i.interactivity.events.onhover.mode)&&i.fn.modes.grabParticle(a),(isInArray("bubble",i.interactivity.events.onhover.mode)||isInArray("bubble",i.interactivity.events.onclick.mode))&&i.fn.modes.bubbleParticle(a),(isInArray("repulse",i.interactivity.events.onhover.mode)||isInArray("repulse",i.interactivity.events.onclick.mode))&&i.fn.modes.repulseParticle(a),i.particles.line_linked.enable||i.particles.move.attract.enable)for(var n=e+1;n<i.particles.array.length;n++){var r=i.particles.array[n];i.particles.line_linked.enable&&i.fn.interact.linkParticles(a,r),i.particles.move.attract.enable&&i.fn.interact.attractParticles(a,r),i.particles.move.bounce&&i.fn.interact.bounceParticles(a,r)}}},i.fn.particlesDraw=function(){i.canvas.ctx.clearRect(0,0,i.canvas.w,i.canvas.h),i.fn.particlesUpdate();for(var e=0;e<i.particles.array.length;e++){var a=i.particles.array[e];a.draw()}},i.fn.particlesEmpty=function(){i.particles.array=[]},i.fn.particlesRefresh=function(){cancelRequestAnimFrame(i.fn.checkAnimFrame),cancelRequestAnimFrame(i.fn.drawAnimFrame),i.tmp.source_svg=void 0,i.tmp.img_obj=void 0,i.tmp.count_svg=0,i.fn.particlesEmpty(),i.fn.canvasClear(),i.fn.vendors.start()},i.fn.interact.linkParticles=function(e,a){var t=e.x-a.x,s=e.y-a.y,n=Math.sqrt(t*t+s*s);if(n<=i.particles.line_linked.distance){var r=i.particles.line_linked.opacity-n/(1/i.particles.line_linked.opacity)/i.particles.line_linked.distance;if(r>0){var c=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+c.r+","+c.g+","+c.b+","+r+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(a.x,a.y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}},i.fn.interact.attractParticles=function(e,a){var t=e.x-a.x,s=e.y-a.y,n=Math.sqrt(t*t+s*s);if(n<=i.particles.line_linked.distance){var r=t/(1e3*i.particles.move.attract.rotateX),c=s/(1e3*i.particles.move.attract.rotateY);e.vx-=r,e.vy-=c,a.vx+=r,a.vy+=c}},i.fn.interact.bounceParticles=function(e,a){var t=e.x-a.x,i=e.y-a.y,s=Math.sqrt(t*t+i*i),n=e.radius+a.radius;n>=s&&(e.vx=-e.vx,e.vy=-e.vy,a.vx=-a.vx,a.vy=-a.vy)},i.fn.modes.pushParticles=function(e,a){i.tmp.pushing=!0;for(var t=0;e>t;t++)i.particles.array.push(new i.fn.particle(i.particles.color,i.particles.opacity.value,{x:a?a.pos_x:Math.random()*i.canvas.w,y:a?a.pos_y:Math.random()*i.canvas.h})),t==e-1&&(i.particles.move.enable||i.fn.particlesDraw(),i.tmp.pushing=!1)},i.fn.modes.removeParticles=function(e){i.particles.array.splice(0,e),i.particles.move.enable||i.fn.particlesDraw()},i.fn.modes.bubbleParticle=function(e){function a(){e.opacity_bubble=e.opacity,e.radius_bubble=e.radius}function t(a,t,s,n,c){if(a!=t)if(i.tmp.bubble_duration_end){if(void 0!=s){var o=n-p*(n-a)/i.interactivity.modes.bubble.duration,l=a-o;d=a+l,"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else if(r<=i.interactivity.modes.bubble.distance){if(void 0!=s)var v=s;else var v=n;if(v!=a){var d=n-p*(n-a)/i.interactivity.modes.bubble.duration;"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else"size"==c&&(e.radius_bubble=void 0),"opacity"==c&&(e.opacity_bubble=void 0)}if(i.interactivity.events.onhover.enable&&isInArray("bubble",i.interactivity.events.onhover.mode)){var s=e.x-i.interactivity.mouse.pos_x,n=e.y-i.interactivity.mouse.pos_y,r=Math.sqrt(s*s+n*n),c=1-r/i.interactivity.modes.bubble.distance;if(r<=i.interactivity.modes.bubble.distance){if(c>=0&&"mousemove"==i.interactivity.status){if(i.interactivity.modes.bubble.size!=i.particles.size.value)if(i.interactivity.modes.bubble.size>i.particles.size.value){var o=e.radius+i.interactivity.modes.bubble.size*c;o>=0&&(e.radius_bubble=o)}else{var l=e.radius-i.interactivity.modes.bubble.size,o=e.radius-l*c;o>0?e.radius_bubble=o:e.radius_bubble=0}if(i.interactivity.modes.bubble.opacity!=i.particles.opacity.value)if(i.interactivity.modes.bubble.opacity>i.particles.opacity.value){var v=i.interactivity.modes.bubble.opacity*c;v>e.opacity&&v<=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}else{var v=e.opacity-(i.particles.opacity.value-i.interactivity.modes.bubble.opacity)*c;v<e.opacity&&v>=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}}}else a();"mouseleave"==i.interactivity.status&&a()}else if(i.interactivity.events.onclick.enable&&isInArray("bubble",i.interactivity.events.onclick.mode)){if(i.tmp.bubble_clicking){var s=e.x-i.interactivity.mouse.click_pos_x,n=e.y-i.interactivity.mouse.click_pos_y,r=Math.sqrt(s*s+n*n),p=((new Date).getTime()-i.interactivity.mouse.click_time)/1e3;p>i.interactivity.modes.bubble.duration&&(i.tmp.bubble_duration_end=!0),p>2*i.interactivity.modes.bubble.duration&&(i.tmp.bubble_clicking=!1,i.tmp.bubble_duration_end=!1)}i.tmp.bubble_clicking&&(t(i.interactivity.modes.bubble.size,i.particles.size.value,e.radius_bubble,e.radius,"size"),t(i.interactivity.modes.bubble.opacity,i.particles.opacity.value,e.opacity_bubble,e.opacity,"opacity"))}},i.fn.modes.repulseParticle=function(e){function a(){var a=Math.atan2(d,p);if(e.vx=u*Math.cos(a),e.vy=u*Math.sin(a),"bounce"==i.particles.move.out_mode){var t={x:e.x+e.vx,y:e.y+e.vy};t.x+e.radius>i.canvas.w?e.vx=-e.vx:t.x-e.radius<0&&(e.vx=-e.vx),t.y+e.radius>i.canvas.h?e.vy=-e.vy:t.y-e.radius<0&&(e.vy=-e.vy)}}if(i.interactivity.events.onhover.enable&&isInArray("repulse",i.interactivity.events.onhover.mode)&&"mousemove"==i.interactivity.status){var t=e.x-i.interactivity.mouse.pos_x,s=e.y-i.interactivity.mouse.pos_y,n=Math.sqrt(t*t+s*s),r={x:t/n,y:s/n},c=i.interactivity.modes.repulse.distance,o=100,l=clamp(1/c*(-1*Math.pow(n/c,2)+1)*c*o,0,50),v={x:e.x+r.x*l,y:e.y+r.y*l};"bounce"==i.particles.move.out_mode?(v.x-e.radius>0&&v.x+e.radius<i.canvas.w&&(e.x=v.x),v.y-e.radius>0&&v.y+e.radius<i.canvas.h&&(e.y=v.y)):(e.x=v.x,e.y=v.y)}else if(i.interactivity.events.onclick.enable&&isInArray("repulse",i.interactivity.events.onclick.mode))if(i.tmp.repulse_finish||(i.tmp.repulse_count++,i.tmp.repulse_count==i.particles.array.length&&(i.tmp.repulse_finish=!0)),i.tmp.repulse_clicking){var c=Math.pow(i.interactivity.modes.repulse.distance/6,3),p=i.interactivity.mouse.click_pos_x-e.x,d=i.interactivity.mouse.click_pos_y-e.y,m=p*p+d*d,u=-c/m*1;c>=m&&a()}else 0==i.tmp.repulse_clicking&&(e.vx=e.vx_i,e.vy=e.vy_i)},i.fn.modes.grabParticle=function(e){if(i.interactivity.events.onhover.enable&&"mousemove"==i.interactivity.status){var a=e.x-i.interactivity.mouse.pos_x,t=e.y-i.interactivity.mouse.pos_y,s=Math.sqrt(a*a+t*t);if(s<=i.interactivity.modes.grab.distance){var n=i.interactivity.modes.grab.line_linked.opacity-s/(1/i.interactivity.modes.grab.line_linked.opacity)/i.interactivity.modes.grab.distance;if(n>0){var r=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+r.r+","+r.g+","+r.b+","+n+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(i.interactivity.mouse.pos_x,i.interactivity.mouse.pos_y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}}},i.fn.vendors.eventsListeners=function(){"window"==i.interactivity.detect_on?i.interactivity.el=window:i.interactivity.el=i.canvas.el,(i.interactivity.events.onhover.enable||i.interactivity.events.onclick.enable)&&(i.interactivity.el.addEventListener("mousemove",function(e){if(i.interactivity.el==window)var a=e.clientX,t=e.clientY;else var a=e.offsetX||e.clientX,t=e.offsetY||e.clientY;i.interactivity.mouse.pos_x=a,i.interactivity.mouse.pos_y=t,i.tmp.retina&&(i.interactivity.mouse.pos_x*=i.canvas.pxratio,i.interactivity.mouse.pos_y*=i.canvas.pxratio),i.interactivity.status="mousemove"}),i.interactivity.el.addEventListener("mouseleave",function(e){i.interactivity.mouse.pos_x=null,i.interactivity.mouse.pos_y=null,i.interactivity.status="mouseleave"})),i.interactivity.events.onclick.enable&&i.interactivity.el.addEventListener("click",function(){if(i.interactivity.mouse.click_pos_x=i.interactivity.mouse.pos_x,i.interactivity.mouse.click_pos_y=i.interactivity.mouse.pos_y,i.interactivity.mouse.click_time=(new Date).getTime(),i.interactivity.events.onclick.enable)switch(i.interactivity.events.onclick.mode){case"push":i.particles.move.enable?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):1==i.interactivity.modes.push.particles_nb?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):i.interactivity.modes.push.particles_nb>1&&i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb);break;case"remove":i.fn.modes.removeParticles(i.interactivity.modes.remove.particles_nb);break;case"bubble":i.tmp.bubble_clicking=!0;break;case"repulse":i.tmp.repulse_clicking=!0,i.tmp.repulse_count=0,i.tmp.repulse_finish=!1,setTimeout(function(){i.tmp.repulse_clicking=!1},1e3*i.interactivity.modes.repulse.duration)}})},i.fn.vendors.densityAutoParticles=function(){if(i.particles.number.density.enable){var e=i.canvas.el.width*i.canvas.el.height/1e3;i.tmp.retina&&(e/=2*i.canvas.pxratio);var a=e*i.particles.number.value/i.particles.number.density.value_area,t=i.particles.array.length-a;0>t?i.fn.modes.pushParticles(Math.abs(t)):i.fn.modes.removeParticles(t)}},i.fn.vendors.checkOverlap=function(e,a){for(var t=0;t<i.particles.array.length;t++){var s=i.particles.array[t],n=e.x-s.x,r=e.y-s.y,c=Math.sqrt(n*n+r*r);c<=e.radius+s.radius&&(e.x=a?a.x:Math.random()*i.canvas.w,e.y=a?a.y:Math.random()*i.canvas.h,i.fn.vendors.checkOverlap(e))}},i.fn.vendors.createSvgImg=function(e){var a=i.tmp.source_svg,t=/#([0-9A-F]{3,6})/gi,s=a.replace(t,function(a,t,i,s){if(e.color.rgb)var n="rgba("+e.color.rgb.r+","+e.color.rgb.g+","+e.color.rgb.b+","+e.opacity+")";else var n="hsla("+e.color.hsl.h+","+e.color.hsl.s+"%,"+e.color.hsl.l+"%,"+e.opacity+")";return n}),n=new Blob([s],{type:"image/svg+xml;charset=utf-8"}),r=window.URL||window.webkitURL||window,c=r.createObjectURL(n),o=new Image;o.addEventListener("load",function(){e.img.obj=o,e.img.loaded=!0,r.revokeObjectURL(c),i.tmp.count_svg++}),o.src=c},i.fn.vendors.destroypJS=function(){cancelAnimationFrame(i.fn.drawAnimFrame),t.remove(),pJSDom=null},i.fn.vendors.drawShape=function(e,a,t,i,s,n){var r=s*n,c=s/n,o=180*(c-2)/c,l=Math.PI-Math.PI*o/180;e.save(),e.beginPath(),e.translate(a,t),e.moveTo(0,0);for(var v=0;r>v;v++)e.lineTo(i,0),e.translate(i,0),e.rotate(l);e.fill(),e.restore()},i.fn.vendors.exportImg=function(){window.open(i.canvas.el.toDataURL("image/png"),"_blank")},i.fn.vendors.loadImg=function(e){if(i.tmp.img_error=void 0,""!=i.particles.shape.image.src)if("svg"==e){var a=new XMLHttpRequest;a.open("GET",i.particles.shape.image.src),a.onreadystatechange=function(e){4==a.readyState&&(200==a.status?(i.tmp.source_svg=e.currentTarget.response,i.fn.vendors.checkBeforeDraw()):(console.log("Error pJS - Image not found"),i.tmp.img_error=!0))},a.send()}else{var t=new Image;t.addEventListener("load",function(){i.tmp.img_obj=t,i.fn.vendors.checkBeforeDraw()}),t.src=i.particles.shape.image.src}else console.log("Error pJS - No image.src"),i.tmp.img_error=!0},i.fn.vendors.draw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type?i.tmp.count_svg>=i.particles.number.value?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):void 0!=i.tmp.img_obj?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame))},i.fn.vendors.checkBeforeDraw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type&&void 0==i.tmp.source_svg?i.tmp.checkAnimFrame=requestAnimFrame(check):(cancelRequestAnimFrame(i.tmp.checkAnimFrame),i.tmp.img_error||(i.fn.vendors.init(),i.fn.vendors.draw())):(i.fn.vendors.init(),i.fn.vendors.draw())},i.fn.vendors.init=function(){i.fn.retinaInit(),i.fn.canvasInit(),i.fn.canvasSize(),i.fn.canvasPaint(),i.fn.particlesCreate(),i.fn.vendors.densityAutoParticles(),i.particles.line_linked.color_rgb_line=hexToRgb(i.particles.line_linked.color)},i.fn.vendors.start=function(){isInArray("image",i.particles.shape.type)?(i.tmp.img_type=i.particles.shape.image.src.substr(i.particles.shape.image.src.length-3),i.fn.vendors.loadImg(i.tmp.img_type)):i.fn.vendors.checkBeforeDraw()},i.fn.vendors.eventsListeners(),i.fn.vendors.start()};Object.deepExtend=function(e,a){for(var t in a)a[t]&&a[t].constructor&&a[t].constructor===Object?(e[t]=e[t]||{},arguments.callee(e[t],a[t])):e[t]=a[t];return e},window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}(),window.cancelRequestAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout}(),window.pJSDom=[],window.particlesJS=function(e,a){"string"!=typeof e&&(a=e,e="particles-js"),e||(e="particles-js");var t=document.getElementById(e),i="particles-js-canvas-el",s=t.getElementsByClassName(i);if(s.length)for(;s.length>0;)t.removeChild(s[0]);var n=document.createElement("canvas");n.className=i,n.style.width="100%",n.style.height="100%";var r=document.getElementById(e).appendChild(n);null!=r&&pJSDom.push(new pJS(e,a))},window.particlesJS.load=function(e,a,t){var i=new XMLHttpRequest;i.open("GET",a),i.onreadystatechange=function(a){if(4==i.readyState)if(200==i.status){var s=JSON.parse(a.currentTarget.response);window.particlesJS(e,s),t&&t()}else console.log("Error pJS - XMLHttpRequest status: "+i.status),console.log("Error pJS - File config not found")},i.send()};
\ No newline at end of file
diff --git a/term/pkg/particles/stats.min.js b/term/pkg/particles/stats.min.js
new file mode 100644
index 0000000..5b10050
--- /dev/null
+++ b/term/pkg/particles/stats.min.js
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; img-src data:; connect-src 'self'">
+    <title>Page not found &middot; GitHub Pages</title>
+    <style type="text/css" media="screen">
+      body {
+        background-color: #f1f1f1;
+        margin: 0;
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+      }
+
+      .container { margin: 50px auto 40px auto; width: 600px; text-align: center; }
+
+      a { color: #4183c4; text-decoration: none; }
+      a:hover { text-decoration: underline; }
+
+      h1 { width: 800px; position:relative; left: -100px; letter-spacing: -1px; line-height: 60px; font-size: 60px; font-weight: 100; margin: 0px 0 50px 0; text-shadow: 0 1px 0 #fff; }
+      p { color: rgba(0, 0, 0, 0.5); margin: 20px 0; line-height: 1.6; }
+
+      ul { list-style: none; margin: 25px 0; padding: 0; }
+      li { display: table-cell; font-weight: bold; width: 1%; }
+
+      .logo { display: inline-block; margin-top: 35px; }
+      .logo-img-2x { display: none; }
+      @media
+      only screen and (-webkit-min-device-pixel-ratio: 2),
+      only screen and (   min--moz-device-pixel-ratio: 2),
+      only screen and (     -o-min-device-pixel-ratio: 2/1),
+      only screen and (        min-device-pixel-ratio: 2),
+      only screen and (                min-resolution: 192dpi),
+      only screen and (                min-resolution: 2dppx) {
+        .logo-img-1x { display: none; }
+        .logo-img-2x { display: inline-block; }
+      }
+
+      #suggestions {
+        margin-top: 35px;
+        color: #ccc;
+      }
+      #suggestions a {
+        color: #666666;
+        font-weight: 200;
+        font-size: 14px;
+        margin: 0 10px;
+      }
+
+    </style>
+  </head>
+  <body>
+
+    <div class="container">
+
+      <h1>404</h1>
+      <p><strong>File not found</strong></p>
+
+      <p>
+        The site configured at this address does not
+        contain the requested file.
+      </p>
+
+      <p>
+        If this is your site, make sure that the filename case matches the URL
+        as well as any file permissions.<br>
+        For root URLs (like <code>http://example.com/</code>) you must provide an
+        <code>index.html</code> file.
+      </p>
+
+      <p>
+        <a href="https://help.github.com/pages/">Read the full documentation</a>
+        for more information about using <strong>GitHub Pages</strong>.
+      </p>
+
+      <div id="suggestions">
+        <a href="https://githubstatus.com">GitHub Status</a> &mdash;
+        <a href="https://twitter.com/githubstatus">@githubstatus</a>
+      </div>
+
+      <a href="/" class="logo logo-img-1x">
+        <img width="32" height="32" title="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMTZCRDY3REIzRjAxMUUyQUQzREIxQzRENUFFNUM5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMTZCRDY3RUIzRjAxMUUyQUQzREIxQzRENUFFNUM5NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUxNkJENjdCQjNGMDExRTJBRDNEQjFDNEQ1QUU1Qzk2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUxNkJENjdDQjNGMDExRTJBRDNEQjFDNEQ1QUU1Qzk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SM9MCAAAA+5JREFUeNrEV11Ik1EY3s4+ddOp29Q5b0opCgKFsoKoi5Kg6CIhuwi6zLJLoYLopq4qsKKgi4i6CYIoU/q5iDAKs6syoS76IRWtyJ+p7cdt7sf1PGOD+e0c3dygAx/67ZzzPM95/877GYdHRg3ZjMXFxepQKNS6sLCwJxqNNuFpiMfjVs4ZjUa/pmmjeD6VlJS8NpvNT4QQ7mxwjSsJiEQim/1+/9lgMHgIr5ohuxG1WCw9Vqv1clFR0dCqBODElV6v90ogEDjGdYbVjXhpaendioqK07CIR7ZAqE49PT09BPL2PMgTByQGsYiZlQD4uMXtdr+JxWINhgINYhGT2MsKgMrm2dnZXgRXhaHAg5jEJodUAHxux4LudHJE9RdEdA+i3Juz7bGHe4mhE9FNrgwBCLirMFV9Okh5eflFh8PR5nK5nDabrR2BNJlKO0T35+Li4n4+/J+/JQCxhmu5h3uJoXNHPbmWZAHMshWB8l5/ipqammaAf0zPDDx1ONV3vurdidqwAQL+pEc8sLcAe1CCvQ3YHxIW8Pl85xSWNC1hADDIv0rIE/o4J0k3kww4xSlwIhcq3EFFOm7KN/hUGOQkt0CFa5WpNJlMvxBEz/IVQAxg/ZRZl9wiHA63yDYieM7DnLP5CiAGsC7I5sgtYKJGWe2A8seFqgFJrJjEPY1Cn3pJ8/9W1e5VWsFDTEmFrBcoDhZJEQkXuhICMyKpjhahqN21hRYATKfUOlDmkygrR4o4C0VOLGJKrOITKB4jijzdXygBKixyC5TDQdnk/Pz8qRw6oOWGlsTKGOQW6OH6FBWsyePxdOXLTgxiyebILZCjz+GLgMIKnXNzc49YMlcRdHXcSwxFVgTInQhC9G33UhNoJLuqq6t345p9y3eUy8OTk5PjAHuI9uo4b07FBaOhsu0A4Unc+T1TU1Nj3KsSSE5yJ65jqF2DDd8QqWYmAZrIM2VlZTdnZmb6AbpdV9V6ec9znf5Q7HjYumdRE0JOp3MjitO4SFa+cZz8Umqe3TCbSLvdfkR/kWDdNQl5InuTcysOcpFT35ZrbBxx4p3JAHlZVVW1D/634VRt+FvLBgK/v5LV9WS+10xMTEwtRw7XvqOL+e2Q8V3AYIOIAXQ26/heWVnZCVfcyKHg2CBgTpmPmjYM8l24GyaUHyaIh7XwfR9ErE8qHoDfn2LTNAVC0HX6MFcBIP8Bi+6F6cdW/DICkANRfx99fEYFQ7Nph5i/uQiA214gno7K+guhaiKg9gC62+M8eR7XsBsYJ4ilam60Fb7r7uAj8wFyuwM1oIOWgfmDy6RXEEQzJMPe23DXrVS7rtyD3Df8z/FPgAEAzWU5Ku59ZAUAAAAASUVORK5CYII=">
+      </a>
+
+      <a href="/" class="logo logo-img-2x">
+        <img width="32" height="32" title="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQUM1QkUxRUI0MUMxMUUyQUQzREIxQzRENUFFNUM5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQUM1QkUxRkI0MUMxMUUyQUQzREIxQzRENUFFNUM5NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUxNkJENjdGQjNGMDExRTJBRDNEQjFDNEQ1QUU1Qzk2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUxNkJENjgwQjNGMDExRTJBRDNEQjFDNEQ1QUU1Qzk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hfPRaQAAB6lJREFUeNrsW2mME2UYbodtt+2222u35QheoCCYGBQligIJgkZJNPzgigoaTEj8AdFEMfADfyABkgWiiWcieK4S+QOiHAYUj2hMNKgYlEujpNttu9vttbvdw+chU1K6M535pt3ubHCSyezR+b73eb73+t7vrfXsufOW4bz6+vom9/b23ovnNNw34b5xYGAgODg46Mbt4mesVmsWd1qSpHhdXd2fuP/Afcput5/A88xwymcdBgLqenp6FuRyuWV4zu/v759QyWBjxoz5t76+/gun09mK5xFyakoCAPSaTCazNpvNPoYVbh6O1YKGRF0u13sNDQ27QMzfpiAAKj0lnU6/gBVfAZW2WWpwwVzy0IgP3G73FpjI6REhAGA9qVRqA1b9mVoBVyIC2tDi8Xg24+dUzQiAbS/s7Ox8G2o/3mKCC+Zw0efzPQEfcVjYrARX3dbV1bUtHo8fMgt42f+Mp0yUTVQbdWsAHVsikdiHkHaPxcQXQufXgUBgMRxme9U0AAxfH4vFvjM7eF6UkbJS5qoQwEQGA57Ac5JllFyUVZZ5ckUEgMVxsK2jlSYzI+QXJsiyjzNEAJyJAzb/KQa41jJKL8pODMQiTEAymXw5n8/P0IjD3bh7Rgog59aanxiIRTVvV/oj0tnHca/WMrVwODwB3raTGxzkBg/gnZVapFV62Wy2n5AO70HM/5wbJ0QnXyQSaVPDIuNZzY0V3ntHMwxiwHA0Gj2Np7ecIBDgaDAYXKCQJM1DhrgJ3nhulcPbl8j4NmHe46X/g60fwbz3aewjkqFQaAqebWU1AOqyQwt8Id6qEHMc97zu7u7FGGsn7HAiVuosVw7P35C1nccdgSCxop1dHeZswmfHMnxBo6ZTk+jN8dl/vF7vWofDsa+MLN9oEUBMxOb3+1eoEsBVw6Zmua49r8YmhAKDiEPcMwBsxMiqQ+ixzPFxZyqRpXARG/YOr1ObFJ0gUskXBbamcR1OKmMUvDxHRAu8/LmY3jFLMUpFqz9HxG65smYJdyKyECOxDiEAe/p1gjF2oonivZAsxVgl2daa4EQWCW6J55qFAFFZiJWYLxNQy2qOSUzGRsyXCUDIeliwAHEO4WSlWQBRFoZakXcKmCXmyXAKs0Ve9vl8q42WoIYpJU4hV3hKcNs8m9gl7p/xQ73eF5kB4j5mNrWmTJRNwAzqiV1CxjVTZCIkEq+Z1bZFZSN2CenmVAFVy4Plz8xKAGWjjAKFk6lCBMDR/MJjLLMSQNm43xAiQKTaA+9/wewhDjL+JVI1kkTSSOTcKbMTwPqESAot6dn6Fr1gHwVJju6IRuyiByPuUUBAg5DGkAgBmxlvdgIEK9gDkohdY/BJo4CAG0R8miRSsGABkgVQs4KXu098IgUXSSRsFAoKZiVAVDY2WUiiPTjYRi41KwGisrGsLtlsth8Fiwnz2fBkQvWfRtlE3iF2yW63/yCacXZ1dW02GwGyTFaRd4idJnCKHRaCxYRHoG5LTKT6SyiToP1fJHbmAYPYRR0UnZQtMnA6s0zg+GZBlt0Gdo7EPHgpE3Q6nZ8YyLhc8Xj8MJh/aKTAY+5FPAKHLE7RdwuYJZmNwzyCMkBCYyKROJBMJl9B/PXXCjjmCmDOVzH3fiPpObEWGqoKe4EBl8v1hlqsdLvd23mkxHM9pc9kMpmno9HoeTii7ewbHEZPPx1ztLS1tV3AnGuMjiNjvbQFuHw6zDo5By7dTPAQNBgMLrRarTkSls1mnwT7uwp9virx9QzbW/HuV/j5d/b+6jniKlllP8lkeONJDk+dq9GsQTnC4fB1heO0K47Hwe7WdDr9nAKgXwOBwHI+C45Htj1d6sd429TUNEcmUdc+PRaLHcvn87dXW4ugzdsaGxufL94NFv9zi1J7GVbhlvb2dnaJ3SVrxfc+n2+NTsZ7/H7/Mr3g5XdSIHyJSH1PZ+7fToyl2+ErqilgZ4NaLYB9goVGaHjR93Hv1ZrU4XDsFT20kH3PObzbWk0CgG1jacVIUnAQb9F+VexyLMzkpcLv0IJV7AHQIOCAUYHx7v5qgScmYHtTqSAyZLEJTK22Bie4iq3xsqpm4SAf9Hq9a2DnJ4uLK3SEULcdRvp3i3zHySqpficxEdsQc1NrlYXXvR+O7qASSezXB+h1SuUomgg9LL8BUoV4749EIolKh+EiqWmqVEZlDgHks2pxHw7xTqUQw9J5NcAXOK10AGIoZ6Zli6JY6Z1Q461KoZ4NiKLHarW+KDsxlDUPHZ5zPQZqUVDPJsTqb5n9malbpAh8C2XXDLl62+WZIDFRUlNVOiwencnNU3aQEkL+cDMSoLvZo2fQB7AJssNAuFuvorlDVVkkg2I87+jo2K2QAVphDrfyViK5VqtO34OkaxXCp+7drdDBCAdubm6eidX+2WwqT5komwh4YQLk+H4aE93h8Xg2gvHekQZOGSgLZTLyDTLJ4Lx9/KZWKBSainT4Iy3FqQBfnUZR42PKQFksBr9QKVXCPusD3OiA/RkQ5kP8qV/Jl1WywAp/6+dcmPM2zL1UrUahe4JqfnWWKXIul3uUbfP8njAFLW1OFr3gdFtZ72cNH+PtQT7/brW+NXqJAHh0y9V8/U/A1U7AfwIMAD7mS3pCbuWJAAAAAElFTkSuQmCC">
+      </a>
+    </div>
+  </body>
+</html>