@duxweb/dvha-pro 1.0.31 → 1.0.32

package/dist/esm/components/layout/table.js

@@ -1,8 +1,8 @@
-import { defineComponent as J, toRef as x, computed as s, reactive as v, createVNode as e, h as k, mergeProps as K, isVNode as G } from "vue";
-import { useI18n as H, useJsonSchema as C } from "@duxweb/dvha-core";
-import { useWindowSize as Q } from "@vueuse/core";
-import { NTabs as X, NTab as Y, NButton as r, NPopselect as Z, NTooltip as f, NProgress as $, NPagination as ee, NModal as te, NDrawer as N } from "naive-ui";
-import { useAction as oe } from "../../hooks/action.js";
+import { defineComponent as G, toRef as k, computed as s, reactive as v, createVNode as e, h as C, mergeProps as H, isVNode as Q } from "vue";
+import { useI18n as X, useJsonSchema as N, useTabStore as Y } from "@duxweb/dvha-core";
+import { useWindowSize as Z } from "@vueuse/core";
+import { NTabs as $, NTab as ee, NButton as r, NPopselect as te, NTooltip as f, NProgress as oe, NPagination as le, NModal as ie, NDrawer as R } from "naive-ui";
+import { useAction as ae } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
@@ -18,12 +18,12 @@ import "ace-builds/src-noconflict/ext-searchbox";
 import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
-import le from "../modal/modalPage.js";
+import re from "../modal/modalPage.js";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxTableFilter as ie } from "./filter.js";
-import { DuxFilterLayout as ae } from "./filterLayout.js";
+import { DuxTableFilter as ne } from "./filter.js";
+import { DuxFilterLayout as se } from "./filterLayout.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -37,10 +37,10 @@ import "vee-validate";
 import "vue-router";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPage as re } from "../../pages/page.js";
+import { DuxPage as ue } from "../../pages/page.js";
 import "../../pages/page404.js";
-import { DuxDrawerPage as R } from "../drawer/drawerPage.js";
-import { DuxTableTools as ne } from "./tools.js";
+import { DuxDrawerPage as S } from "../drawer/drawerPage.js";
+import { DuxTableTools as ce } from "./tools.js";
 import "short-unique-id";
 import "aieditor";
 import "@iconify-json/tabler/icons.json";
@@ -49,12 +49,12 @@ import "fabric";
 import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useTable as se } from "../../hooks/table.js";
+import { useTable as de } from "../../hooks/table.js";
 import "pinia";
-function ue(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !G(t);
+function me(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Q(t);
 }
-const ut = /* @__PURE__ */ J({
+const mt = /* @__PURE__ */ G({
   name: "DuxTableLayout",
   props: {
     path: {
@@ -103,38 +103,38 @@ const ut = /* @__PURE__ */ J({
   setup(t, {
     slots: l
   }) {
-    const p = x(t, "filter", {}), S = x(t, "columns", []), {
+    const p = k(t, "filter", {}), T = k(t, "columns", []), {
       t: i
-    } = H(), {
-      renderAction: T
-    } = oe(), b = se({
+    } = X(), {
+      renderAction: j
+    } = ae(), b = de({
       path: t.path,
       filters: p.value,
-      columns: S,
+      columns: T,
       pagination: t.pagination,
       ...t.hookTableProps
     }), {
       columns: w,
-      tablePagination: j,
-      table: L,
-      onUpdateColumnSelected: P,
-      onUpdateChecked: z,
-      columnSelected: D,
-      autoRefetch: A,
-      autoCountdown: y,
-      onAutoRefetch: O,
-      isExporting: U,
-      isExportingRows: E,
-      isImporting: F,
+      tablePagination: L,
+      table: P,
+      onUpdateColumnSelected: z,
+      onUpdateChecked: D,
+      columnSelected: A,
+      autoRefetch: O,
+      autoCountdown: x,
+      onAutoRefetch: U,
+      isExporting: E,
+      isExportingRows: F,
+      isImporting: I,
       onExport: V,
       onExportRows: W,
-      onImport: I
-    } = b, B = s(() => w.value.filter((o) => "title" in o && "key" in o).map((o) => ({
+      onImport: B
+    } = b, M = s(() => w.value.filter((o) => "title" in o && "key" in o).map((o) => ({
       label: o.title,
       value: o.key
     }))), {
       width: n
-    } = Q(), M = s(() => w.value.reduce((a, m) => a + (Number(m?.width) || Number(m?.minWidth) || 110), 0)), u = v({
+    } = Z(), _ = s(() => w.value.reduce((a, m) => a + (Number(m?.width) || Number(m?.minWidth) || 110), 0)), u = v({
       show: !1
     }), c = v({
       show: !1
@@ -146,27 +146,27 @@ const ut = /* @__PURE__ */ J({
         ...m
       } = o;
       return {
-        tag: ie,
+        tag: ne,
         attrs: {
           label: a
         },
         children: m
       };
     })), {
-      render: _
-    } = C({
+      render: q
+    } = N({
       data: s(() => h.value?.slice(t.filterNumber))
     }), {
-      render: q
-    } = C({
+      render: J
+    } = N({
       data: s(() => h.value?.slice(0, t.filterNumber))
     }), g = s(() => ({
       import: !1,
       export: !0,
       refresh: !0,
       ...t.tools
-    }));
-    return () => e(re, {
+    })), y = Y(), K = y.tabs.find((o) => o.path === y.current);
+    return () => e(ue, {
       actions: t.actions,
       scrollbar: !1
     }, {
@@ -178,7 +178,7 @@ const ut = /* @__PURE__ */ J({
         class: "flex gap-2 justify-between flex-col lg:flex-row"
       }, [t.tabs && e("div", {
         class: "flex flex-none"
-      }, [e(X, {
+      }, [e($, {
         type: "segment",
         size: "small",
         style: {
@@ -190,7 +190,7 @@ const ut = /* @__PURE__ */ J({
           p.value.tab = o;
         }
       }, {
-        default: () => [t.tabs?.map((o) => e(Y, {
+        default: () => [t.tabs?.map((o) => e(ee, {
           name: o.value,
           tab: o.label
         }, null))]
@@ -208,7 +208,9 @@ const ut = /* @__PURE__ */ J({
         }, null)
       }), e("div", {
         class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap", t.tabs ? "justify-end" : "justify-start"]
-      }, [k(q)]), l?.sideRight && n.value < 1024 && e(r, {
+      }, [!t.tabs && !t.filterSchema?.length && e("div", {
+        class: "flex flex-none items-center text-base font-medium"
+      }, [K?.label]), C(J)]), l?.sideRight && n.value < 1024 && e(r, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -232,11 +234,11 @@ const ut = /* @__PURE__ */ J({
         icon: () => e("div", {
           class: ["i-tabler:chevrons-down size-4 transition-all"]
         }, null)
-      }), l?.tools?.(), e(Z, {
-        options: B.value,
-        value: D.value,
+      }), l?.tools?.(), e(te, {
+        options: M.value,
+        value: A.value,
         onUpdateValue: (o) => {
-          P(o);
+          z(o);
         },
         multiple: !0,
         placement: "bottom-start",
@@ -256,7 +258,7 @@ const ut = /* @__PURE__ */ J({
       }), g.value.export && e(f, null, {
         trigger: () => e(r, {
           secondary: !0,
-          loading: U.value,
+          loading: E.value,
           onClick: V
         }, {
           icon: () => e("div", {
@@ -267,8 +269,8 @@ const ut = /* @__PURE__ */ J({
       }), g.value.import && e(f, null, {
         trigger: () => e(r, {
           secondary: !0,
-          loading: F.value,
-          onClick: I
+          loading: I.value,
+          onClick: B
         }, {
           icon: () => e("div", {
             class: "i-tabler:database-import size-4"
@@ -278,18 +280,18 @@ const ut = /* @__PURE__ */ J({
       }), g.value.refresh && e(f, null, {
         trigger: () => e(r, {
           secondary: !0,
-          onClick: O
+          onClick: U
         }, {
-          icon: () => A.value ? e($, {
+          icon: () => O.value ? e(oe, {
             class: "size-4",
             type: "circle",
-            percentage: y.value * 10,
+            percentage: x.value * 10,
             strokeWidth: 20,
             color: "rgba(var(--ui-color-primary))"
           }, {
             default: () => [e("span", {
               class: "text-8px"
-            }, [y.value])]
+            }, [x.value])]
           }) : e("div", {
             class: "i-tabler:refresh size-4"
           }, null)
@@ -297,40 +299,40 @@ const ut = /* @__PURE__ */ J({
         default: () => i("components.button.autoRefresh")
       })]), e("div", {
         class: "flex gap-2 justify-end"
-      }, [l.actions?.(), t.actions?.length > 0 && T({
+      }, [l.actions?.(), t.actions?.length > 0 && j({
         type: n.value < 1024 ? "dropdown" : "button",
         items: t.actions
       })])])]), l?.header?.(), e("div", {
         class: "flex-1 min-h-0"
       }, [l?.default?.({
         ...b,
-        width: M.value
+        width: _.value
       })]), e("div", {
         class: "flex justify-between"
-      }, [e("div", null, [l?.bottom?.()]), e("div", null, [t.pagination && e(ee, K(j.value, {
+      }, [e("div", null, [l?.bottom?.()]), e("div", null, [t.pagination && e(le, H(L.value, {
         simple: n.value < 768
       }), {
         prefix: () => e("div", null, [i("components.list.total", {
           total: b.total.value || 0
         })])
-      })])]), e(ne, {
-        number: L.value.checkedRowKeys?.length || 0 || 0,
+      })])]), e(ce, {
+        number: P.value.checkedRowKeys?.length || 0 || 0,
         group: [[{
           icon: "i-tabler:x",
           onClick: () => {
-            z?.([]);
+            D?.([]);
           }
         }], [{
           label: i("components.button.export"),
           icon: "i-tabler:file-export",
-          loading: E.value,
+          loading: F.value,
           onClick: W
         }, {
           label: i("components.button.delete"),
           type: "error",
           icon: "i-tabler:trash"
         }]]
-      }, null), e(te, {
+      }, null), e(ie, {
         draggable: !0,
         class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur min-w-110",
         show: u.show,
@@ -340,39 +342,39 @@ const ut = /* @__PURE__ */ J({
           draggableClass: o
         }) => {
           let a;
-          return e(le, {
+          return e(re, {
             title: i("components.button.filter"),
             handle: o,
             onClose: () => u.show = !1
           }, {
-            default: () => [e(ae, {
+            default: () => [e(se, {
               showLabel: !0,
               labelPlacement: "top"
-            }, ue(a = k(_)) ? a : {
+            }, me(a = C(q)) ? a : {
               default: () => [a]
             })]
           });
         }
-      }), e(N, {
+      }), e(R, {
         show: c.show,
         onUpdateShow: (o) => c.show = o,
         autoFocus: !1,
         placement: "left"
       }, {
-        default: () => [e(R, {
+        default: () => [e(S, {
           title: t.sideLeftTitle || i("components.button.sideLeft"),
           onClose: () => c.show = !1,
           scrollbar: !1
         }, {
           default: () => [l?.sideLeft?.()]
         })]
-      }), e(N, {
+      }), e(R, {
         show: d.show,
         onUpdateShow: (o) => d.show = o,
         autoFocus: !1,
         placement: "right"
       }, {
-        default: () => [e(R, {
+        default: () => [e(S, {
           title: t.sideRightTitle || i("components.button.sideRight"),
           onClose: () => d.show = !1,
           scrollbar: !1
@@ -384,5 +386,5 @@ const ut = /* @__PURE__ */ J({
   }
 });
 export {
-  ut as DuxTableLayout
+  mt as DuxTableLayout
 };

package/dist/esm/components/upload/file.js

@@ -241,7 +241,9 @@ const m = {
         key: "status",
         title: a("components.upload.file.status"),
         width: 120,
-        render: (e) => e.status === "uploading" ? o(T, {
+        render: (e) => e.status === "uploading" ? o("div", {
+          class: "flex items-center"
+        }, [o(T, {
           type: "line",
           style: {
             width: "24px",
@@ -252,7 +254,7 @@ const m = {
           percentage: e.progress?.percent,
           showIndicator: !1,
           height: 14
-        }, null) : V.value[e.status]
+        }, null)]) : V.value[e.status]
       }, {
         key: "actions",
         title: a("components.upload.actions"),

package/dist/esm/dvha-pro.css

@@ -1 +1 @@
-@charset "UTF-8";.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:icon-color-cycle 12s ease-in-out infinite}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{padding:0;border-bottom:none;border-radius:0;background-color:transparent}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{height:20px;width:1px;background-color:#0000001a;border-bottom:none;position:absolute;top:50%;transform:translateY(-50%)}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{background-color:transparent;border-bottom:none;border:none;position:relative}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active{background-color:transparent}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:#ffffff1a}.app-modal-tabs.n-tabs .n-tabs-wrapper{padding:0 16px}.app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-color-gray-200)/.2)}.app-modal-tabs.n-tabs .n-tabs-tab{padding:12px 4px;font-size:var(--n-font-size)}.dark .app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-bg-elevated)/.5)}.n-data-table .n-data-table-thead{border:1px solid rgb(var(--ui-border-muted))}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-left:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th--last{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-th{border-top:1px solid rgba(var(--ui-border-accented)/.5);border-bottom:1px solid rgba(var(--ui-border-accented)/.5)}.command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000}.command-palette [command-dialog-wrapper]{position:relative;flex-direction:column;margin:20vh auto auto;max-width:560px;background-color:rgb(var(--ui-bg)/.9);border-radius:6px}.command-palette [command-group-heading]{color:rgba(var(--ui-text-muted));padding:6px}.command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border-muted));margin:6px 0}.command-palette [command-list]{border-top:1px solid rgb(var(--ui-border-muted));padding:0 6px 6px}.command-palette [command-item]{padding:6px 12px;display:flex;align-items:center;gap:6px;border-radius:3px;color:rgba(var(--ui-text-toned))}.command-palette [command-item][aria-selected=true],.command-palette [command-item]:active{background-color:rgb(var(--ui-bg-accented)/.8);color:rgba(var(--ui-color-primary-500))}.dark .command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.02)}.dark .command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg-elevated)/.95)}.dark .command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border)/.5)}.dark .command-palette [command-list]{border-top:1px solid rgb(var(--ui-border)/.5)}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity:1}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{display:none}.app-login-bg{background-image:repeating-linear-gradient(90deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#f7f7f8,#f7f7f8)}.app-login-dark-bg{background-image:repeating-linear-gradient(90deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#101014,#101014)}.app-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;background-color:rgb(var(--ui-bg));overflow:hidden}.app-box-loading{width:50px;height:50px;position:relative}.app-box-loading:before{content:"";width:50px;height:5px;background:rgb(var(--ui-color-gray-200));opacity:.3;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.app-box-loading:after{content:"";width:50px;height:50px;background:rgba(var(--ui-color-primary));animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}html{color-scheme:light;background-color:rgb(var(--ui-color-primary-700)/.05)}html.dark{color-scheme:dark;background-color:rgb(var(--ui-bg)/.5)}[un-cloak]{display:none}.app-remote-loader{height:100%}.tab-fade-leave-active,.tab-fade-enter-active{transition:all .3s}.tab-fade-enter-from{opacity:0;transform:translate(-30px)}.tab-fade-enter-to{opacity:1;transform:translate(0)}.tab-fade-leave-to{opacity:0;transform:translate(30px)}
+@charset "UTF-8";.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:icon-color-cycle 12s ease-in-out infinite}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{padding:0;border-bottom:none;border-radius:0;background-color:transparent}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{height:20px;width:1px;background-color:#0000001a;border-bottom:none;position:absolute;top:50%;transform:translateY(-50%)}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{background-color:transparent;border-bottom:none;border:none;position:relative}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active{background-color:transparent}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:#ffffff1a}.app-modal-tabs.n-tabs .n-tabs-wrapper{padding:0 16px}.app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-color-gray-200)/.2)}.app-modal-tabs.n-tabs .n-tabs-tab{padding:12px 4px;font-size:var(--n-font-size)}.dark .app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-bg-elevated)/.5)}.app-page-tabs.n-tabs{display:flex;height:100%;flex-direction:column}.app-page-tabs.n-tabs .n-tabs-nav{flex:none}.app-page-tabs.n-tabs .n-tab-pane{flex:1;min-height:0;overflow-y:auto;padding:20px}.app-page-tabs.n-tabs .n-tabs-tab{font-size:.85rem;padding:1rem}.n-data-table .n-data-table-thead{border:1px solid rgb(var(--ui-border-muted))}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-left:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th--last{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-th{border-top:1px solid rgba(var(--ui-border-accented)/.5);border-bottom:1px solid rgba(var(--ui-border-accented)/.5)}.command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000}.command-palette [command-dialog-wrapper]{position:relative;flex-direction:column;margin:20vh auto auto;max-width:560px;background-color:rgb(var(--ui-bg)/.9);border-radius:6px}.command-palette [command-group-heading]{color:rgba(var(--ui-text-muted));padding:6px}.command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border-muted));margin:6px 0}.command-palette [command-list]{border-top:1px solid rgb(var(--ui-border-muted));padding:0 6px 6px}.command-palette [command-item]{padding:6px 12px;display:flex;align-items:center;gap:6px;border-radius:3px;color:rgba(var(--ui-text-toned))}.command-palette [command-item][aria-selected=true],.command-palette [command-item]:active{background-color:rgb(var(--ui-bg-accented)/.8);color:rgba(var(--ui-color-primary-500))}.dark .command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.02)}.dark .command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg-elevated)/.95)}.dark .command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border)/.5)}.dark .command-palette [command-list]{border-top:1px solid rgb(var(--ui-border)/.5)}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity:1}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{display:none}.app-login-bg{background-image:repeating-linear-gradient(90deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#f7f7f8,#f7f7f8)}.app-login-dark-bg{background-image:repeating-linear-gradient(90deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#101014,#101014)}.app-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;background-color:rgb(var(--ui-bg));overflow:hidden}.app-box-loading{width:50px;height:50px;position:relative}.app-box-loading:before{content:"";width:50px;height:5px;background:rgb(var(--ui-color-gray-200));opacity:.3;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.app-box-loading:after{content:"";width:50px;height:50px;background:rgba(var(--ui-color-primary));animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}html{color-scheme:light;background-color:rgb(var(--ui-color-primary-700)/.05)}html.dark{color-scheme:dark;background-color:rgb(var(--ui-bg)/.5)}[un-cloak]{display:none}.app-remote-loader{height:100%}.tab-fade-leave-active,.tab-fade-enter-active{transition:all .3s}.tab-fade-enter-from{opacity:0;transform:translate(-30px)}.tab-fade-enter-to{opacity:1;transform:translate(0)}.tab-fade-leave-to{opacity:0;transform:translate(30px)}