dtable-ui-component 6.0.112 → 6.0.113-amf.1

package/lib/DtableIconButton/index.css

@@ -0,0 +1,126 @@
+.dtable-icon-btn {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+  padding: 0 !important;
+  border: none !important;
+  background-color: transparent !important;
+  color: #666666 !important;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  outline: none;
+  border-radius: 4px;
+}
+
+.dtable-icon-btn:focus {
+  outline: none;
+  box-shadow: none !important;
+}
+
+.dtable-icon-btn__icon {
+  display: inline-block;
+  line-height: 1;
+  margin: 0;
+  font-weight: normal;
+}
+
+.dtable-icon-btn--16px {
+  min-width: 24px;
+  min-height: 24px;
+  width: 24px;
+  height: 24px;
+}
+
+.dtable-icon-btn--16px .dtable-icon-btn__icon {
+  font-size: 16px;
+}
+
+.dtable-icon-btn--14px {
+  min-width: 24px;
+  min-height: 24px;
+  width: 24px;
+  height: 24px;
+}
+
+.dtable-icon-btn--14px .dtable-icon-btn__icon {
+  font-size: 14px;
+}
+
+.dtable-icon-btn--12px {
+  min-width: 24px;
+  min-height: 24px;
+  width: 24px;
+  height: 24px;
+}
+
+.dtable-icon-btn--12px .dtable-icon-btn__icon {
+  font-size: 12px;
+}
+
+.dtable-icon-btn--32px {
+  min-width: 32px;
+  min-height: 32px;
+  width: 32px;
+  height: 32px;
+}
+
+.dtable-icon-btn--32px .dtable-icon-btn__icon {
+  font-size: 32px;
+}
+
+.dtable-icon-btn--solid {
+  background-color: transparent !important;
+}
+
+.dtable-icon-btn--solid:hover:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.04) !important;
+}
+
+.dtable-icon-btn--solid:active:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+/* ============ No Background Style ============ */
+
+.dtable-icon-btn--no-background:hover:not(:disabled) {
+  background-color: transparent !important;
+}
+
+.dtable-icon-btn--no-background:active:not(:disabled) {
+  background-color: transparent !important;
+}
+
+/* ============ Outlined Style ============ */
+
+.dtable-icon-btn--outlined {
+  min-width: 32px;
+  min-height: 32px;
+  width: 32px;
+  height: 32px;
+  background-color: #FFFFFF !important;
+  border: 1px solid rgba(0, 40, 100, 0.12) !important;
+  color: #666666 !important;
+}
+
+.dtable-icon-btn--outlined:hover:not(:disabled) {
+  min-width: 32px;
+  min-height: 32px;
+  width: 32px;
+  height: 32px;
+  background-color: rgba(0, 0, 0, 0.04) !important;
+  border-color: rgba(0, 40, 100, 0.12) !important;
+}
+
+.dtable-icon-btn--outlined:active:not(:disabled) {
+  min-width: 32px;
+  min-height: 32px;
+  width: 32px;
+  height: 32px;
+  background-color: rgba(0, 0, 0, 0.08) !important;
+  border-color: rgba(0, 40, 100, 0.12) !important;
+}
+
+.dtable-icon-btn:disabled {
+  opacity: 0.65 !important;
+  cursor: not-allowed !important;
+}

package/lib/DtableIconButton/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
+var _DTableToolTip = _interopRequireDefault(require("../DTableToolTip"));
+var _dtableUtils = require("dtable-utils");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["noDisplayBac", "color", "size", "outline", "disabled", "className", "symbol", "tooltip", "tooltipPlacement", "shortcut"];
+const DtableIconButton = _ref => {
+  let {
+      noDisplayBac = false,
+      color,
+      size = 'large',
+      outline = false,
+      disabled = false,
+      className = '',
+      symbol,
+      tooltip,
+      tooltipPlacement,
+      shortcut
+    } = _ref,
+    otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const buttonIdRef = (0, _react.useRef)("dtable-icon-button-".concat((0, _dtableUtils.generatorBase64Code)(8)));
+  const buttonRef = (0, _react.useRef)(null);
+  const [mounted, setMounted] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  const sizeMap = {
+    large: '16px',
+    middle: '14px',
+    small: '12px',
+    largest: '32px'
+  };
+  const normalizedSize = sizeMap[size] || size;
+  const iconElement = symbol && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
+    symbol: symbol,
+    className: "dtable-icon-btn__icon",
+    ariaHidden: true,
+    color: color
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      ref: buttonRef,
+      className: (0, _classnames.default)('dtable-icon-btn', "dtable-icon-btn--".concat(normalizedSize), {
+        'dtable-icon-btn--outlined': outline,
+        'dtable-icon-btn--solid': !outline
+      }, {
+        'dtable-icon-btn--no-background': noDisplayBac
+      }, className),
+      outline: outline,
+      disabled: disabled,
+      id: buttonIdRef.current
+    }, otherProps), {}, {
+      children: iconElement
+    })), tooltip && mounted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableToolTip.default, {
+      target: buttonIdRef.current,
+      placement: tooltipPlacement || 'bottom',
+      shortcut: shortcut,
+      children: tooltip
+    })]
+  });
+};
+var _default = exports.default = DtableIconButton;

package/lib/GeolocationEditor/pc-editor/location-editor.js

@@ -15,6 +15,7 @@ var _constants = require("../../constants");
 var _Loading = _interopRequireDefault(require("../../Loading"));
 var _parseGeolocation = _interopRequireDefault(require("./parse-geolocation"));
 var _lang = require("../../lang");
+var _DtableCustomButton = _interopRequireDefault(require("../../DtableCustomButton"));
 var _jsxRuntime = require("react/jsx-runtime");
 class LocationEditor extends _react.Component {
   constructor(props) {
@@ -339,13 +340,13 @@ class LocationEditor extends _react.Component {
         className: "mt-2",
         children: this.state.errMessage
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DTableCustomFooter.default, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableCustomButton.default, {
           onClick: this.props.onCancel,
-          color: "secondary",
+          variant: "secondary",
           children: (0, _lang.getLocale)('Cancel')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableCustomButton.default, {
           onClick: this.onSubmit,
-          color: "primary",
+          variant: "primary",
           children: (0, _lang.getLocale)('Submit')
         })]
       })]

package/lib/GeolocationEditor/pc-editor/province-city-editor.js

@@ -15,6 +15,7 @@ var _Loading = _interopRequireDefault(require("../../Loading"));
 var _parseGeolocation = _interopRequireDefault(require("./parse-geolocation"));
 var _constants = require("../../constants");
 var _lang = require("../../lang");
+var _DtableCustomButton = _interopRequireDefault(require("../../DtableCustomButton"));
 var _jsxRuntime = require("react/jsx-runtime");
 class ProvinceCityEditor extends _react.Component {
   constructor(props) {
@@ -260,13 +261,13 @@ class ProvinceCityEditor extends _react.Component {
         className: "mt-2",
         children: this.state.errMessage
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DTableCustomFooter.default, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableCustomButton.default, {
           onClick: this.props.onCancel,
-          color: "secondary",
+          variant: "secondary",
           children: (0, _lang.getLocale)('Cancel')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableCustomButton.default, {
           onClick: this.onSubmit,
-          color: "primary",
+          variant: "primary",
           autoFocus: true,
           children: (0, _lang.getLocale)('Submit')
         })]

package/lib/IconButton/index.js

@@ -1,30 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _DTableToolTip = _interopRequireDefault(require("../DTableToolTip"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["disabled", "className", "icon", "children"];
+const _excluded = ["disabled", "className", "icon", "children", "title"];
 const IconButton = _ref => {
   let {
       disabled,
       className,
       icon,
-      children
+      children,
+      title
     } = _ref,
     otherProperties = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const uniqueId = (0, _react.useMemo)(() => "seatable-icon-btn-".concat(Math.random().toString(36).substr(2, 9)), []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
     className: (0, _classnames.default)('seatable-icon-btn', className, {
       'disabled': disabled
     })
   }, otherProperties), {}, {
-    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+    id: uniqueId,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableToolTip.default, {
+      placement: "bottom",
+      target: uniqueId,
+      children: title
+    }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
       className: (0, _classnames.default)('seatable-icon dtable-font', "dtable-icon-".concat(icon)),
       "aria-hidden": "true"
     }), children]

package/lib/NotificationPopover/index.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
-var _IconButton = _interopRequireDefault(require("../IconButton"));
+var _DtableIconButton = _interopRequireDefault(require("../DtableIconButton"));
+var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class NotificationPopover extends _react.default.Component {
@@ -60,8 +61,10 @@ class NotificationPopover extends _react.default.Component {
         ref: ref => this.notificationContainerRef = ref,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "notification-header",
-          children: [headerText, /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-            icon: "x",
+          children: [headerText, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableIconButton.default, {
+            symbol: "dtable-icon-x",
+            tooltip: (0, _lang.getLocale)('Close'),
+            "aria-label": (0, _lang.getLocale)('Close'),
             onClick: this.props.onNotificationListToggle
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/RowExpandDialog/header/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _lang = require("../../lang");
 var _utils = require("../../utils/utils");
-var _IconButton = _interopRequireDefault(require("../../IconButton"));
+var _DtableIconButton = _interopRequireDefault(require("../../DtableIconButton"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Header = _ref => {
@@ -40,15 +40,15 @@ const Header = _ref => {
     className: "d-print-none dtable-ui-row-expand-header",
     close: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-row-expand-header-right-btns",
-      children: [copyURL && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-        icon: "url",
+      children: [copyURL && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableIconButton.default, {
+        symbol: "dtable-icon-url",
         onClick: () => copyURL(),
         "aria-label": (0, _lang.getLocale)('Get_URL'),
-        title: (0, _lang.getLocale)('Get_URL')
-      }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-        icon: "x",
+        tooltip: (0, _lang.getLocale)('Get_URL')
+      }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableIconButton.default, {
+        symbol: "dtable-icon-x",
         onClick: onToggle,
-        title: (0, _lang.getLocale)('Close_expanded_record'),
+        tooltip: (0, _lang.getLocale)('Close_expanded_record'),
         "aria-label": (0, _lang.getLocale)('Close_expanded_record')
       })]
     }),

package/lib/RowExpandDialog/index.js

@@ -18,6 +18,7 @@ var _header = _interopRequireDefault(require("./header"));
 var _body = _interopRequireDefault(require("./body"));
 var _lang = require("../lang");
 var _cellComparer = require("../utils/cell-comparer");
+var _DtableCustomButton = _interopRequireDefault(require("../DtableCustomButton"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["saveImmediately", "readonly", "isInsertingRow", "zIndex", "title", "className", "valueKey", "layout", "row", "columns", "commit", "onToggle", "uploadFile", "copyURL", "children"];
@@ -222,14 +223,14 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           onToggle: onToggle,
           children: children[1]
         })), (!saveImmediately || isInsertingRow) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.ModalFooter, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableCustomButton.default, {
             onClick: toggle,
-            color: "secondary",
+            variant: "secondary",
             children: (0, _lang.getLocale)('Cancel')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DtableCustomButton.default, {
             onClick: onSubmit,
             disabled: isSaving || !isChangedRef.current,
-            color: "primary",
+            variant: "primary",
             children: (0, _lang.getLocale)('Submit')
           })]
         })]

package/lib/assets/icons/access-permissions.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>access-permissions</title>
+<g id="access-permissions">
+	<g id="访问权限" transform="translate(1.000000, 1.000000)">
+    <path class="st0" d="M26.2,12.3H11.1V8.9c0-2.6,2.2-4.8,4.8-4.8s4.8,2.2,4.8,4.8v4.2h3V8.8C23.8,4.4,20.3,1,16,1S8.2,4.4,8.2,8.8
+      v3.5H6c-1.1,0-2,0.9-2,2v14.1c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V14.2C28,13.2,27.2,12.4,26.2,12.3z M17.4,21.5v3.1
+      c0,0.1-0.1,0.2-0.2,0.2h-1.7c-0.1,0-0.2-0.1-0.2-0.2v-3.1c-0.8-0.4-1.3-1.2-1.3-2.1c0-1.3,1.1-2.4,2.4-2.4s2.4,1.1,2.4,2.4
+      C18.7,20.4,18.2,21.2,17.4,21.5z"/>
+	</g>
+</g>
+</svg>

package/lib/assets/icons/activities.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>activities</title>
+<g id="activities">
+	<g id="Activities" transform="translate(1.000000, 2.000000)">
+		<g id="SVGID_1_-link">
+			<path id="SVGID_1_" class="st0" d="M2.6,8.3c-0.9,1.8-1.3,3.8-1.3,5.9c0,7.8,6.5,14.2,14.4,14.2S30,22.1,30,14.3
+				S23.5,0.1,15.6,0.1c-0.9,0-1.6,0-2.4,0.1L13,4.6c0.9-0.3,1.8-0.3,2.7-0.3c5.6,0,10.1,4.4,10.1,10.1s-4.6,10.1-10.1,10.1
+				S5.6,20,5.6,14.4c0-1.3,0.3-2.7,0.7-3.7l1.5,0.7c0.7,0.4,1.5,0.1,1.5-0.9l0.4-9.6c0-0.9-0.4-1.2-1.3-0.7L0.6,5.5
+				c-0.7,0.4-0.7,1.2,0,1.6L2.6,8.3z"/>
+		</g>
+		<g id="SVGID_3_-link" transform="translate(14.611591, 8.490006)">
+			<path id="SVGID_3_" class="st0" d="M0.7,0C0.3,0,0,0.3,0,0.9v6.4l5.2,5.2c0.3,0.3,0.4,0.3,0.1-0.1l-2.5-5c0-2.4,0-6.4,0-6.4
+				C2.8,0.4,2.5,0,2.1,0C1.8,0,1.3,0,0.7,0z"/>
+		</g>
+	</g>
+</g>
+</svg>

package/lib/assets/icons/app-achievement-distribution.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999;}
+</style>
+<title>app-achievement-distribution</title>
+<g id="app-achievement-distribution">
+	<g id="achievement-distribution" transform="translate(0.000000, 0.000342)">
+		<path fill="currentColor" id="形状" class="st0" d="M31.7,16.5C31.7,16.5,31.7,16.5,31.7,16.5L27.9,6.2c0-0.1,0-0.2,0.1-0.2h2.9
+			C30.9,6,31,5.9,31,5.9c0-0.5-0.7-2-1-2.3S29.2,3,28.7,3H18c-0.3,0-0.5-0.2-0.5-0.5V1c0-0.5-1-1-1.5-1c-0.5,0-1.5,0.5-1.5,1v1.5
+			C14.5,2.8,14.3,3,14,3H3.4C2.4,3,1,4.8,1,5.9c0,0,0,0.1,0,0.1s0.1,0,0.1,0h2.8C4,6,4.1,6.1,4.1,6.2L0.3,16.5c0,0,0,0,0,0.1
+			c-0.4,0.8-0.4,1.7,0.1,2.5c0.4,0.6,0.8,1.1,1.4,1.5C2.9,21.5,4.4,22,6.1,22c2.5,0,4.7-1.3,5.8-3.2c0.4-0.7-0.1-2.3-0.1-2.3
+			L8.1,6.2c0-0.1,0-0.2,0.1-0.2h3.3c1.7,0,3,1.3,3,3v19.2c0,0.7-0.5,1.4-1.3,1.5c-2,0.3-3.8,1.4-4.7,2.3h15c-1-0.9-2.5-2.1-4.6-2.4
+			c-0.8-0.1-1.3-0.7-1.3-1.5V9c0-1.7,1.3-3,3-3h3.3c0.1,0,0.1,0.1,0.1,0.2c-2.5,6.9-3.8,10.4-3.8,10.4c-0.3,0.8-0.4,1.7,0,2.4
+			c1.1,1.8,3.3,3.1,5.7,3.1c2.5,0,4.7-1.3,5.8-3.2C32.1,18.1,32.1,17.2,31.7,16.5z M9.9,18H2.2L6,7.8c0-0.1,0.2-0.1,0.2,0L9.9,18z
+			 M25.8,7.8c0-0.1,0.2-0.1,0.2,0L29.7,18h-7.6L25.8,7.8z"/>
+	</g>
+</g>
+</svg>

package/lib/assets/icons/app-address-book.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999;}
+</style>
+<title>app-address-book</title>
+<g id="app-address-book">
+	<g id="通讯录">
+		<path fill="currentColor" id="形状结合" class="st0" d="M27.7,0C30.3,0,32,1.7,32,4.3v23.4c0,2.6-1.7,4.3-4.3,4.3h-21C4,32,2,30.3,2,27.7v-2.3
+			C2,24.6,2.8,24,3.5,24S5,24.6,5,25.3v2C5,28.5,5.5,29,6.7,29h20.7c1.1,0,1.7-0.5,1.7-1.7V4.7C29,3.5,28.5,3,27.3,3H6.7
+			C5.5,3,5,3.5,5,4.7v1C5,6.4,4.3,7,3.5,7S2,6.4,2,5.7V4.3C2,1.7,4,0,6.7,0H27.7z M18,6c3.3,0,6,2.7,6,6c0,1.9-0.9,3.7-2.4,4.8
+			c1,0.4,1.9,1.1,2.7,1.9c1.7,1.7,2.6,4,2.6,6.4c0,0.8-0.7,1.5-1.5,1.5S24,25.8,24,25c0-3.3-2.7-6-6-6s-6,2.7-6,6
+			c0,0.8-0.7,1.5-1.5,1.5C9.7,26.5,9,25.8,9,25c0-2.4,0.9-4.7,2.6-6.4c0.8-0.8,1.7-1.4,2.7-1.9C12.9,15.7,12,13.9,12,12
+			C12,8.7,14.7,6,18,6z M5.5,19C6.3,19,7,19.7,7,20.5S6.3,22,5.5,22h-4C0.7,22,0,21.3,0,20.5S0.7,19,1.5,19H5.5z M5.5,14
+			C6.3,14,7,14.7,7,15.5C7,16.3,6.3,17,5.5,17h-4C0.7,17,0,16.3,0,15.5C0,14.7,0.7,14,1.5,14H5.5z M18,8.8c-1.8,0-3.2,1.5-3.2,3.2
+			s1.4,3.2,3.2,3.2c1.8,0,3.2-1.5,3.2-3.2S19.8,8.8,18,8.8z M5.5,9C6.3,9,7,9.7,7,10.5S6.3,12,5.5,12h-4C0.7,12,0,11.3,0,10.5
+			S0.7,9,1.5,9H5.5z"/>
+	</g>
+</g>
+</svg>

package/lib/assets/icons/app-ai-agent.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #999;
+      }
+    </style>
+  </defs>
+  <!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709)  -->
+  <g>
+    <g id="_图层_1" data-name="图层_1">
+      <g id="_图层_1-2" data-name="_图层_1">
+        <g id="_图层_1-2">
+          <g id="app-ai-agent">
+            <path id="_形状" class="cls-1" d="M26.6,1.3c.1-.3.6-.3.7,0l.3.8c.4,1.1,1.3,1.9,2.3,2.3,0,0,.6.2.8.3.3.1.3.6,0,.7s-.8.3-.8.3c-1.1.4-1.9,1.3-2.3,2.3l-.3.8c-.1.3-.6.3-.7,0l-.3-.8c-.4-1.1-1.3-1.9-2.3-2.3,0,0-.4-.2-.8-.3s-.3-.6,0-.7l.8-.3c1.1-.4,1.9-1.3,2.3-2.3,0,0,.3-.8.3-.8ZM6.7,5c-1.6,0-2.7,1.6-2.7,3.1v16.3c0,1.6,1.1,2.6,2.7,2.6h18.1c1.6,0,3.1-1,3.1-2.6v-11.4h3v11.4c0,3.2-3,5.6-6.1,5.6H6.7c-3.2,0-5.7-2.4-5.7-5.6V8.1c0-3.2,2.5-6.1,5.7-6.1h12.3v3s-12.3,0-12.3,0Z"/>
+            <path id="_形状结合" class="cls-1" d="M18.6,13.8v8.4h-3v-4.4h-2.8v-3h2.8v-1.1c0-1-.8-1.8-1.8-1.8s-1.8.8-1.8,1.8v8.4h-3v-8.4c0-2.6,2-4.8,4.8-4.8s4.8,2.2,4.8,4.9ZM23,13.4v8.8h-3v-8.8s3,0,3,0ZM23.1,10.8c0,.9-.7,1.6-1.6,1.6s-1.6-.7-1.6-1.6.7-1.6,1.6-1.6,1.6.7,1.6,1.6Z"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/lib/assets/icons/app-ai.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="17px" viewBox="0 0 16 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ai-grey</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(25, 8.2) scale(-1, 1) translate(-25, -8.2)" id="ai-grey">
+            <g transform="translate(34, 0.4)">
+                <path d="M8,0 C12.425,0 16,3.26186747 16,7.30658313 C16,11.3512988 12.7693466,14.8337655 8.34434662,14.8337655 L4.81690063,14.8337655 L2.70372009,16 L2.70372009,13.0463428 C0.878720093,11.7155009 0,9.60293783 0,7.30658313 C0,3.26186747 3.575,0 8,0 Z M8.1,1.4 C4.5046875,1.4 1.6,4.05026732 1.6,7.33659879 C1.6,9.20238699 2.31396008,10.9188445 3.79677258,12.0001536 L3.79677258,13.9540163 L5.02834402,13.4524345 L8.37978163,13.4524345 C11.9750941,13.4524345 14.6,10.6229303 14.6,7.33659879 C14.6,4.05026732 11.6953125,1.4 8.1,1.4 Z" id="combie3" fill="currentColor" fill-rule="nonzero"></path>
+                <path d="M10.8363651,6.18441976 C10.8363652,5.89501914 10.6161347,5.37227927 10.1987827,4.98238898 C9.88278054,4.68717963 9.47711894,4.48358533 9.05116432,4.48358533 C8.77666548,4.48358533 8.34121756,4.7041719 8.00818174,5.10907699 C7.74209155,5.43258956 7.56363791,5.83686578 7.56363791,6.18422038 L7.56265153,7.6 L7.56,10.1 L7.2,6.18422038 C7.2,5.66793531 7.46177002,5.20520358 7.7973874,4.84654629 C8.20442076,4.41157035 8.73566761,4.1 9.11821171,4.1 C9.58787908,4.1 10.1014692,4.40886744 10.5025229,4.81029891 C10.895055,5.20320078 11.2,5.70546072 11.2,6.18422038 L11.2,10.1 L10.84,7.6 Z" id="combie2" stroke="currentColor"></path>
+                <path d="M5,3.6 C5.38659932,3.6 5.7,3.91340068 5.7,4.3 C5.7,4.68659932 5.38659932,5 5,5 C4.61340068,5 4.3,4.68659932 4.3,4.3 C4.3,3.91340068 4.61340068,3.6 5,3.6 Z M4.32593585,5.65597889 L5.62575074,5.66737815 L5.58225367,10.667133 L4.28243878,10.6557337 L4.32593585,5.65597889 Z" id="combie1" fill="currentColor" transform="translate(4.9912, 7.1336) scale(-1, 1) translate(-4.9912, -7.1336)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/assets/icons/app-airplane.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>airplane</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon" transform="translate(-459.0219, -284)">
+            <g id="airplane" transform="translate(467.0219, 292) scale(-1, 1) translate(-467.0219, -292)translate(459.0219, 284)">
+                <path d="M15.9798719,0.787858429 C15.9496179,0.3931322 15.6168233,0.059133084 15.2235207,0.028769528 C13.9225965,-0.123048252 12.6821804,0.332405088 11.7745589,1.24331177 L9.29372673,3.73312336 L4.12028405,1.45585666 C3.66647329,1.24331177 3.12190038,1.36476599 2.78910582,1.69876511 L1.8814843,2.60967179 C1.8209762,2.6703989 1.7604681,2.73112601 1.73021405,2.82221668 C1.54868974,3.09548869 1.48818164,3.4294878 1.57894379,3.73312336 C1.63945189,4.03675892 1.85123025,4.31003093 2.12351671,4.49221226 L6.08679735,7.01238741 L3.63621924,9.47183545 L2.12351671,8.74311011 C1.73021405,8.62165588 1.33691139,8.682383 1.09487898,8.92529144 L0.24776556,9.77547101 C0.0662412558,9.95765235 -0.0245208964,10.1701972 0.0057331543,10.4131057 C0.035987205,10.6560141 0.157003408,10.868559 0.338527712,11.0203768 L2.91012202,12.9636444 C2.97063013,12.994008 3.00088418,13.0243715 3.03113823,13.0850986 L4.96739747,15.6660009 C5.11866773,15.8481822 5.33044608,15.9696364 5.57247849,16 L5.63298659,16 C5.84476495,16 6.0565433,15.9089093 6.20781356,15.7570916 L7.05492698,14.906912 C7.29695938,14.6640035 7.35746748,14.2692773 7.20619723,13.9656417 L6.48010001,12.4474639 L8.93067812,9.98801591 L11.4417643,13.9656417 C11.5022724,14.0263689 11.5325265,14.1174595 11.5930346,14.1781866 C11.835067,14.4210951 12.1376075,14.5425493 12.440148,14.5425493 C12.7426885,14.5425493 13.045229,14.4210951 13.2872614,14.1781866 L14.1948829,13.26728 C14.5579316,12.9029173 14.6486937,12.3867368 14.4369154,11.9312835 L12.1678615,6.73911541 L14.6789478,4.21894026 C15.6773314,3.33839714 16.1008881,2.06312778 15.9798719,0.787858429 L15.9798719,0.787858429 Z M2.66808962,3.49021492 L3.57571114,2.57930823 L8.35585116,4.6743936 L7.66000799,5.37275539 L6.87340267,6.16220785 L2.66808962,3.49021492 Z M11.3510022,7.68038565 L13.4385317,12.4474639 L12.5309102,13.3583706 L9.86855369,9.16819989 L10.624905,8.40911099 L11.3510022,7.68038565 L11.3510022,7.68038565 Z M11.7443048,5.55493673 L8.96093217,8.34838388 L5.08841368,12.2349191 L6.0565433,14.2692773 L5.72374874,14.6032764 L4.05977595,12.3563733 C3.9690138,12.2045555 3.8479976,12.0831013 3.69672734,11.9920106 L1.45792759,10.322015 L1.79072215,9.98801591 L3.81774355,10.9596497 L7.02467292,7.7107492 L10.4433807,4.27966737 L12.5914183,2.12385489 C13.1662452,1.54694733 13.9528505,1.21294821 14.7697099,1.24331177 C14.7697099,2.03276423 14.4671694,2.82221668 13.8923424,3.39912425 L11.7443048,5.55493673 L11.7443048,5.55493673 Z" id="image" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/assets/icons/app-award.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>award</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon" transform="translate(-495.0219, -283)">
+            <g id="award" transform="translate(495.0219, 283)">
+                <path d="M7.85464453,0 C9.48507839,0 11.0163588,0.632021164 12.1700519,1.78031746 C13.3218615,2.92859259 13.9568668,4.45267725 13.9568668,6.07544974 C13.9568668,7.4495873 13.5010996,8.75350265 12.6620519,9.81635979 L14.4850784,12.9575238 C14.6929514,13.3143492 14.6605281,13.7565926 14.4088033,14.0849312 C14.1570996,14.413291 13.7337556,14.555619 13.3313853,14.4493545 L12.248253,14.1608466 L11.9583906,15.2408042 C11.8496922,15.641291 11.5140731,15.9354709 11.1021789,15.9886138 C11.0564011,15.9943069 11.0106445,15.9980952 10.9667715,15.9980952 C10.6044435,15.9980952 10.2669408,15.8064127 10.0819673,15.4875344 L8.1426022,12.1413968 C8.08920538,12.1452063 8.03580855,12.1452063 7.98241173,12.1471111 L6.04306781,15.489418 C5.85618951,15.8082963 5.51864453,16 5.15633765,16 C5.11055988,16 5.06670802,15.9961905 5.02093025,15.9905185 C4.60903607,15.9354709 4.27151226,15.6431746 4.16471861,15.242709 L3.87485617,14.1646561 L2.78981914,14.4531429 C2.38935353,14.5594286 1.96600961,14.4170794 1.71240115,14.0887407 C1.45877152,13.760381 1.43015776,13.316254 1.63803078,12.9575238 L3.29134294,10.1048677 C2.29591437,8.99263492 1.75244347,7.57485714 1.75244347,6.07354497 C1.75244347,4.45077249 2.38744876,2.92668783 3.53923712,1.7784127 C4.69295141,0.632021164 6.22423183,0 7.85464453,0 Z M11.7772477,10.7255026 C11.0888456,11.304381 10.2898403,11.716254 9.43170273,11.944 L10.9000625,14.4740317 L11.163216,13.4965503 C11.2852689,13.0429418 11.7562742,12.773418 12.2101154,12.8948995 L13.18838,13.158709 L11.7772477,10.7255026 Z M4.21242231,10.9475767 L2.9308985,13.1568254 L3.91106781,12.8948995 C3.9839536,12.8761099 4.05891026,12.8665466 4.13417892,12.8664339 C4.28346567,12.8664028 4.43012997,12.9056729 4.5594276,12.9802963 C4.75775564,13.0941799 4.89887734,13.276381 4.95798845,13.4965503 L5.22114189,14.472127 L6.63993554,12.0275132 C5.76082443,11.8510053 4.9351313,11.4846984 4.21240115,10.9475767 L4.21242231,10.9475767 Z M7.8546657,1.21470899 C6.55032707,1.21470899 5.3260731,1.71957672 4.40311014,2.63820106 C3.48014718,3.55492063 2.97290908,4.77534392 2.97290908,6.07354497 C2.97290908,7.30533333 3.43055988,8.46689947 4.26391437,9.36844444 L4.47555459,9.57153439 C5.32988263,10.3895661 6.4626022,10.8659471 7.6620731,10.9133968 L7.96145935,10.9247831 L8.39242231,10.8773333 C9.57663395,10.7463915 10.6655017,10.1940741 11.4568879,9.32478307 L11.7505599,9.00213757 C12.3893747,8.16321693 12.7364435,7.144 12.7364435,6.07354497 C12.7364435,4.77534392 12.2291842,3.5568254 11.3062424,2.63820106 C10.3851842,1.71957672 9.15902548,1.21470899 7.8546657,1.21470899 L7.8546657,1.21470899 Z M7.8546657,3.34044444 C9.3687821,3.34044444 10.6006763,4.56653968 10.6006763,6.07356614 C10.6006763,7.58055026 9.3687821,8.8066455 7.8546657,8.8066455 C6.34054929,8.8066455 5.10867628,7.5805291 5.10867628,6.07354497 C5.10867628,4.56653968 6.34054929,3.34044444 7.8546657,3.34044444 L7.8546657,3.34044444 Z M7.8546657,4.55515344 C7.01371332,4.55515344 6.32912072,5.2365291 6.32912072,6.07354497 C6.32912072,6.91056085 7.01371332,7.59193651 7.8546657,7.59193651 C8.69563924,7.59193651 9.38023183,6.91056085 9.38023183,6.07354497 C9.38023183,5.2365291 8.69563924,4.55515344 7.8546657,4.55515344 Z" id="combine" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/assets/icons/app-bank.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>bank</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon" transform="translate(-566.0219, -320)">
+            <g id="bank" transform="translate(566.0219, 320)">
+                <path d="M0.7,13.64 L15.3,13.64 L15.3,15.1 L0.7,15.1 L0.7,13.64 Z M2.16000001,7.80000001 L3.62000001,7.80000001 L3.62000001,12.91 L2.16000001,12.91 L2.16000001,7.80000001 Z M5.81000001,7.80000001 L7.27,7.80000001 L7.27,12.91 L5.81000001,12.91 L5.81000001,7.80000001 Z M8.73000001,7.80000001 L10.19,7.80000001 L10.19,12.91 L8.73000001,12.91 L8.73000001,7.80000001 Z M12.38,7.80000001 L13.84,7.80000001 L13.84,12.91 L12.38,12.91 L12.38,7.80000001 Z M0.7,4.15000001 L8.00000001,0.5 L15.3,4.15000001 L15.3,7.07 L0.7,7.07 L0.7,4.15000001 Z M2.16000001,5.05228001 L2.16000001,5.61000001 L13.84,5.61000001 L13.84,5.05228001 L8.00000001,2.13228001 L2.16000001,5.05228001 Z M8.00000001,4.88000001 C7.73916951,4.88003993 7.4981351,4.74091145 7.36770832,4.51503227 C7.23728155,4.28915308 7.23728155,4.01084692 7.36770832,3.78496774 C7.4981351,3.55908855 7.73916951,3.41996007 8.00000001,3.42 C8.40312423,3.42006172 8.72988825,3.74687578 8.72988825,4.15 C8.72988825,4.55312423 8.40312423,4.87993828 8.00000001,4.88000001 Z" id="image" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/assets/icons/app-bell.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>bell</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon" transform="translate(-316.0219, -357)">
+            <g id="bell" transform="translate(316.0219, 357)">
+                <path d="M9.45793559,6.04149402 C12.9183531,9.50110601 14.9586784,13.0718767 14.0146352,14.0159198 C13.6320239,14.3977256 12.8176659,14.289789 11.7536036,13.796019 C9.12834877,15.5323658 5.68301735,15.3781555 3.22338452,13.4142131 L3.19277562,13.446433 L2.05380207,12.306654 L2.08441097,12.2744341 C0.121628724,9.81511359 -0.0319263085,6.37086108 1.70421614,3.7466315 C1.20964065,2.68176374 1.10170396,1.86740571 1.4843153,1.48479436 C2.39291655,0.576193123 5.7349259,2.43286499 9.06968577,5.65888268 L9.45793559,6.04149402 L9.45793559,6.04149402 Z M8.31896204,7.18046757 C6.80140465,5.66291018 5.22826792,4.4006955 3.91208493,3.61775188 L3.76226238,3.76274144 C1.78065613,5.74489507 1.5552435,8.88145865 3.23305049,11.1266001 L4.71999898,9.63965159 C4.5314441,8.93547057 4.83925924,8.19242473 5.47054855,7.82787343 C6.10183786,7.46332212 6.899261,7.56812485 7.41491558,8.08341527 C7.93057016,8.59870568 8.03593622,9.39605458 7.67183099,10.0276013 C7.30772576,10.659148 6.56489757,10.967488 5.86058352,10.7794306 L4.37202404,12.2663791 C6.61731742,13.9446567 9.75442044,13.71923 11.7366882,11.7371672 L11.8808722,11.5857337 L11.8381809,11.5140444 C11.0520152,10.2131658 9.80832702,8.67063804 8.31896204,7.18046757 L8.31896204,7.18046757 Z M14.0146352,1.48479436 C14.3385075,1.80884813 14.509169,2.25541912 14.4839596,2.71287792 C14.4587502,3.17033673 14.2400522,3.59545108 13.8825337,3.88195508 C15.1528812,5.89921395 15.3521793,8.41151387 14.415773,10.6038322 C14.0833726,9.96163968 13.7104807,9.34122928 13.2993534,8.74635481 C13.6269049,6.92942748 13.0430289,5.06734439 11.7366882,3.76274144 C10.4320114,2.45652242 8.5699932,1.8726667 6.75307479,2.20007619 C6.15830447,1.78878754 5.5378836,1.4158893 4.89559744,1.08365658 C7.08852399,0.147064479 9.60150991,0.346670285 11.6190855,1.61770146 C11.9053144,1.26037773 12.3300582,1.04171595 12.787184,1.01635423 C13.2443099,0.990992509 13.6906355,1.16132663 14.0146352,1.48479436 L14.0146352,1.48479436 Z" id="image" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/assets/icons/app-book.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>book</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon" transform="translate(-388.0219, -357)">
+            <g id="book" transform="translate(388.0219, 357)">
+                <path d="M12.8538111,0.4 L2.52088994,0.4 C1.85528545,0.4 1.3166666,0.938618847 1.3166666,1.60422334 L1.3166666,14.1957767 C1.3166666,14.8613812 1.85528545,15.4 2.52088994,15.4 L12.8552379,15.4 C13.5208424,15.4 14.0594612,14.8613812 14.0594612,14.1964901 L14.0594612,1.60422334 C14.0582813,0.9390815 13.5189539,0.40039229 12.8538111,0.4 Z M7.3042534,1.60422334 L7.3042534,5.11416341 L7.15871929,4.96791592 L6.60226538,4.41146201 C6.44248013,4.25229065 6.18426436,4.25165386 6.02369598,4.41003519 L5.28175744,5.14341292 L5.28175744,1.60422334 L7.3042534,1.60422334 L7.3042534,1.60422334 Z M4.0775341,1.60422334 L4.0775341,6.24062589 C4.0775341,6.57021783 4.34291981,6.83560354 4.67251175,6.83560354 C5.06202949,6.83560354 5.43656578,6.68222202 5.71407932,6.40756207 L6.30763017,5.81900504 L6.89119337,6.40256825 C7.1572925,6.66866737 7.51470713,6.8241891 7.89138362,6.83560354 L7.91421249,6.83560354 C8.07219194,6.83598296 8.22382059,6.77344269 8.33559616,6.66180099 C8.44737173,6.55015928 8.51009366,6.39860568 8.50990355,6.24062589 L8.50990355,1.60350995 L12.8552379,1.60350995 L12.8552379,12.0427281 L2.52231674,12.0427281 L2.52231674,1.60422334 L4.0775341,1.60422334 Z M2.52088994,14.1957767 L2.52088994,13.2469514 L12.8538111,13.2469514 L12.8538111,14.1957767 L2.52088994,14.1957767 Z" id="image" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/assets/icons/app-bookmark.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>bookmark</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon" transform="translate(-352.0219, -357)">
+            <g id="bookmark" transform="translate(352.0219, 357)">
+                <path d="M3.45454545,3.62618182 L3.45454545,12.9163636 L7.09090908,9.90763637 L10.7272727,12.9163636 L10.7272727,3.62618182 L3.45454545,3.62618182 Z M2,16 L2,2.18181818 L12.1818182,2.18181818 L12.1818182,16 L7.09090908,11.7876364 L2,16 Z" id="combine" fill="currentColor" fill-rule="nonzero"></path>
+                <path d="M7.09090908,1.25454545 L7.09090908,0.200000003 C7.09090908,0.0895430514 7.18045213,7.58017641e-17 7.29090909,5.55111512e-17 L14.1636364,0 C14.2740933,4.70236791e-16 14.3636364,0.0895430514 14.3636364,0.200000003 L14.3636364,7.8 C14.3636364,7.91045695 14.2740933,8 14.1636364,8 L13.1090909,8 C12.998634,8 12.9090909,7.91045695 12.9090909,7.8 L12.9090909,1.65454545 C12.9090909,1.5440885 12.8195479,1.45454545 12.7090909,1.45454545 L7.29090909,1.45454545 C7.18045213,1.45454545 7.09090908,1.3650024 7.09090908,1.25454545 Z" id="path" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/assets/icons/app-brush.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>brush</title>
+    <g id="ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon" transform="translate(-423.0219, -357)" fill="currentColor" fill-rule="nonzero">
+            <g id="brush" transform="translate(423.0219, 357)">
+                <path d="M7.07019845,11.5322706 C7.07019845,11.4240454 7.06286922,11.3086051 7.04821078,11.1931648 C6.98224777,10.6808987 6.59411465,10.0792155 6.1983366,9.68960467 C5.80255856,9.29999381 5.26289232,8.91194902 4.73518826,8.84701387 C4.64723759,8.83979885 4.5226408,8.83258384 4.40537323,8.83979885 C4.21481343,8.85422887 3.94547354,8.99852921 3.8355352,8.84701387 C3.72561787,8.69933295 3.59448798,8.59501956 3.65385727,8.42151982 C3.76379562,8.12570415 3.73841394,8.12792891 3.92897373,7.91147842 L5.05767407,6.51176525 C6.99991818,4.12359484 10.935711,1.25201834 13.8160956,0.112045745 C14.4031961,-0.119159674 15.0736616,0.0139770084 15.5238046,0.451151525 C15.9855456,0.905697554 16.1248009,1.55504903 15.8829365,2.14668035 C14.7249193,4.9893968 11.8152177,8.85664555 9.38924489,10.7686249 L8.22310636,11.7332426 C7.9519251,11.9280481 8.03765589,11.9435265 7.8177792,12.0301067 C7.75914542,12.0589668 7.68585318,12.0733968 7.61989018,12.0733968 C7.50995183,12.0733968 7.40734272,12.0445368 7.31206281,11.9796016 C7.15991188,11.8802354 7.06895516,11.7120099 7.07019845,11.5322706 Z M6.94273084,9.00377722 C7.33833273,9.37880704 7.62211503,9.85327612 7.76331907,10.3757576 L8.86394931,9.50384483 C10.9089073,7.89465292 13.3641594,4.6313912 14.3345376,2.23363113 C14.4049155,2.07377669 14.3628648,1.88749691 14.2303359,1.77203026 C14.10488,1.65022532 13.9172461,1.61480145 13.7549157,1.68227453 C11.3322266,2.643943 8.01731067,5.06093644 6.3761342,7.07402914 L5.49693252,8.17674233 C6.04399134,8.31778705 6.53243672,8.59987646 6.94273084,9.00377722 Z" id="image"></path>
+                <path d="M0.696751977,15.3142945 C0.181814019,14.8073805 -0.0673495125,14.1042417 0.015704985,13.3847508 L0.239952163,11.3734469 C0.455893884,9.37849496 2.11698411,7.89863311 4.17673596,7.85775295 C4.33453953,7.84957692 4.5421758,7.85775295 4.73320119,7.87410501 C5.63849536,7.98856946 6.44412409,8.38919505 7.09194928,9.02692558 C7.731469,9.65648007 8.11351975,10.4086751 8.22979608,11.2508064 C8.40877398,12.496124 7.98453484,13.7520357 7.08364384,14.6438598 C6.44412411,15.2652383 5.62188446,15.6495118 4.69167394,15.7639763 L2.64022752,15.9847291 C1.92227745,16.0661434 1.20603579,15.8190638 0.696751977,15.3142945 L0.696751977,15.3142945 Z M4.22656866,9.09233383 C2.97244555,9.11686193 1.6435734,9.95899327 1.47746438,11.5124394 L1.2532172,13.5237434 C1.21168995,13.8671368 1.33627172,14.2023541 1.57712979,14.4476351 C1.81798787,14.68474 2.15851137,14.8073805 2.49903486,14.7665003 L4.54217582,14.5457474 C5.18169554,14.4639871 5.75477166,14.2023541 6.18665512,13.7772004 C6.718204,13.2539343 7.01720022,12.5507955 7.01720022,11.7986006 C7.01720022,11.6759601 7.00889476,11.5451436 6.99228386,11.414327 C6.9175348,10.8338288 6.65176038,10.3269147 6.20326602,9.88540898 C5.75477166,9.44390323 5.19830644,9.16591812 4.60031396,9.09233383 L4.22656866,9.09233383 L4.22656866,9.09233383 Z" id="image2"></path>
+                <path d="M6.49477824,6.61372091 C6.17064583,6.61372091 5.90185308,6.3491166 5.90185308,6.03003494 C5.90185308,5.71095328 6.16274015,5.44634896 6.48687256,5.44634896 C8.87438452,5.44634896 10.5441896,7.06910795 10.5441896,9.41941683 C10.5520953,9.74628097 10.2833025,10.0031028 9.95917008,10.0031028 C9.63503765,10.0031028 9.36624493,9.73849849 9.36624493,9.41941683 C9.36624493,7.70727129 8.2261197,6.61372093 6.49477824,6.61372091 Z" id="path1"></path>
+            </g>
+        </g>
+    </g>
+</svg>