fix: tooltip issue about customer follower

change: Grid.export optimized (compression with `deflate`)
feature: ui-tab
feature: Popup.closable

lib/ui/css/popup.scss

@@ -70,6 +70,10 @@ $buttonHeight: 28px;
                 cursor: move;
             }
 
+            >.ui-popup-header-title.no-move {
+                cursor: default;
+            }
+
             >.ui-popup-header-icons {
                 flex: 0 0 auto;
                 padding: 10px 12px 6px 0;

lib/ui/css/tab.scss

@@ -0,0 +1,47 @@
+.ui-tab-container {
+    display: flex;
+    flex-direction: column;
+
+    --header-line-height: 24px;
+    --header-padding: 6px 6px 0;
+    --header-hover-color: #b9b9b9;
+    --header-selected-color: rgb(173, 84, 12);
+
+    >.ui-tab-header {
+        flex: 0 0 auto;
+        display: flex;
+        flex-wrap: wrap;
+        line-height: var(--header-line-height);
+        padding: var(--header-padding);
+        border-bottom: 1px solid var(--border-color);
+        user-select: none;
+
+        >.ui-tab-title {
+            border: 1px solid transparent;
+            background-color: var(--bg-color);
+            cursor: pointer;
+            padding: 0 12px;
+
+            &:hover {
+                color: var(--header-hover-color);
+            }
+
+            &.selected {
+                border-color: var(--border-color);
+                border-bottom-color: var(--bg-color);
+                color: var(--header-selected-color);
+            }
+        }
+    }
+
+    >.ui-tab-page {
+        flex: 1 1 auto;
+        padding: 6px;
+        overflow: auto;
+        width: 100%;
+        height: 100%;
+        box-sizing: border-box;
+        position: relative;
+        display: none;
+    }
+}