@gpustack/core-ui 1.0.14 → 1.0.17

package/dist/index.es.js

@@ -1,9 +1,9 @@
 import { o as e, r as t, t as n } from "./rolldown-runtime-gEudmnaM.js";
-import { i as r, n as i, r as a, t as o } from "./useIntl-CtHcH0Kd.js";
+import { i as r, n as i, r as a, t as o } from "./useIntl-CQ7P5Olk.js";
 import { t as s } from "./lodash-DVkZQU_K.js";
-import { a as c, i as l, n as u, o as d, r as f, t as p } from "./highlight-code-BFmm0x52.js";
+import { a as c, i as l, n as u, o as d, r as f, t as p } from "./highlight-code-DaPJLZGP.js";
 import { A as m, _ as h, a as g, c as _, f as v, g as y, n as b, s as x, y as S } from "./utils-CIKJeIzI.js";
-import { t as C } from "./editor-wrap-DQdG3MHA.js";
+import { t as C } from "./editor-wrap-BGZYfHpj.js";
 import w from "axios";
 import * as T from "react";
 import E, { PureComponent as D, createContext as O, createElement as k, forwardRef as A, isValidElement as j, memo as M, useCallback as N, useContext as P, useEffect as F, useImperativeHandle as I, useLayoutEffect as L, useMemo as R, useRef as z, useState as B, version as ee } from "react";
@@ -2140,16 +2140,23 @@ function Oi(e, t) {
 	}));
 }
 //#endregion
-//#region src/lib/components/drop-down-actions/index.tsx
-var ki = (e) => {
-	let { menu: t, trigger: n = ["hover"], placement: r = "bottomRight", children: i, ...a } = e, s = o();
+//#region src/lib/hooks/useAccess.ts
+var ki = () => {
+	let { access: e } = a();
+	return e?.useAccess?.() ?? {};
+}, Ai = (e) => {
+	let { menu: t, trigger: n = ["hover"], placement: r = "bottomRight", children: i, ...a } = e, s = o(), c = ki();
 	return /* @__PURE__ */ H(dt, {
 		menu: {
 			items: R(() => t?.items?.map((e) => ({
 				...Z.default.omit(e, "locale"),
 				icon: e.icon ? E.cloneElement(e.icon, { style: { fontSize: 14 } }) : null,
 				label: e.locale ? s.formatMessage({ id: e.label }) : e.label
-			})), [t?.items, s]),
+			})).filter((e) => e?.access ? c?.[e.access] : !0), [
+				t?.items,
+				s,
+				c
+			]),
 			onClick: t?.onClick
 		},
 		trigger: n,
@@ -2157,11 +2164,11 @@ var ki = (e) => {
 		...a,
 		children: i
 	});
-}, Ai = [
+}, ji = [
 	"image/png",
 	"image/jpg",
 	"image/jpeg"
-], ji = ({ handleUpdateImgList: e, multiple: t = !0, drag: n = !1, disabled: r = !1, children: i, icon: a, title: s, accept: c = Ai.join(","), size: l = "small", maxSize: u, width: d, height: f, verifySize: p = !1 }) => {
+], Mi = ({ handleUpdateImgList: e, multiple: t = !0, drag: n = !1, disabled: r = !1, children: i, icon: a, title: s, accept: c = ji.join(","), size: l = "small", maxSize: u, width: d, height: f, verifySize: p = !1 }) => {
 	let m = o(), h = z(null), g = N((e) => {
 		let t = c.split(",").map((e) => e.trim());
 		return t.includes(e.type) ? u !== void 0 && e.size > u * 1024 ? (Ft.error(m.formatMessage({ id: "common.file.size.limit" }, { size: `${u}KB` })), !1) : !0 : (Ft.error(m.formatMessage({ id: "common.file.format.limit" }, { formats: t.join(", ") })), !1);
@@ -2223,7 +2230,7 @@ var ki = (e) => {
 			})
 		})
 	}) });
-}, Mi = Y.div`
+}, Ni = Y.div`
   position: relative;
   .del-btn {
     display: none;
@@ -2239,7 +2246,7 @@ var ki = (e) => {
       display: flex;
     }
   }
-`, Ni = (e) => {
+`, Pi = (e) => {
 	let { handleUpdateImgList: t, updateUidCount: n, size: r = "middle", inputProps: i } = e, a = o(), [s, c] = B(!1), [l, u] = B(!1), [d, f] = B(!1), p = (e) => {
 		f(e), console.log("handleOnOpenChange", e);
 	}, m = z(null), h = () => {
@@ -2266,7 +2273,7 @@ var ki = (e) => {
 		ImageURLInput: s ? /* @__PURE__ */ H(J, {
 			open: l,
 			title: a.formatMessage({ id: "playground.uploadImage.url.invalid" }),
-			children: /* @__PURE__ */ U(Mi, { children: [/* @__PURE__ */ H(ht, {
+			children: /* @__PURE__ */ U(Ni, { children: [/* @__PURE__ */ H(ht, {
 				...i,
 				ref: m,
 				status: l ? "error" : "",
@@ -2289,11 +2296,11 @@ var ki = (e) => {
 			})] })
 		}) : null,
 		dropDownOpen: d,
-		UploadImageButton: /* @__PURE__ */ H(ki, {
+		UploadImageButton: /* @__PURE__ */ H(Ai, {
 			onOpenChange: p,
 			placement: "topLeft",
 			menu: { items: [{
-				label: /* @__PURE__ */ U(ji, {
+				label: /* @__PURE__ */ U(Mi, {
 					handleUpdateImgList: t,
 					size: "middle",
 					children: [/* @__PURE__ */ H(Xe, { className: "m-r-8" }), a.formatMessage({ id: "playground.img.upload" })]
@@ -2315,7 +2322,7 @@ var ki = (e) => {
 			})
 		})
 	};
-}, Pi = () => {
+}, Fi = () => {
 	let e = o(), [t, n] = Ft.useMessage();
 	return {
 		getRuleMessage: (t, n, r = !0) => {
@@ -2329,7 +2336,7 @@ var ki = (e) => {
 };
 //#endregion
 //#region src/lib/hooks/use-body-scroll.ts
-function Fi() {
+function Ii() {
 	let e = E.useRef(0), t = E.useRef({}), n = E.useRef(null), r = E.useRef(null), i = E.useRef(null), a = () => {
 		n.current = window.__GPUSTACK_BODY_SCROLLER__?.elements()?.scrollEventElement, r.current = window.__GPUSTACK_BODY_SCROLLER__;
 	};
@@ -2355,14 +2362,14 @@ function Fi() {
 }
 //#endregion
 //#region src/lib/hooks/use-chunk-fetch.ts
-async function Ii(e) {
+async function Li(e) {
 	try {
 		return (e.headers.get("content-type") || "").includes("application/json") ? await e.json() : { message: await e.text() || "Unknown error" };
 	} catch {
 		return { message: "Failed to parse error response" };
 	}
 }
-var Li = class {
+var Ri = class {
 	buffer = [];
 	contentLength = null;
 	progress = 0;
@@ -2401,9 +2408,9 @@ var Li = class {
 	getBuffer() {
 		return this.buffer;
 	}
-}, Ri = () => {
+}, zi = () => {
 	let { config: e } = a(), { apiBaseUrl: t } = e, n = z(null), r = z({}), i = async (e, t, n = 100) => {
-		let r = e?.body?.getReader(), i = new TextDecoder("utf-8"), a = new Li({
+		let r = e?.body?.getReader(), i = new TextDecoder("utf-8"), a = new Ri({
 			contentLength: e.headers.get("content-length"),
 			callback: t
 		}), o = !1, s = async () => {
@@ -2445,7 +2452,7 @@ var Li = class {
 				signal: n.current.signal
 			});
 			if (!l.ok) {
-				let e = await Ii(l);
+				let e = await Li(l);
 				a ? a(e) : r(e?.message);
 				return;
 			}
@@ -2461,23 +2468,23 @@ var Li = class {
 			n.current?.abort?.(), window.removeEventListener("beforeunload", e);
 		};
 	}, []), { setChunkFetch: s };
-}, zi = /* @__PURE__ */ t({
-	StatusColorMap: () => Hi,
-	StatusMaps: () => Ui,
-	WatchEventType: () => Vi,
-	breakpoints: () => Bi
-}), Bi = {
+}, Bi = /* @__PURE__ */ t({
+	StatusColorMap: () => Ui,
+	StatusMaps: () => Wi,
+	WatchEventType: () => Hi,
+	breakpoints: () => Vi
+}), Vi = {
 	xs: 0,
 	sm: 576,
 	md: 768,
 	lg: 992,
 	xl: 1200,
 	xxl: 1600
-}, Vi = {
+}, Hi = {
 	CREATE: 1,
 	UPDATE: 2,
 	DELETE: 3
-}, Hi = {
+}, Ui = {
 	error: {
 		text: "var(--ant-red-6)",
 		bg: "var(--ant-red-1)"
@@ -2499,7 +2506,7 @@ var Li = class {
 		border: "var(--ant-color-border)",
 		bg: "var(--ant-color-fill)"
 	}
-}, Ui = {
+}, Wi = {
 	error: "error",
 	warning: "warning",
 	transitioning: "transitioning",
@@ -2512,38 +2519,38 @@ window.__GPUSTACK_WATCH_REQUEST_CLEAR__ = {
 	watchIDValue: 0,
 	requestList: []
 };
-var Wi = () => (window.__GPUSTACK_WATCH_REQUEST_CLEAR__.watchIDValue = window.__GPUSTACK_WATCH_REQUEST_CLEAR__.watchIDValue + 1, window.__GPUSTACK_WATCH_REQUEST_CLEAR__.watchIDValue), Gi = (e) => {
+var Gi = () => (window.__GPUSTACK_WATCH_REQUEST_CLEAR__.watchIDValue = window.__GPUSTACK_WATCH_REQUEST_CLEAR__.watchIDValue + 1, window.__GPUSTACK_WATCH_REQUEST_CLEAR__.watchIDValue), Ki = (e) => {
 	window.__GPUSTACK_WATCH_REQUEST_CLEAR__.requestList.push(e);
-}, Ki = (e) => {
+}, qi = (e) => {
 	let t = window.__GPUSTACK_WATCH_REQUEST_CLEAR__.requestList;
 	for (let n = 0; n < e; n++) t[n]?.cancel?.();
 	window.__GPUSTACK_WATCH_REQUEST_CLEAR__.requestList = t.slice(e);
-}, qi = (e) => {
+}, Ji = (e) => {
 	let t = window.__GPUSTACK_WATCH_REQUEST_CLEAR__.requestList.filter((t) => t.id !== e);
 	window.__GPUSTACK_WATCH_REQUEST_CLEAR__.requestList = t;
-}, Ji = () => {
+}, Yi = () => {
 	let { CancelToken: e } = w;
 	return e.source();
-}, Yi = (e, t, n) => {
+}, Xi = (e, t, n) => {
 	let r = e.slice(n.current);
 	return n.current = t, r;
-}, Xi = () => {
+}, Zi = () => {
 	let { services: e } = a(), { request: t } = e, n = window.__GPUSTACK_WATCH_REQUEST_CLEAR__.requestList, [r, i] = B(0), o = z(null), s = z({}), c = z(0), l = z(0), u = z(5), d = {
 		params: {},
 		contentType: "json"
 	}, f = z(null), p = z(0), m = z(null), h = () => {
 		c.current = 0, l.current = 0, p.current = 0, i(0);
 	}, g = () => {
-		let { CancelToken: e } = w, t = e.source(), n = Wi();
+		let { CancelToken: e } = w, t = e.source(), n = Gi();
 		return {
 			id: n,
 			token: t.token,
 			cancel() {
-				t.cancel(), qi(n);
+				t.cancel(), Ji(n);
 			}
 		};
-	}, _ = (e) => Z.default.map(e, (e) => (e.type === Vi.DELETE && (e.ids = e.data?.id ? [e.data.id] : []), e.collection = e.data ? [e.data] : [], e)), v = async ({ url: e, handler: r, beforeReconnect: a, params: s = {}, contentType: d = "json" }) => {
-		h(), o.current?.cancel?.(), o.current = g(), Gi(o.current), n.length >= 4 && Ki(n.length - 4 || 1), d === "json" && (m.current?.terminate(), m.current = new Worker(new URL(
+	}, _ = (e) => Z.default.map(e, (e) => (e.type === Hi.DELETE && (e.ids = e.data?.id ? [e.data.id] : []), e.collection = e.data ? [e.data] : [], e)), v = async ({ url: e, handler: r, beforeReconnect: a, params: s = {}, contentType: d = "json" }) => {
+		h(), o.current?.cancel?.(), o.current = g(), Ki(o.current), n.length >= 4 && qi(n.length - 4 || 1), d === "json" && (m.current?.terminate(), m.current = new Worker(new URL(
 			/* @vite-ignore */
 			"" + new URL("assets/json-parser-worker-DtJw0BTZ.js", import.meta.url).href,
 			"" + import.meta.url
@@ -2563,7 +2570,7 @@ var Wi = () => (window.__GPUSTACK_WATCH_REQUEST_CLEAR__.watchIDValue = window.__
 				async onDownloadProgress(e) {
 					let { response: t, readyState: n } = e.currentTarget;
 					if (i(n), c.current = e.loaded || 0, l.current = e.total || 0, d === "json") {
-						let n = Yi(t, e.loaded, p);
+						let n = Xi(t, e.loaded, p);
 						m.current.postMessage(n);
 					} else r(t);
 				}
@@ -2595,7 +2602,7 @@ var Wi = () => (window.__GPUSTACK_WATCH_REQUEST_CLEAR__.watchIDValue = window.__
 };
 //#endregion
 //#region src/lib/hooks/use-container-scroll.ts
-function Zi(e, t) {
+function Qi(e, t) {
 	let n = z(!1), r = z(e), i = z(t), a = z(t?.toBottom);
 	z(null);
 	let o = R(() => Z.default.debounce(() => {
@@ -2618,14 +2625,14 @@ function Zi(e, t) {
 }
 //#endregion
 //#region src/lib/hooks/use-deferred-request.ts
-function Qi(e, t = 100) {
+function $i(e, t = 100) {
 	return Bt(async (...n) => (await new Promise((e) => {
 		setTimeout(e, t);
 	}), await e(...n)), { manual: !0 });
 }
 //#endregion
 //#region ../../node_modules/.pnpm/dayjs@1.11.20/node_modules/dayjs/dayjs.min.js
-var $i = /* @__PURE__ */ n(((e, t) => {
+var ea = /* @__PURE__ */ n(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs = r();
 	})(e, (function() {
@@ -2922,8 +2929,8 @@ var $i = /* @__PURE__ */ n(((e, t) => {
 }));
 //#endregion
 //#region src/lib/hooks/use-download-stream.ts
-function ea() {
-	let e = z(null), t = z(null), n = z(!1), r = z("log"), i = z(null), { setChunkFetch: a } = Ri(), o = (e) => {
+function ta() {
+	let e = z(null), t = z(null), n = z(!1), r = z("log"), i = z(null), { setChunkFetch: a } = zi(), o = (e) => {
 		let t = new Blob([e], { type: "text/plain" }), n = URL.createObjectURL(t), i = document.createElement("a");
 		i.href = n, i.download = r.current, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(n);
 	}, s = (e, r) => {
@@ -2988,7 +2995,7 @@ function ea() {
 }
 //#endregion
 //#region src/lib/hooks/use-download-logs.tsx
-var ta = /* @__PURE__ */ e($i(), 1), na = (e) => /* @__PURE__ */ H("div", {
+var na = /* @__PURE__ */ e(ea(), 1), ra = (e) => /* @__PURE__ */ H("div", {
 	style: {
 		width: 280,
 		textOverflow: "ellipsis",
@@ -2996,11 +3003,11 @@ var ta = /* @__PURE__ */ e($i(), 1), na = (e) => /* @__PURE__ */ H("div", {
 		overflow: "hidden"
 	},
 	children: e
-}), ra = (e) => `${e}_${(0, ta.default)().format("YYYY-MM-DD_HH-mm-ss")}.txt`, ia = () => {
-	let { downloadStream: e } = ea(), t = o(), [n, r] = It.useNotification({ stack: { threshold: 1 } }), i = (e) => {
+}), ia = (e) => `${e}_${(0, na.default)().format("YYYY-MM-DD_HH-mm-ss")}.txt`, aa = () => {
+	let { downloadStream: e } = ta(), t = o(), [n, r] = It.useNotification({ stack: { threshold: 1 } }), i = (e) => {
 		n.open({
 			duration: e.duration,
-			message: na(e.filename),
+			message: ra(e.filename),
 			key: e.filename,
 			closeIcon: /* @__PURE__ */ H("span", { children: t.formatMessage({ id: "common.button.cancel" }) }),
 			description: /* @__PURE__ */ H(bt, {
@@ -3016,7 +3023,7 @@ var ta = /* @__PURE__ */ e($i(), 1), na = (e) => /* @__PURE__ */ H("div", {
 		onDownloadLog: async (t) => {
 			e({
 				url: t.url,
-				filename: ra(t.name),
+				filename: ia(t.name),
 				downloadNotification: i
 			});
 		},
@@ -3025,7 +3032,7 @@ var ta = /* @__PURE__ */ e($i(), 1), na = (e) => /* @__PURE__ */ H("div", {
 };
 //#endregion
 //#region src/lib/hooks/use-expanded-row-keys.ts
-function aa(e = []) {
+function oa(e = []) {
 	let [t, n] = B(e), [r, i] = B(null);
 	return {
 		expandedRowKeys: t,
@@ -3050,9 +3057,9 @@ function aa(e = []) {
 }
 //#endregion
 //#region src/lib/hooks/use-query-data-list.ts
-function oa(e) {
+function sa(e) {
 	let { key: t, fetchList: n, getLabel: r, getValue: i, responseType: a = "array", errorMsg: o } = e, s = z(null), [c, l] = B([]), { runAsync: u, loading: d, cancel: f } = Bt(async (e, t) => {
-		s.current?.cancel(), s.current = Ji();
+		s.current?.cancel(), s.current = Yi();
 		let o = await n(e, {
 			token: s.current?.token,
 			...t || {}
@@ -3080,9 +3087,9 @@ function oa(e) {
 		fetchData: (e, t) => u(e, t)
 	};
 }
-function sa(e) {
+function ca(e) {
 	let { key: t, fetchDetail: n, getData: r, errorMsg: i, delay: a } = e, o = z(null), [s, c] = B({}), { runAsync: l, loading: u, cancel: d } = Bt(async (e, t) => {
-		o.current?.cancel(), o.current = Ji();
+		o.current?.cancel(), o.current = Yi();
 		let i = await n(e, {
 			token: o.current?.token,
 			...t || {}
@@ -3110,14 +3117,14 @@ function sa(e) {
 }
 //#endregion
 //#region src/lib/hooks/use-request-token.ts
-function ca() {
+function la() {
 	let { source: e } = w.CancelToken;
 	return e;
 }
 //#endregion
 //#region src/lib/hooks/use-responsive.ts
-var la = ({ defaultSpan: e = 8 }) => {
-	let [t, n] = B(e), r = (e) => e < Bi.md ? 24 : e < Bi.lg ? 12 : 8;
+var ua = ({ defaultSpan: e = 8 }) => {
+	let [t, n] = B(e), r = (e) => e < Vi.md ? 24 : e < Vi.lg ? 12 : 8;
 	return {
 		span: t,
 		handleResize: zt(Z.default.throttle((e) => {
@@ -3127,7 +3134,7 @@ var la = ({ defaultSpan: e = 8 }) => {
 };
 //#endregion
 //#region src/lib/hooks/use-table-row-selection.ts
-function ua() {
+function da() {
 	let [e, t] = B([]), [n, r] = B([]);
 	return {
 		selectedRowKeys: e,
@@ -3156,7 +3163,7 @@ function ua() {
 }
 //#endregion
 //#region src/lib/hooks/use-table-sort.ts
-function da({ defaultSortOrder: e = "descend" }) {
+function fa({ defaultSortOrder: e = "descend" }) {
 	let [t, n] = B(e);
 	return {
 		sortOrder: t,
@@ -3165,7 +3172,7 @@ function da({ defaultSortOrder: e = "descend" }) {
 		}
 	};
 }
-function fa() {
+function pa() {
 	let [e, t] = B([]);
 	return {
 		sortOrder: e,
@@ -3180,7 +3187,7 @@ function fa() {
 }
 //#endregion
 //#region src/lib/hooks/use-update-chunk-list.ts
-function pa(e) {
+function ma(e) {
 	let { events: t = [
 		"CREATE",
 		"DELETE",
@@ -3202,18 +3209,18 @@ function pa(e) {
 			let l = a?.collection || [];
 			e?.computedID && (l = l?.map((t) => (t.id = e?.computedID?.(t), t))), e?.filterFun && (l = a?.collection?.filter(e?.filterFun)), e?.mapFun && (l = a?.collection?.map(e?.mapFun));
 			let u = a?.ids || [];
-			if (a?.type === Vi.CREATE && t.includes("CREATE")) {
+			if (a?.type === Hi.CREATE && t.includes("CREATE")) {
 				let t = [];
 				i.current = [...l.reduce((e, r) => {
 					let a = i.current?.findIndex((e) => e.id === r.id), o = { ...r };
 					return a === -1 && !n?.current ? e.push(o) : n?.current || (i.current[a] = o), n?.current && Date.parse(r.created_at) >= n.current && t.push(o), e;
 				}, []), ...i.current].slice(0, o), e.onCreate?.(t);
 			}
-			if (a?.type === Vi.DELETE && t.includes("DELETE")) {
+			if (a?.type === Hi.DELETE && t.includes("DELETE")) {
 				let t = [];
 				i.current = i.current?.filter((e) => (n?.current && u?.includes(e.id) && t.push(e), !u?.includes(e.id))), s(u), e.setDataList?.([...i.current], { deletedIds: [...r.current] }), e.onDelete?.(t);
 			}
-			a?.type === Vi.UPDATE && t.includes("UPDATE") && l?.forEach((r) => {
+			a?.type === Hi.UPDATE && t.includes("UPDATE") && l?.forEach((r) => {
 				let a = i.current?.findIndex((e) => e.id === r.id), s = { ...r };
 				a > -1 ? i.current[a] = s : a === -1 && t.includes("INSERT") && (i.current = [s, ...i.current.slice(0, o - 1)], e.onUpdate && n?.current && Date.parse(r.created_at) >= n.current && e.onUpdate?.([s]));
 			}), c(), e?.callback && e?.callback(i.current);
@@ -3224,8 +3231,8 @@ function pa(e) {
 }
 //#endregion
 //#region src/lib/hooks/use-watch-list.ts
-function ma(e) {
-	let t = e, { services: n } = a(), { request: r } = n, [i, o] = B([]), s = z(null), c = z(null), { setChunkRequest: l, createAxiosToken: u } = Xi(), { updateChunkedList: d, cacheDataListRef: f } = pa({
+function ha(e) {
+	let t = e, { services: n } = a(), { request: r } = n, [i, o] = B([]), s = z(null), c = z(null), { setChunkRequest: l, createAxiosToken: u } = Zi(), { updateChunkedList: d, cacheDataListRef: f } = ma({
 		dataList: i,
 		limit: 100,
 		setDataList: o
@@ -3267,23 +3274,23 @@ function ma(e) {
 }
 //#endregion
 //#region src/lib/hooks/use-window-resize.ts
-function ha() {
+function ga() {
 	let [e, t] = B({
 		width: window.innerWidth,
 		height: window.innerHeight
 	}), n = R(() => {
 		let t = e.width;
-		return t < Bi.sm ? {
+		return t < Vi.sm ? {
 			isMobile: !0,
 			isTablet: !1,
 			isDesktop: !1,
 			currentPoint: "sm"
-		} : t < Bi.md ? {
+		} : t < Vi.md ? {
 			isMobile: !1,
 			isTablet: !0,
 			isDesktop: !1,
 			currentPoint: "md"
-		} : t < Bi.lg ? {
+		} : t < Vi.lg ? {
 			isMobile: !1,
 			isTablet: !1,
 			isDesktop: !0,
@@ -3310,11 +3317,8 @@ function ha() {
 	};
 }
 //#endregion
-//#region src/lib/hooks/useAccess.ts
-var ga = () => {
-	let { access: e } = a();
-	return e?.useAccess?.() ?? {};
-}, _a = {}, va = () => {
+//#region src/lib/hooks/useCoreUISlots.ts
+var _a = {}, va = () => {
 	let { slots: e } = a();
 	return e ?? _a;
 }, ya = () => {
@@ -3460,7 +3464,7 @@ var ga = () => {
 	});
 }, Ta = O({}), Ea = () => {
 	let e = P(Ta);
-	if (!e) throw Error("useWrapperContext must be used within a WrapperProvider");
+	if (!e) throw Error("useColumnWrapperContext must be used within a WrapperProvider");
 	return e;
 }, Da = Y.div`
   flex: 1;
@@ -3689,7 +3693,7 @@ var ga = () => {
     color: var(--ant-color-warning);
   }
 `, Va = A((e, t) => {
-	let n = o(), { styles: r } = za(), { saveScrollHeight: i, restoreScrollHeight: a } = Fi(), [s, c] = B(!1), [l, u] = B({ checked: !1 }), [d, f] = B(!1), [p, m] = B({}), h = (e) => {
+	let n = o(), { styles: r } = za(), { saveScrollHeight: i, restoreScrollHeight: a } = Ii(), [s, c] = B(!1), [l, u] = B({ checked: !1 }), [d, f] = B(!1), [p, m] = B({}), h = (e) => {
 		i(), m(e), u({ checked: e.checkConfig?.defautlChecked || !1 }), c(!0);
 	}, g = () => {
 		c(!1), a();
@@ -3783,41 +3787,41 @@ var ga = () => {
 		})]
 	})] });
 }, Ka = { middle: "index-module__middle___pMpZ3" }, qa = ({ items: e, size: t = "middle", trigger: n = ["hover"], showText: r, disabled: i, variant: a, color: s, extra: c, onSelect: l }) => {
-	let u = Z.default.head(e), d = o(), f = (t) => {
-		let n = Z.default.find(e, { key: t.key });
-		l(t.key, n);
-	}, p = (t) => {
-		let n = Z.default.head(e);
-		l(n.key, n);
+	let u = o(), d = ki(), f = Z.default.filter(e, (e) => e?.access ? d?.[e.access] : !0), p = (e) => {
+		let t = Z.default.find(f, { key: e.key });
+		l(e.key, t);
+	}, m = Z.default.head(f), h = (e) => {
+		let t = Z.default.head(f);
+		l(t.key, t);
 	};
-	return e?.length ? /* @__PURE__ */ H(V, { children: e?.length === 1 ? /* @__PURE__ */ H(J, {
-		title: d.formatMessage({ id: u?.label }),
+	return f?.length ? /* @__PURE__ */ H(V, { children: f?.length === 1 ? /* @__PURE__ */ H(J, {
+		title: u.formatMessage({ id: m?.label }),
 		children: /* @__PURE__ */ H(G, {
 			className: Ka[t],
-			icon: u?.icon,
+			icon: m?.icon,
 			size: t,
-			...u?.props,
-			onClick: p
+			...m?.props,
+			onClick: h
 		})
 	}) : /* @__PURE__ */ U(Et.Compact, { children: [/* @__PURE__ */ H(V, { children: r ? /* @__PURE__ */ U(G, {
-		...u?.props,
-		disabled: u?.disabled || i,
+		...m?.props,
+		disabled: m?.disabled || i,
 		className: Ka[t],
-		onClick: p,
+		onClick: h,
 		size: t,
-		icon: u?.icon,
+		icon: m?.icon,
 		variant: a,
 		color: s,
-		children: [d.formatMessage({ id: u?.label }), c]
+		children: [u.formatMessage({ id: m?.label }), c]
 	}) : /* @__PURE__ */ H(J, {
-		title: d.formatMessage({ id: u?.label }),
+		title: u.formatMessage({ id: m?.label }),
 		children: /* @__PURE__ */ H(G, {
-			...u?.props,
+			...m?.props,
 			className: Ka[t],
-			onClick: p,
+			onClick: h,
 			size: t,
-			icon: u?.icon,
-			disabled: u?.disabled
+			icon: m?.icon,
+			disabled: m?.disabled
 		})
 	}, "leftButton") }), /* @__PURE__ */ H(dt, {
 		disabled: i,
@@ -3828,11 +3832,11 @@ var ga = () => {
 			itemIcon: { fontSize: 14 }
 		},
 		menu: {
-			onClick: f,
-			items: Z.default.tail(e).map((e) => ({
+			onClick: p,
+			items: Z.default.tail(f).map((e) => ({
 				...Z.default.omit(e, ["label", "locale"]),
 				...e.props,
-				label: e.locale || e.locale === void 0 ? d.formatMessage({ id: e.label }) : e.label
+				label: e.locale || e.locale === void 0 ? u.formatMessage({ id: e.label }) : e.label
 			}))
 		},
 		children: /* @__PURE__ */ H(G, {
@@ -4852,7 +4856,7 @@ var ga = () => {
 			placeholder: n,
 			footer: f,
 			ref: b,
-			options: r ? null : S,
+			options: r ? void 0 : S,
 			onFocus: T,
 			onBlur: E,
 			onChange: w,
@@ -6811,7 +6815,10 @@ var Is = (e) => {
 		}
 	})), /* @__PURE__ */ H("div", {
 		ref: h,
-		style: { ...a.wrapper },
+		style: {
+			flex: 1,
+			...a.wrapper
+		},
 		children: /* @__PURE__ */ H(Co, {
 			...l,
 			style: {
@@ -6871,7 +6878,7 @@ var Is = (e) => {
 		children: /* @__PURE__ */ H(Ys, {
 			...d,
 			ref: h,
-			options: r ? null : _,
+			options: r ? void 0 : _,
 			onFocus: x,
 			onBlur: S,
 			onChange: b,
@@ -7055,7 +7062,7 @@ var Is = (e) => {
 			beforeText: i,
 			afterText: o
 		});
-	}, { ImageURLInput: x, UploadImageButton: S, isFromUrl: C, dropDownOpen: w } = Ni({
+	}, { ImageURLInput: x, UploadImageButton: S, isFromUrl: C, dropDownOpen: w } = Pi({
 		size: "small",
 		inputProps: { variant: "filled" },
 		handleUpdateImgList: (e) => {
@@ -7540,13 +7547,13 @@ var lc = {
 					children: /* @__PURE__ */ H(ae, { className: "font-size-14" })
 				})
 			}),
-			/* @__PURE__ */ H(ji, {
+			/* @__PURE__ */ H(Mi, {
 				disabled: n || i,
 				handleUpdateImgList: d,
 				size: "middle",
 				accept: a
 			}),
-			/* @__PURE__ */ H(ji, {
+			/* @__PURE__ */ H(Mi, {
 				title: p.formatMessage({ id: "playground.image.mask.upload" }),
 				icon: /* @__PURE__ */ H(Q, { type: "icon-mosaic-2" }),
 				disabled: n || i,
@@ -7660,7 +7667,7 @@ var lc = {
 		t.width = e.width, t.height = e.height, n.width = e.width, n.height = e.height;
 	}, []), Ce = N(() => {
 		let e = ce(), t = document.createElement("a");
-		t.download = `mask_${(0, ta.default)().format("YYYYMMDDHHmmss")}.png`, t.href = e || "", t.click();
+		t.download = `mask_${(0, na.default)().format("YYYYMMDDHHmmss")}.png`, t.href = e || "", t.click();
 	}, [ce]), we = N(() => {
 		pe(), de([]), L([]), ae(), O.current = [], console.log("Resetting strokes", O.current);
 	}, []), Te = (e, t) => {
@@ -7702,14 +7709,14 @@ var lc = {
 		}, 100);
 	}, []), Oe = () => {
 		let e = C.current, t = document.createElement("a");
-		t.download = `image_${(0, ta.default)().format("YYYYMMDDHHmmss")}.png`, t.href = e.toDataURL("image/png"), t.click(), t.remove();
+		t.download = `image_${(0, na.default)().format("YYYYMMDDHHmmss")}.png`, t.href = e.toDataURL("image/png"), t.click(), t.remove();
 	}, ke = () => {
 		if (!t) return;
 		let e = new Image();
 		e.src = t, e.onload = () => {
 			let t = document.createElement("canvas");
 			t.width = r.width, t.height = r.height, t.getContext("2d").drawImage(e, 0, 0, t.width, t.height);
-			let n = t.toDataURL("image/png"), i = `${t.width}x${t.height}_${(0, ta.default)().format("YYYYMMDDHHmmss")}.png`, a = document.createElement("a");
+			let n = t.toDataURL("image/png"), i = `${t.width}x${t.height}_${(0, na.default)().format("YYYYMMDDHHmmss")}.png`, a = document.createElement("a");
 			a.href = n, a.download = i, document.body.appendChild(a), a.click(), a.remove();
 		};
 	}, Ae = () => {
@@ -8328,43 +8335,44 @@ var Nc = (e) => {
 	value: t,
 	children: e
 }), Kc = /[^=]+=[^=]*$/, qc = (e) => {
-	let { value: t, label: n, onChange: r, onBlur: i, onPaste: a, sourceOptions: o, trim: s = !0 } = e, c = E.useRef(0), l = E.useRef(""), [u, d] = E.useState([]), f = (e) => {
+	let { value: t, label: n, onChange: r, onBlur: i, onPaste: a, disabled: o, sourceOptions: s, trim: c = !0 } = e, l = E.useRef(0), u = E.useRef(""), [d, f] = E.useState([]), p = (e) => {
 		if (!e) {
-			d(o || []);
+			f(s || []);
 			return;
 		}
 		let t = e.match(Kc);
 		if (!t) {
-			d(Z.default.filter(o, (t) => t.label.includes(e)));
+			f(Z.default.filter(s, (t) => t.label.includes(e)));
 			return;
 		}
-		let [n, r] = Z.default.split(t[0], "="), i = Z.default.find(o, (e) => e.label === n);
+		let [n, r] = Z.default.split(t[0], "="), i = Z.default.find(s, (e) => e.label === n);
 		if (!i) {
-			d([]);
+			f([]);
 			return;
 		}
-		d(Z.default.filter(i.opts, (e) => e.label.includes(r)));
-	}, p = (e) => {
-		let t = l.current.match(Kc);
+		f(Z.default.filter(i.opts, (e) => e.label.includes(r)));
+	}, m = (e) => {
+		let t = u.current.match(Kc);
 		r(t ? `${Z.default.split(t[0], "=")[0]}=${e}` : e?.trim());
-	}, m = Z.default.debounce((e) => {
-		c.current = e.target.selectionStart, l.current = e.target.value.slice(0, c.current), f(l.current);
+	}, h = Z.default.debounce((e) => {
+		l.current = e.target.selectionStart, u.current = e.target.value.slice(0, l.current), p(u.current);
 	}, 100);
 	return /* @__PURE__ */ H(mo, {
 		placeholder: e.placeholder,
 		defaultActiveFirstOption: !0,
 		value: t,
 		onInput: (e) => {
-			m(e), r(e.target.value);
+			h(e), r(e.target.value);
 		},
 		onSelect: (e) => {
-			p(e), d([]);
+			m(e), f([]);
 		},
-		onFocus: m,
+		onFocus: h,
 		onBlur: i,
 		label: n,
-		options: u,
-		trim: s,
+		options: d,
+		trim: c,
+		disabled: o,
 		style: {
 			flex: 1,
 			minWidth: 0
@@ -8372,25 +8380,26 @@ var Nc = (e) => {
 		onPaste: a
 	});
 }, Jc = (e) => {
-	let { onRemove: t, onChange: n, onBlur: r, onPaste: i, label: a, value: o, options: s, trim: c = !0, data: l, required: u, renderItem: d } = e, f = (e) => {
+	let { onRemove: t, onChange: n, onBlur: r, onPaste: i, label: a, value: o, options: s, trim: c = !0, data: l, required: u, disabled: d, renderItem: f } = e, p = (e) => {
 		n(e);
 	};
 	return /* @__PURE__ */ U("div", {
 		className: "list-item",
-		children: [d ? d(l, {
-			onChange: f,
+		children: [f ? f(l, {
+			onChange: p,
 			onBlur: r,
 			onPaste: i
 		}) : /* @__PURE__ */ H(qc, {
 			value: o,
-			onChange: f,
+			onChange: p,
 			onBlur: r,
 			onPaste: i,
 			label: a,
 			sourceOptions: s,
 			trim: c,
-			placeholder: e.placeholder
-		}), !u && /* @__PURE__ */ H(G, {
+			placeholder: e.placeholder,
+			disabled: d
+		}), !u && !d && /* @__PURE__ */ H(G, {
 			size: "small",
 			className: "btn",
 			type: "default",
@@ -8400,72 +8409,74 @@ var Nc = (e) => {
 		})]
 	});
 }, Yc = (e) => {
-	let { value: t, label: n, description: r, onChange: i, onBlur: a, onDelete: o, btnText: s, options: c, labelExtra: l, trim: u = !0, styles: d, required: f, renderItem: p } = e, [m, h] = E.useState([]), g = E.useRef(0), _ = () => {
-		g.current += 1;
-	}, v = (e) => {
-		let t = Z.default.cloneDeep(m);
+	let { value: t, label: n, description: r, onChange: i, onBlur: a, onDelete: o, btnText: s, options: c, labelExtra: l, trim: u = !0, styles: d, required: f, disabled: p, renderItem: m } = e, [h, g] = E.useState([]), _ = E.useRef(0), v = () => {
+		_.current += 1;
+	}, b = (e) => {
+		let t = Z.default.cloneDeep(h);
 		t.splice(e, 1);
 		let n = Z.default.map(t, "value").filter((e) => !!e);
-		h(t), i?.(n), o?.(e);
-	}, b = (e, t) => {
-		let n = Z.default.cloneDeep(m);
+		g(t), i?.(n), o?.(e);
+	}, x = (e, t) => {
+		let n = Z.default.cloneDeep(h);
 		n[t].value = e;
 		let r = Z.default.map(n, "value").filter((e) => !!e);
-		h(n), i?.(r);
-	}, x = () => {
-		_();
-		let e = Z.default.cloneDeep(m);
+		g(n), i?.(r);
+	}, S = () => {
+		v();
+		let e = Z.default.cloneDeep(h);
 		e.push({
 			value: "",
-			uid: g.current
-		}), h(e);
-	}, S = (e, t) => {
+			uid: _.current
+		}), g(e);
+	}, C = (e, t) => {
 		let n = e.clipboardData?.getData("text");
 		if (!n) return;
 		let r = y(n);
 		if (r.length <= 1) return;
 		e.preventDefault();
-		let a = Z.default.cloneDeep(m), o = u ? r[0]?.trim() : r[0];
+		let a = Z.default.cloneDeep(h), o = u ? r[0]?.trim() : r[0];
 		a[t].value = o || "";
 		for (let e = 1; e < r.length; e++) {
-			_();
+			v();
 			let n = u ? r[e]?.trim() : r[e];
 			a.splice(t + e, 0, {
 				value: n || "",
-				uid: g.current
+				uid: _.current
 			});
 		}
 		let s = Z.default.map(a, "value").filter((e) => !!e);
-		h(a), i?.(s);
+		g(a), i?.(s);
 	};
 	return E.useEffect(() => {
-		let e = t ?? [], n = Z.default.map(m, "value").filter((e) => !!e);
-		Z.default.isEqual(n, e) || h(Z.default.map(e, (e) => (_(), {
+		let e = t ?? [], n = Z.default.map(h, "value").filter((e) => !!e);
+		Z.default.isEqual(n, e) || g(Z.default.map(e, (e) => (v(), {
 			value: e,
-			uid: g.current
+			uid: _.current
 		})));
 	}, [t]), F(() => {
-		f && m.length === 0 && x();
+		f && h.length === 0 && S();
 	}, [f]), /* @__PURE__ */ H(Qa, {
 		styles: d,
 		label: n,
 		required: f,
 		description: r,
 		labelExtra: l,
-		onAdd: x,
+		onAdd: S,
 		btnText: s,
-		children: /* @__PURE__ */ H(V, { children: Z.default.map(m, (t, n) => /* @__PURE__ */ H(Jc, {
-			required: f && m.length === 1,
+		disabled: p,
+		children: /* @__PURE__ */ H(V, { children: Z.default.map(h, (t, n) => /* @__PURE__ */ H(Jc, {
+			required: f && h.length === 1,
 			placeholder: e.placeholder,
 			options: c,
 			data: t,
 			value: t.value,
 			onBlur: (e) => a?.(e, n),
-			onRemove: () => v(n),
-			onChange: (e) => b(e, n),
-			onPaste: (e) => S(e, n),
+			onRemove: () => b(n),
+			onChange: (e) => x(e, n),
+			onPaste: (e) => C(e, n),
 			trim: u,
-			renderItem: p
+			disabled: p,
+			renderItem: m
 		}, t.uid)) })
 	});
 }, Xc = A((e, t) => {
@@ -8624,7 +8635,7 @@ var Nc = (e) => {
 		totalPage: i
 	};
 }, tl = A((e, t) => {
-	let { diffHeight: n, url: r, tail: i, enableScorllLoad: a = !0, isDownloading: o, watchable: s, params: c } = e, { pageSize: l, page: u, setPage: d, setTotalPage: f, totalPage: p } = el(), { setChunkFetch: m } = Ri(), h = z(null), [g, _] = B([]), v = z(null), y = z(i), [b, x] = B(!1), [S, C] = B(!1), [w, T] = B([]), E = z(null), D = z(!1), O = z(u), k = z(p), A = z(!1), [j, M] = B([]), P = z({
+	let { diffHeight: n, url: r, tail: i, enableScorllLoad: a = !0, isDownloading: o, watchable: s, params: c } = e, { pageSize: l, page: u, setPage: d, setTotalPage: f, totalPage: p } = el(), { setChunkFetch: m } = zi(), h = z(null), [g, _] = B([]), v = z(null), y = z(i), [b, x] = B(!1), [S, C] = B(!1), [w, T] = B([]), E = z(null), D = z(!1), O = z(u), k = z(p), A = z(!1), [j, M] = B([]), P = z({
 		pos: "bottom",
 		page: 1
 	}), L = z(0), R = z(!1);
@@ -9034,7 +9045,7 @@ var Nc = (e) => {
 		] }),
 		right: y || (!a && !i ? null : /* @__PURE__ */ U(Et, {
 			size: 16,
-			children: [a ? p === "dropdown" ? /* @__PURE__ */ H(ki, {
+			children: [a ? p === "dropdown" ? /* @__PURE__ */ H(Ai, {
 				styles: { root: { minWidth: "140px" } },
 				menu: {
 					items: c,
@@ -9124,7 +9135,7 @@ var Nc = (e) => {
 		}, e.value))
 	});
 }, Tl = ({ defaultSpan: e = 8, dataList: t, renderItem: n, resizable: r = !0 }) => {
-	let { span: i, handleResize: a } = la({ defaultSpan: e });
+	let { span: i, handleResize: a } = ua({ defaultSpan: e });
 	return /* @__PURE__ */ H(di, {
 		onResize: a,
 		disabled: !r,
@@ -9245,18 +9256,14 @@ var Dl = Y.div`
 		}
 	};
 }, jl = O({ scrollToBottom: () => {} }), Ml = Y.div`
-  max-height: ${({ $maxHeight: e }) => typeof e == "number" ? `${e}px` : e};
-  overflow-y: auto;
-  width: 100%;
-`, Nl = Y.div`
   display: flex;
   align-items: center;
   max-width: 360px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
-`, Pl = (e) => {
-	let t = E.useRef(null), { saveScrollHeight: n, restoreScrollHeight: r } = Fi(), { initialize: i, destroyInstance: a, scrollToBottom: o } = d();
+`, Nl = (e) => {
+	let t = E.useRef(null), { saveScrollHeight: n, restoreScrollHeight: r } = Ii(), { initialize: i, destroyInstance: a, scrollToBottom: o } = d();
 	return E.useEffect(() => {
 		e.open ? n() : r();
 	}, [e.open]), E.useEffect(() => {
@@ -9267,14 +9274,14 @@ var Dl = Y.div`
 			n && clearTimeout(n), a();
 		};
 	}, [e.open, i]), /* @__PURE__ */ H(_t, {
-		...e,
-		title: /* @__PURE__ */ H(Nl, { children: e.title }),
+		title: /* @__PURE__ */ H(Ml, { children: e.title }),
 		destroyOnHidden: !0,
 		styles: {
 			container: { padding: 0 },
 			header: {
 				padding: "var(--ant-modal-content-padding)",
-				paddingBottom: "0"
+				paddingBottom: "0",
+				marginBottom: 16
 			},
 			body: {
 				padding: "0",
@@ -9285,27 +9292,30 @@ var Dl = Y.div`
 				margin: "0"
 			} : {}
 		},
+		...e,
 		children: /* @__PURE__ */ H(jl.Provider, {
 			value: { scrollToBottom: o },
-			children: /* @__PURE__ */ H(Ml, {
+			children: /* @__PURE__ */ H("div", {
 				ref: t,
 				"data-overlayscrollbars-initialize": !0,
 				className: "overlay-scroller-wrapper",
-				$maxHeight: e.maxContentHeight || 500,
 				hidden: !1,
 				style: {
 					paddingInline: 24,
-					paddingBlockEnd: 0
+					paddingBlockEnd: 0,
+					maxHeight: e.maxContentHeight || 500,
+					overflowY: "auto",
+					width: "100%"
 				},
 				children: e.children
 			})
 		})
 	});
-}, Fl = Y.ul`
+}, Pl = Y.ul`
   list-style: none;
   margin: 0;
   padding: 0;
-`, Il = Y.li`
+`, Fl = Y.li`
   display: flex;
   align-items: center;
   padding: 5px 12px;
@@ -9315,7 +9325,7 @@ var Dl = Y.div`
   &:hover {
     background-color: var(--ant-control-item-bg-hover);
   }
-`, Ll = ({ maxHeight: e, dataList: t, value: n = [], onChange: r, renderTitle: i }) => {
+`, Il = ({ maxHeight: e, dataList: t, value: n = [], onChange: r, renderTitle: i }) => {
 	let a = (e) => {
 		let t = e.key;
 		r(n.includes(t) ? n.filter((e) => e !== t) : [...n, t]);
@@ -9323,7 +9333,7 @@ var Dl = Y.div`
 	return /* @__PURE__ */ H(l, {
 		style: { paddingInline: 0 },
 		maxHeight: e,
-		children: /* @__PURE__ */ H(Fl, { children: t.map((e) => /* @__PURE__ */ U(Il, {
+		children: /* @__PURE__ */ H(Pl, { children: t.map((e) => /* @__PURE__ */ U(Fl, {
 			selected: n.includes(e.key),
 			onClick: () => a(e),
 			children: [/* @__PURE__ */ H(K, { checked: n.includes(e.key) }), i ? i(e) : /* @__PURE__ */ H(f, {
@@ -9332,14 +9342,14 @@ var Dl = Y.div`
 			})]
 		}, e.key)) })
 	});
-}, Rl = Y.div`
+}, Ll = Y.div`
   border: 1px solid var(--ant-color-border);
   border-radius: var(--ant-border-radius);
   overflow-y: auto;
   max-height: ${({ $maxHeight: e }) => e ? `${e + 2}px` : "auto"};
-`, zl = Y.div`
+`, Rl = Y.div`
   padding: 0;
-`, Bl = Y.div`
+`, zl = Y.div`
   padding: 8px 12px 8px;
   display: flex;
   gap: 8px;
@@ -9347,7 +9357,7 @@ var Dl = Y.div`
   justify-content: space-between;
   border-bottom: 1px solid var(--ant-color-split);
   background-color: var(--ant-color-fill-alter);
-`, Vl = ({ height: e = 300, leftWidth: t = 260, options: n, value: r = [], searchPlaceholder: i, notFoundContent: a, onChange: s, styles: c }) => {
+`, Bl = ({ height: e = 300, leftWidth: t = 260, options: n, value: r = [], searchPlaceholder: i, notFoundContent: a, onChange: s, styles: c }) => {
 	let l = o(), [u, d] = E.useState(!1), [f, p] = E.useState(!1), [m, h] = B(""), g = R(() => n.filter((e) => e.title.toLowerCase().includes(m.toLowerCase())), [n, m]), _ = (e) => {
 		h(e.target.value);
 	}, v = (e) => {
@@ -9369,11 +9379,11 @@ var Dl = Y.div`
 	};
 	return F(() => {
 		y(r);
-	}, [r, n]), /* @__PURE__ */ H(Rl, {
+	}, [r, n]), /* @__PURE__ */ H(Ll, {
 		$maxHeight: e,
 		$leftWidth: t,
 		style: c?.container,
-		children: /* @__PURE__ */ U(zl, { children: [/* @__PURE__ */ U(Bl, {
+		children: /* @__PURE__ */ U(Rl, { children: [/* @__PURE__ */ U(zl, {
 			style: c?.header,
 			children: [/* @__PURE__ */ U("span", {
 				style: {
@@ -9401,7 +9411,7 @@ var Dl = Y.div`
 				},
 				onChange: _
 			})]
-		}), g.length > 0 ? /* @__PURE__ */ H(Ll, {
+		}), g.length > 0 ? /* @__PURE__ */ H(Il, {
 			maxHeight: e - 50,
 			dataList: g,
 			value: r,
@@ -9413,7 +9423,7 @@ var Dl = Y.div`
 			description: a
 		})] })
 	});
-}, Hl = [
+}, Vl = [
 	{
 		scope: "playground",
 		command: "shortcuts.playground.newmessage",
@@ -9459,8 +9469,8 @@ var Dl = Y.div`
 		command: "shortcuts.users.new",
 		keybinding: Ns.CREATE.iconKeybinding
 	}
-], Ul = ({ intl: e }) => {
-	let [t, n] = E.useState(Hl), r = [
+], Hl = ({ intl: e }) => {
+	let [t, n] = E.useState(Vl), r = [
 		{
 			title: "Scope",
 			dataIndex: "scope",
@@ -9482,7 +9492,7 @@ var Dl = Y.div`
 		}
 	], i = Z.default.debounce((e) => {
 		let t = e.target.value;
-		n(Z.default.filter(Hl, (e) => e.command.toLowerCase().includes(t.toLowerCase()) || e.scope.toLowerCase().includes(t.toLowerCase())));
+		n(Z.default.filter(Vl, (e) => e.command.toLowerCase().includes(t.toLowerCase()) || e.scope.toLowerCase().includes(t.toLowerCase())));
 	}, 300);
 	return /* @__PURE__ */ U("div", {
 		className: "short-cuts",
@@ -9516,82 +9526,82 @@ var Dl = Y.div`
 };
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isObject.js
-function Wl(e) {
+function Ul(e) {
 	var t = typeof e;
 	return e != null && (t == "object" || t == "function");
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_freeGlobal.js
-var Gl = typeof global == "object" && global && global.Object === Object && global, Kl = typeof self == "object" && self && self.Object === Object && self, ql = Gl || Kl || Function("return this")(), Jl = function() {
-	return ql.Date.now();
-}, Yl = /\s/;
-function Xl(e) {
-	for (var t = e.length; t-- && Yl.test(e.charAt(t)););
+var Wl = typeof global == "object" && global && global.Object === Object && global, Gl = typeof self == "object" && self && self.Object === Object && self, Kl = Wl || Gl || Function("return this")(), ql = function() {
+	return Kl.Date.now();
+}, Jl = /\s/;
+function Yl(e) {
+	for (var t = e.length; t-- && Jl.test(e.charAt(t)););
 	return t;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_baseTrim.js
-var Zl = /^\s+/;
-function Ql(e) {
-	return e && e.slice(0, Xl(e) + 1).replace(Zl, "");
+var Xl = /^\s+/;
+function Zl(e) {
+	return e && e.slice(0, Yl(e) + 1).replace(Xl, "");
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_Symbol.js
-var $l = ql.Symbol, eu = Object.prototype, tu = eu.hasOwnProperty, nu = eu.toString, ru = $l ? $l.toStringTag : void 0;
-function iu(e) {
-	var t = tu.call(e, ru), n = e[ru];
+var Ql = Kl.Symbol, $l = Object.prototype, eu = $l.hasOwnProperty, tu = $l.toString, nu = Ql ? Ql.toStringTag : void 0;
+function ru(e) {
+	var t = eu.call(e, nu), n = e[nu];
 	try {
-		e[ru] = void 0;
+		e[nu] = void 0;
 		var r = !0;
 	} catch {}
-	var i = nu.call(e);
-	return r && (t ? e[ru] = n : delete e[ru]), i;
+	var i = tu.call(e);
+	return r && (t ? e[nu] = n : delete e[nu]), i;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_objectToString.js
-var au = Object.prototype.toString;
-function ou(e) {
-	return au.call(e);
+var iu = Object.prototype.toString;
+function au(e) {
+	return iu.call(e);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_baseGetTag.js
-var su = "[object Null]", cu = "[object Undefined]", lu = $l ? $l.toStringTag : void 0;
-function uu(e) {
-	return e == null ? e === void 0 ? cu : su : lu && lu in Object(e) ? iu(e) : ou(e);
+var ou = "[object Null]", su = "[object Undefined]", cu = Ql ? Ql.toStringTag : void 0;
+function lu(e) {
+	return e == null ? e === void 0 ? su : ou : cu && cu in Object(e) ? ru(e) : au(e);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isObjectLike.js
-function du(e) {
+function uu(e) {
 	return typeof e == "object" && !!e;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isSymbol.js
-var fu = "[object Symbol]";
-function pu(e) {
-	return typeof e == "symbol" || du(e) && uu(e) == fu;
+var du = "[object Symbol]";
+function fu(e) {
+	return typeof e == "symbol" || uu(e) && lu(e) == du;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/toNumber.js
-var mu = NaN, hu = /^[-+]0x[0-9a-f]+$/i, gu = /^0b[01]+$/i, _u = /^0o[0-7]+$/i, vu = parseInt;
-function yu(e) {
+var pu = NaN, mu = /^[-+]0x[0-9a-f]+$/i, hu = /^0b[01]+$/i, gu = /^0o[0-7]+$/i, _u = parseInt;
+function vu(e) {
 	if (typeof e == "number") return e;
-	if (pu(e)) return mu;
-	if (Wl(e)) {
+	if (fu(e)) return pu;
+	if (Ul(e)) {
 		var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-		e = Wl(t) ? t + "" : t;
+		e = Ul(t) ? t + "" : t;
 	}
 	if (typeof e != "string") return e === 0 ? e : +e;
-	e = Ql(e);
-	var n = gu.test(e);
-	return n || _u.test(e) ? vu(e.slice(2), n ? 2 : 8) : hu.test(e) ? mu : +e;
+	e = Zl(e);
+	var n = hu.test(e);
+	return n || gu.test(e) ? _u(e.slice(2), n ? 2 : 8) : mu.test(e) ? pu : +e;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/debounce.js
-var bu = "Expected a function", xu = Math.max, Su = Math.min;
-function Cu(e, t, n) {
+var yu = "Expected a function", bu = Math.max, xu = Math.min;
+function Su(e, t, n) {
 	var r, i, a, o, s, c, l = 0, u = !1, d = !1, f = !0;
-	if (typeof e != "function") throw TypeError(bu);
-	t = yu(t) || 0, Wl(n) && (u = !!n.leading, d = "maxWait" in n, a = d ? xu(yu(n.maxWait) || 0, t) : a, f = "trailing" in n ? !!n.trailing : f);
+	if (typeof e != "function") throw TypeError(yu);
+	t = vu(t) || 0, Ul(n) && (u = !!n.leading, d = "maxWait" in n, a = d ? bu(vu(n.maxWait) || 0, t) : a, f = "trailing" in n ? !!n.trailing : f);
 	function p(t) {
 		var n = r, a = i;
 		return r = i = void 0, l = t, o = e.apply(a, n), o;
@@ -9601,14 +9611,14 @@ function Cu(e, t, n) {
 	}
 	function h(e) {
 		var n = e - c, r = e - l, i = t - n;
-		return d ? Su(i, a - r) : i;
+		return d ? xu(i, a - r) : i;
 	}
 	function g(e) {
 		var n = e - c, r = e - l;
 		return c === void 0 || n >= t || n < 0 || d && r >= a;
 	}
 	function _() {
-		var e = Jl();
+		var e = ql();
 		if (g(e)) return v(e);
 		s = setTimeout(_, h(e));
 	}
@@ -9619,10 +9629,10 @@ function Cu(e, t, n) {
 		s !== void 0 && clearTimeout(s), l = 0, r = c = i = s = void 0;
 	}
 	function b() {
-		return s === void 0 ? o : v(Jl());
+		return s === void 0 ? o : v(ql());
 	}
 	function x() {
-		var e = Jl(), n = g(e);
+		var e = ql(), n = g(e);
 		if (r = arguments, i = this, c = e, n) {
 			if (s === void 0) return m(c);
 			if (d) return clearTimeout(s), s = setTimeout(_, t), p(c);
@@ -9633,11 +9643,11 @@ function Cu(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/throttle.js
-var wu = "Expected a function";
-function Tu(e, t, n) {
+var Cu = "Expected a function";
+function wu(e, t, n) {
 	var r = !0, i = !0;
-	if (typeof e != "function") throw TypeError(wu);
-	return Wl(n) && (r = "leading" in n ? !!n.leading : r, i = "trailing" in n ? !!n.trailing : i), Cu(e, t, {
+	if (typeof e != "function") throw TypeError(Cu);
+	return Ul(n) && (r = "leading" in n ? !!n.leading : r, i = "trailing" in n ? !!n.trailing : i), Su(e, t, {
 		leading: r,
 		maxWait: t,
 		trailing: i
@@ -9645,19 +9655,19 @@ function Tu(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/simplebar-core@1.3.2/node_modules/simplebar-core/dist/index.mjs
-var Eu = function() {
-	return Eu = Object.assign || function(e) {
+var Tu = function() {
+	return Tu = Object.assign || function(e) {
 		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
 		return e;
-	}, Eu.apply(this, arguments);
+	}, Tu.apply(this, arguments);
 };
-function Du(e) {
+function Eu(e) {
 	return !e || !e.ownerDocument || !e.ownerDocument.defaultView ? window : e.ownerDocument.defaultView;
 }
-function Ou(e) {
+function Du(e) {
 	return !e || !e.ownerDocument ? document : e.ownerDocument;
 }
-var ku = function(e) {
+var Ou = function(e) {
 	return Array.prototype.reduce.call(e, function(e, t) {
 		var n = t.name.match(/data-simplebar-(.+)/);
 		if (n) {
@@ -9680,58 +9690,58 @@ var ku = function(e) {
 		return e;
 	}, {});
 };
-function Au(e, t) {
+function ku(e, t) {
 	var n;
 	e && (n = e.classList).add.apply(n, t.split(" "));
 }
-function ju(e, t) {
+function Au(e, t) {
 	e && t.split(" ").forEach(function(t) {
 		e.classList.remove(t);
 	});
 }
-function Mu(e) {
+function ju(e) {
 	return `.${e.split(" ").join(".")}`;
 }
-var Nu = !!(typeof window < "u" && window.document && window.document.createElement), Pu = /* @__PURE__ */ Object.freeze({
+var Mu = !!(typeof window < "u" && window.document && window.document.createElement), Nu = /* @__PURE__ */ Object.freeze({
 	__proto__: null,
-	addClasses: Au,
-	canUseDOM: Nu,
-	classNamesToQuery: Mu,
-	getElementDocument: Ou,
-	getElementWindow: Du,
-	getOptions: ku,
-	removeClasses: ju
-}), Fu = null, Iu = null;
-Nu && window.addEventListener("resize", function() {
-	Iu !== window.devicePixelRatio && (Iu = window.devicePixelRatio, Fu = null);
+	addClasses: ku,
+	canUseDOM: Mu,
+	classNamesToQuery: ju,
+	getElementDocument: Du,
+	getElementWindow: Eu,
+	getOptions: Ou,
+	removeClasses: Au
+}), Pu = null, Fu = null;
+Mu && window.addEventListener("resize", function() {
+	Fu !== window.devicePixelRatio && (Fu = window.devicePixelRatio, Pu = null);
 });
-function Lu() {
-	if (Fu === null) {
-		if (typeof document > "u") return Fu = 0, Fu;
+function Iu() {
+	if (Pu === null) {
+		if (typeof document > "u") return Pu = 0, Pu;
 		var e = document.body, t = document.createElement("div");
 		t.classList.add("simplebar-hide-scrollbar"), e.appendChild(t);
 		var n = t.getBoundingClientRect().right;
-		e.removeChild(t), Fu = n;
+		e.removeChild(t), Pu = n;
 	}
-	return Fu;
+	return Pu;
 }
-var Ru = Du, zu = Ou, Bu = ku, Vu = Au, Hu = ju, Uu = Mu, Wu = function() {
+var Lu = Eu, Ru = Du, zu = Ou, Bu = ku, Vu = Au, Hu = ju, Uu = function() {
 	function e(t, n) {
 		n === void 0 && (n = {});
 		var r = this;
 		if (this.removePreventClickId = null, this.minScrollbarWidth = 20, this.stopScrollDelay = 175, this.isScrolling = !1, this.isMouseEntering = !1, this.isDragging = !1, this.scrollXTicking = !1, this.scrollYTicking = !1, this.wrapperEl = null, this.contentWrapperEl = null, this.contentEl = null, this.offsetEl = null, this.maskEl = null, this.placeholderEl = null, this.heightAutoObserverWrapperEl = null, this.heightAutoObserverEl = null, this.rtlHelpers = null, this.scrollbarWidth = 0, this.resizeObserver = null, this.mutationObserver = null, this.elStyles = null, this.isRtl = null, this.mouseX = 0, this.mouseY = 0, this.onMouseMove = function() {}, this.onWindowResize = function() {}, this.onStopScrolling = function() {}, this.onMouseEntered = function() {}, this.onScroll = function() {
-			var e = Ru(r.el);
-			r.scrollXTicking ||= (e.requestAnimationFrame(r.scrollX), !0), r.scrollYTicking ||= (e.requestAnimationFrame(r.scrollY), !0), r.isScrolling || (r.isScrolling = !0, Vu(r.el, r.classNames.scrolling)), r.showScrollbar("x"), r.showScrollbar("y"), r.onStopScrolling();
+			var e = Lu(r.el);
+			r.scrollXTicking ||= (e.requestAnimationFrame(r.scrollX), !0), r.scrollYTicking ||= (e.requestAnimationFrame(r.scrollY), !0), r.isScrolling || (r.isScrolling = !0, Bu(r.el, r.classNames.scrolling)), r.showScrollbar("x"), r.showScrollbar("y"), r.onStopScrolling();
 		}, this.scrollX = function() {
 			r.axis.x.isOverflowing && r.positionScrollbar("x"), r.scrollXTicking = !1;
 		}, this.scrollY = function() {
 			r.axis.y.isOverflowing && r.positionScrollbar("y"), r.scrollYTicking = !1;
 		}, this._onStopScrolling = function() {
-			Hu(r.el, r.classNames.scrolling), r.options.autoHide && (r.hideScrollbar("x"), r.hideScrollbar("y")), r.isScrolling = !1;
+			Vu(r.el, r.classNames.scrolling), r.options.autoHide && (r.hideScrollbar("x"), r.hideScrollbar("y")), r.isScrolling = !1;
 		}, this.onMouseEnter = function() {
-			r.isMouseEntering ||= (Vu(r.el, r.classNames.mouseEntered), r.showScrollbar("x"), r.showScrollbar("y"), !0), r.onMouseEntered();
+			r.isMouseEntering ||= (Bu(r.el, r.classNames.mouseEntered), r.showScrollbar("x"), r.showScrollbar("y"), !0), r.onMouseEntered();
 		}, this._onMouseEntered = function() {
-			Hu(r.el, r.classNames.mouseEntered), r.options.autoHide && (r.hideScrollbar("x"), r.hideScrollbar("y")), r.isMouseEntering = !1;
+			Vu(r.el, r.classNames.mouseEntered), r.options.autoHide && (r.hideScrollbar("x"), r.hideScrollbar("y")), r.isMouseEntering = !1;
 		}, this._onMouseMove = function(e) {
 			r.mouseX = e.clientX, r.mouseY = e.clientY, (r.axis.x.isOverflowing || r.axis.x.forceVisible) && r.onMouseMoveForAxis("x"), (r.axis.y.isOverflowing || r.axis.y.forceVisible) && r.onMouseMoveForAxis("y");
 		}, this.onMouseLeave = function() {
@@ -9754,13 +9764,13 @@ var Ru = Du, zu = Ou, Bu = ku, Vu = Au, Hu = ju, Uu = Mu, Wu = function() {
 			}
 		}, this.onEndDrag = function(e) {
 			r.isDragging = !1;
-			var t = zu(r.el), n = Ru(r.el);
-			e.preventDefault(), e.stopPropagation(), Hu(r.el, r.classNames.dragging), r.onStopScrolling(), t.removeEventListener("mousemove", r.drag, !0), t.removeEventListener("mouseup", r.onEndDrag, !0), r.removePreventClickId = n.setTimeout(function() {
+			var t = Ru(r.el), n = Lu(r.el);
+			e.preventDefault(), e.stopPropagation(), Vu(r.el, r.classNames.dragging), r.onStopScrolling(), t.removeEventListener("mousemove", r.drag, !0), t.removeEventListener("mouseup", r.onEndDrag, !0), r.removePreventClickId = n.setTimeout(function() {
 				t.removeEventListener("click", r.preventClick, !0), t.removeEventListener("dblclick", r.preventClick, !0), r.removePreventClickId = null;
 			});
 		}, this.preventClick = function(e) {
 			e.preventDefault(), e.stopPropagation();
-		}, this.el = t, this.options = Eu(Eu({}, e.defaultOptions), n), this.classNames = Eu(Eu({}, e.defaultOptions.classNames), n.classNames), this.axis = {
+		}, this.el = t, this.options = Tu(Tu({}, e.defaultOptions), n), this.classNames = Tu(Tu({}, e.defaultOptions.classNames), n.classNames), this.axis = {
 			x: {
 				scrollOffsetAttr: "scrollLeft",
 				sizeAttr: "width",
@@ -9808,7 +9818,7 @@ var Ru = Du, zu = Ou, Bu = ku, Vu = Au, Hu = ju, Uu = Mu, Wu = function() {
 				}
 			}
 		}, typeof this.el != "object" || !this.el.nodeName) throw Error(`Argument passed to SimpleBar must be an HTML element instead of ${this.el}`);
-		this.onMouseMove = Tu(this._onMouseMove, 64), this.onWindowResize = Cu(this._onWindowResize, 64, { leading: !0 }), this.onStopScrolling = Cu(this._onStopScrolling, this.stopScrollDelay), this.onMouseEntered = Cu(this._onMouseEntered, this.stopScrollDelay), this.init();
+		this.onMouseMove = wu(this._onMouseMove, 64), this.onWindowResize = Su(this._onWindowResize, 64, { leading: !0 }), this.onStopScrolling = Su(this._onStopScrolling, this.stopScrollDelay), this.onMouseEntered = Su(this._onMouseEntered, this.stopScrollDelay), this.init();
 	}
 	return e.getRtlHelpers = function() {
 		if (e.rtlHelpers) return e.rtlHelpers;
@@ -9826,22 +9836,22 @@ var Ru = Du, zu = Ou, Bu = ku, Vu = Au, Hu = ju, Uu = Mu, Wu = function() {
 		}, e.rtlHelpers;
 	}, e.prototype.getScrollbarWidth = function() {
 		try {
-			return this.contentWrapperEl && getComputedStyle(this.contentWrapperEl, "::-webkit-scrollbar").display === "none" || "scrollbarWidth" in document.documentElement.style || "-ms-overflow-style" in document.documentElement.style ? 0 : Lu();
+			return this.contentWrapperEl && getComputedStyle(this.contentWrapperEl, "::-webkit-scrollbar").display === "none" || "scrollbarWidth" in document.documentElement.style || "-ms-overflow-style" in document.documentElement.style ? 0 : Iu();
 		} catch {
-			return Lu();
+			return Iu();
 		}
 	}, e.getOffset = function(e) {
-		var t = e.getBoundingClientRect(), n = zu(e), r = Ru(e);
+		var t = e.getBoundingClientRect(), n = Ru(e), r = Lu(e);
 		return {
 			top: t.top + (r.pageYOffset || n.documentElement.scrollTop),
 			left: t.left + (r.pageXOffset || n.documentElement.scrollLeft)
 		};
 	}, e.prototype.init = function() {
-		Nu && (this.initDOM(), this.rtlHelpers = e.getRtlHelpers(), this.scrollbarWidth = this.getScrollbarWidth(), this.recalculate(), this.initListeners());
+		Mu && (this.initDOM(), this.rtlHelpers = e.getRtlHelpers(), this.scrollbarWidth = this.getScrollbarWidth(), this.recalculate(), this.initListeners());
 	}, e.prototype.initDOM = function() {
-		this.wrapperEl = this.el.querySelector(Uu(this.classNames.wrapper)), this.contentWrapperEl = this.options.scrollableNode || this.el.querySelector(Uu(this.classNames.contentWrapper)), this.contentEl = this.options.contentNode || this.el.querySelector(Uu(this.classNames.contentEl)), this.offsetEl = this.el.querySelector(Uu(this.classNames.offset)), this.maskEl = this.el.querySelector(Uu(this.classNames.mask)), this.placeholderEl = this.findChild(this.wrapperEl, Uu(this.classNames.placeholder)), this.heightAutoObserverWrapperEl = this.el.querySelector(Uu(this.classNames.heightAutoObserverWrapperEl)), this.heightAutoObserverEl = this.el.querySelector(Uu(this.classNames.heightAutoObserverEl)), this.axis.x.track.el = this.findChild(this.el, `${Uu(this.classNames.track)}${Uu(this.classNames.horizontal)}`), this.axis.y.track.el = this.findChild(this.el, `${Uu(this.classNames.track)}${Uu(this.classNames.vertical)}`), this.axis.x.scrollbar.el = this.axis.x.track.el?.querySelector(Uu(this.classNames.scrollbar)) || null, this.axis.y.scrollbar.el = this.axis.y.track.el?.querySelector(Uu(this.classNames.scrollbar)) || null, this.options.autoHide || (Vu(this.axis.x.scrollbar.el, this.classNames.visible), Vu(this.axis.y.scrollbar.el, this.classNames.visible));
+		this.wrapperEl = this.el.querySelector(Hu(this.classNames.wrapper)), this.contentWrapperEl = this.options.scrollableNode || this.el.querySelector(Hu(this.classNames.contentWrapper)), this.contentEl = this.options.contentNode || this.el.querySelector(Hu(this.classNames.contentEl)), this.offsetEl = this.el.querySelector(Hu(this.classNames.offset)), this.maskEl = this.el.querySelector(Hu(this.classNames.mask)), this.placeholderEl = this.findChild(this.wrapperEl, Hu(this.classNames.placeholder)), this.heightAutoObserverWrapperEl = this.el.querySelector(Hu(this.classNames.heightAutoObserverWrapperEl)), this.heightAutoObserverEl = this.el.querySelector(Hu(this.classNames.heightAutoObserverEl)), this.axis.x.track.el = this.findChild(this.el, `${Hu(this.classNames.track)}${Hu(this.classNames.horizontal)}`), this.axis.y.track.el = this.findChild(this.el, `${Hu(this.classNames.track)}${Hu(this.classNames.vertical)}`), this.axis.x.scrollbar.el = this.axis.x.track.el?.querySelector(Hu(this.classNames.scrollbar)) || null, this.axis.y.scrollbar.el = this.axis.y.track.el?.querySelector(Hu(this.classNames.scrollbar)) || null, this.options.autoHide || (Bu(this.axis.x.scrollbar.el, this.classNames.visible), Bu(this.axis.y.scrollbar.el, this.classNames.visible));
 	}, e.prototype.initListeners = function() {
-		var e = this, t, n = Ru(this.el);
+		var e = this, t, n = Lu(this.el);
 		if (this.el.addEventListener("mouseenter", this.onMouseEnter), this.el.addEventListener("pointerdown", this.onPointerEvent, !0), this.el.addEventListener("mousemove", this.onMouseMove), this.el.addEventListener("mouseleave", this.onMouseLeave), (t = this.contentWrapperEl) == null || t.addEventListener("scroll", this.onScroll), n.addEventListener("resize", this.onWindowResize), this.contentEl) {
 			if (window.ResizeObserver) {
 				var r = !1, i = n.ResizeObserver || ResizeObserver;
@@ -9865,7 +9875,7 @@ var Ru = Du, zu = Ou, Bu = ku, Vu = Au, Hu = ju, Uu = Mu, Wu = function() {
 		}
 	}, e.prototype.recalculate = function() {
 		if (!(!this.heightAutoObserverEl || !this.contentEl || !this.contentWrapperEl || !this.wrapperEl || !this.placeholderEl)) {
-			var e = Ru(this.el);
+			var e = Lu(this.el);
 			this.elStyles = e.getComputedStyle(this.el), this.isRtl = this.elStyles.direction === "rtl";
 			var t = this.contentEl.offsetWidth, n = this.heightAutoObserverEl.offsetHeight <= 1, r = this.heightAutoObserverEl.offsetWidth <= 1 || t > 0, i = this.contentWrapperEl.offsetWidth, a = this.elStyles.overflowX, o = this.elStyles.overflowY;
 			this.contentEl.style.padding = `${this.elStyles.paddingTop} ${this.elStyles.paddingRight} ${this.elStyles.paddingBottom} ${this.elStyles.paddingLeft}`, this.wrapperEl.style.margin = `-${this.elStyles.paddingTop} -${this.elStyles.paddingRight} -${this.elStyles.paddingBottom} -${this.elStyles.paddingLeft}`;
@@ -9894,28 +9904,28 @@ var Ru = Du, zu = Ou, Bu = ku, Vu = Au, Hu = ju, Uu = Mu, Wu = function() {
 		var t = this.axis[e].track.el, n = this.axis[e].scrollbar.el;
 		!t || !n || !this.contentWrapperEl || (this.axis[e].isOverflowing || this.axis[e].forceVisible ? (t.style.visibility = "visible", this.contentWrapperEl.style[this.axis[e].overflowAttr] = "scroll", this.el.classList.add(`${this.classNames.scrollable}-${e}`)) : (t.style.visibility = "hidden", this.contentWrapperEl.style[this.axis[e].overflowAttr] = "hidden", this.el.classList.remove(`${this.classNames.scrollable}-${e}`)), this.axis[e].isOverflowing ? n.style.display = "block" : n.style.display = "none");
 	}, e.prototype.showScrollbar = function(e) {
-		e === void 0 && (e = "y"), this.axis[e].isOverflowing && !this.axis[e].scrollbar.isVisible && (Vu(this.axis[e].scrollbar.el, this.classNames.visible), this.axis[e].scrollbar.isVisible = !0);
+		e === void 0 && (e = "y"), this.axis[e].isOverflowing && !this.axis[e].scrollbar.isVisible && (Bu(this.axis[e].scrollbar.el, this.classNames.visible), this.axis[e].scrollbar.isVisible = !0);
 	}, e.prototype.hideScrollbar = function(e) {
-		e === void 0 && (e = "y"), !this.isDragging && this.axis[e].isOverflowing && this.axis[e].scrollbar.isVisible && (Hu(this.axis[e].scrollbar.el, this.classNames.visible), this.axis[e].scrollbar.isVisible = !1);
+		e === void 0 && (e = "y"), !this.isDragging && this.axis[e].isOverflowing && this.axis[e].scrollbar.isVisible && (Vu(this.axis[e].scrollbar.el, this.classNames.visible), this.axis[e].scrollbar.isVisible = !1);
 	}, e.prototype.hideNativeScrollbar = function() {
 		this.offsetEl && (this.offsetEl.style[this.isRtl ? "left" : "right"] = this.axis.y.isOverflowing || this.axis.y.forceVisible ? `-${this.scrollbarWidth}px` : "0px", this.offsetEl.style.bottom = this.axis.x.isOverflowing || this.axis.x.forceVisible ? `-${this.scrollbarWidth}px` : "0px");
 	}, e.prototype.onMouseMoveForAxis = function(e) {
 		e === void 0 && (e = "y");
 		var t = this.axis[e];
-		!t.track.el || !t.scrollbar.el || (t.track.rect = t.track.el.getBoundingClientRect(), t.scrollbar.rect = t.scrollbar.el.getBoundingClientRect(), this.isWithinBounds(t.track.rect) ? (this.showScrollbar(e), Vu(t.track.el, this.classNames.hover), this.isWithinBounds(t.scrollbar.rect) ? Vu(t.scrollbar.el, this.classNames.hover) : Hu(t.scrollbar.el, this.classNames.hover)) : (Hu(t.track.el, this.classNames.hover), this.options.autoHide && this.hideScrollbar(e)));
+		!t.track.el || !t.scrollbar.el || (t.track.rect = t.track.el.getBoundingClientRect(), t.scrollbar.rect = t.scrollbar.el.getBoundingClientRect(), this.isWithinBounds(t.track.rect) ? (this.showScrollbar(e), Bu(t.track.el, this.classNames.hover), this.isWithinBounds(t.scrollbar.rect) ? Bu(t.scrollbar.el, this.classNames.hover) : Vu(t.scrollbar.el, this.classNames.hover)) : (Vu(t.track.el, this.classNames.hover), this.options.autoHide && this.hideScrollbar(e)));
 	}, e.prototype.onMouseLeaveForAxis = function(e) {
-		e === void 0 && (e = "y"), Hu(this.axis[e].track.el, this.classNames.hover), Hu(this.axis[e].scrollbar.el, this.classNames.hover), this.options.autoHide && this.hideScrollbar(e);
+		e === void 0 && (e = "y"), Vu(this.axis[e].track.el, this.classNames.hover), Vu(this.axis[e].scrollbar.el, this.classNames.hover), this.options.autoHide && this.hideScrollbar(e);
 	}, e.prototype.onDragStart = function(e, t) {
 		t === void 0 && (t = "y"), this.isDragging = !0;
-		var n = zu(this.el), r = Ru(this.el), i = this.axis[t].scrollbar, a = t === "y" ? e.pageY : e.pageX;
-		this.axis[t].dragOffset = a - (i.rect?.[this.axis[t].offsetAttr] || 0), this.draggedAxis = t, Vu(this.el, this.classNames.dragging), n.addEventListener("mousemove", this.drag, !0), n.addEventListener("mouseup", this.onEndDrag, !0), this.removePreventClickId === null ? (n.addEventListener("click", this.preventClick, !0), n.addEventListener("dblclick", this.preventClick, !0)) : (r.clearTimeout(this.removePreventClickId), this.removePreventClickId = null);
+		var n = Ru(this.el), r = Lu(this.el), i = this.axis[t].scrollbar, a = t === "y" ? e.pageY : e.pageX;
+		this.axis[t].dragOffset = a - (i.rect?.[this.axis[t].offsetAttr] || 0), this.draggedAxis = t, Bu(this.el, this.classNames.dragging), n.addEventListener("mousemove", this.drag, !0), n.addEventListener("mouseup", this.onEndDrag, !0), this.removePreventClickId === null ? (n.addEventListener("click", this.preventClick, !0), n.addEventListener("dblclick", this.preventClick, !0)) : (r.clearTimeout(this.removePreventClickId), this.removePreventClickId = null);
 	}, e.prototype.onTrackClick = function(e, t) {
 		var n = this;
 		t === void 0 && (t = "y");
 		var r = this.axis[t];
 		if (!(!this.options.clickOnTrack || !r.scrollbar.el || !this.contentWrapperEl)) {
 			e.preventDefault();
-			var i = Ru(this.el);
+			var i = Lu(this.el);
 			this.axis[t].scrollbar.rect = r.scrollbar.el.getBoundingClientRect();
 			var a = this.axis[t].scrollbar.rect?.[this.axis[t].offsetAttr] ?? 0, o = parseInt(this.elStyles?.[this.axis[t].sizeAttr] ?? "0px", 10), s = this.contentWrapperEl[this.axis[t].scrollOffsetAttr], c = (t === "y" ? this.mouseY - a : this.mouseX - a) < 0 ? -1 : 1, l = c === -1 ? s - o : s + o, u = 40, d = function() {
 				n.contentWrapperEl && (c === -1 ? s > l && (s -= u, n.contentWrapperEl[n.axis[t].scrollOffsetAttr] = s, i.requestAnimationFrame(d)) : s < l && (s += u, n.contentWrapperEl[n.axis[t].scrollOffsetAttr] = s, i.requestAnimationFrame(d)));
@@ -9927,7 +9937,7 @@ var Ru = Du, zu = Ou, Bu = ku, Vu = Au, Hu = ju, Uu = Mu, Wu = function() {
 	}, e.prototype.getScrollElement = function() {
 		return this.contentWrapperEl;
 	}, e.prototype.removeListeners = function() {
-		var e = Ru(this.el);
+		var e = Lu(this.el);
 		this.el.removeEventListener("mouseenter", this.onMouseEnter), this.el.removeEventListener("pointerdown", this.onPointerEvent, !0), this.el.removeEventListener("mousemove", this.onMouseMove), this.el.removeEventListener("mouseleave", this.onMouseLeave), this.contentWrapperEl && this.contentWrapperEl.removeEventListener("scroll", this.onScroll), e.removeEventListener("resize", this.onWindowResize), this.mutationObserver && this.mutationObserver.disconnect(), this.resizeObserver && this.resizeObserver.disconnect(), this.onMouseMove.cancel(), this.onWindowResize.cancel(), this.onStopScrolling.cancel(), this.onMouseEntered.cancel();
 	}, e.prototype.unMount = function() {
 		this.removeListeners();
@@ -9968,52 +9978,52 @@ var Ru = Du, zu = Ou, Bu = ku, Vu = Au, Hu = ju, Uu = Mu, Wu = function() {
 		scrollableNode: null,
 		contentNode: null,
 		autoHide: !0
-	}, e.getOptions = Bu, e.helpers = Pu, e;
-}(), Gu = function() {
-	return Gu = Object.assign || function(e) {
+	}, e.getOptions = zu, e.helpers = Nu, e;
+}(), Wu = function() {
+	return Wu = Object.assign || function(e) {
 		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
 		return e;
-	}, Gu.apply(this, arguments);
+	}, Wu.apply(this, arguments);
 };
-function Ku(e, t) {
+function Gu(e, t) {
 	var n = {};
 	for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
 	if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var i = 0, r = Object.getOwnPropertySymbols(e); i < r.length; i++) t.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (n[r[i]] = e[r[i]]);
 	return n;
 }
-var qu = T.forwardRef(function(e, t) {
-	var n = e.children, r = e.scrollableNodeProps, i = r === void 0 ? {} : r, a = Ku(e, ["children", "scrollableNodeProps"]), o = T.useRef(), s = T.useRef(), c = T.useRef(), l = {}, u = {};
+var Ku = T.forwardRef(function(e, t) {
+	var n = e.children, r = e.scrollableNodeProps, i = r === void 0 ? {} : r, a = Gu(e, ["children", "scrollableNodeProps"]), o = T.useRef(), s = T.useRef(), c = T.useRef(), l = {}, u = {};
 	Object.keys(a).forEach(function(e) {
-		Object.prototype.hasOwnProperty.call(Wu.defaultOptions, e) ? l[e] = a[e] : u[e] = a[e];
+		Object.prototype.hasOwnProperty.call(Uu.defaultOptions, e) ? l[e] = a[e] : u[e] = a[e];
 	});
-	var d = Gu(Gu({}, Wu.defaultOptions.classNames), l.classNames), f = Gu(Gu({}, i), {
+	var d = Wu(Wu({}, Uu.defaultOptions.classNames), l.classNames), f = Wu(Wu({}, i), {
 		className: `${d.contentWrapper}${i.className ? ` ${i.className}` : ""}`,
-		tabIndex: l.tabIndex || Wu.defaultOptions.tabIndex,
+		tabIndex: l.tabIndex || Uu.defaultOptions.tabIndex,
 		role: "region",
-		"aria-label": l.ariaLabel || Wu.defaultOptions.ariaLabel
+		"aria-label": l.ariaLabel || Uu.defaultOptions.ariaLabel
 	});
 	return T.useEffect(function() {
 		var e;
-		return s.current = f.ref ? f.ref.current : s.current, o.current && (e = new Wu(o.current, Gu(Gu(Gu({}, l), s.current && { scrollableNode: s.current }), c.current && { contentNode: c.current })), typeof t == "function" ? t(e) : t && (t.current = e)), function() {
+		return s.current = f.ref ? f.ref.current : s.current, o.current && (e = new Uu(o.current, Wu(Wu(Wu({}, l), s.current && { scrollableNode: s.current }), c.current && { contentNode: c.current })), typeof t == "function" ? t(e) : t && (t.current = e)), function() {
 			e?.unMount(), e = null, typeof t == "function" && t(null);
 		};
-	}, []), T.createElement("div", Gu({
+	}, []), T.createElement("div", Wu({
 		"data-simplebar": "init",
 		ref: o
 	}, u), T.createElement("div", { className: d.wrapper }, T.createElement("div", { className: d.heightAutoObserverWrapperEl }, T.createElement("div", { className: d.heightAutoObserverEl })), T.createElement("div", { className: d.mask }, T.createElement("div", { className: d.offset }, typeof n == "function" ? n({
 		scrollableNodeRef: s,
-		scrollableNodeProps: Gu(Gu({}, f), { ref: s }),
+		scrollableNodeProps: Wu(Wu({}, f), { ref: s }),
 		contentNodeRef: c,
 		contentNodeProps: {
 			className: d.contentEl,
 			ref: c
 		}
-	}) : T.createElement("div", Gu({}, f), T.createElement("div", { className: d.contentEl }, n)))), T.createElement("div", { className: d.placeholder })), T.createElement("div", { className: `${d.track} ${d.horizontal}` }, T.createElement("div", { className: d.scrollbar })), T.createElement("div", { className: `${d.track} ${d.vertical}` }, T.createElement("div", { className: d.scrollbar })));
+	}) : T.createElement("div", Wu({}, f), T.createElement("div", { className: d.contentEl }, n)))), T.createElement("div", { className: d.placeholder })), T.createElement("div", { className: `${d.track} ${d.horizontal}` }, T.createElement("div", { className: d.scrollbar })), T.createElement("div", { className: `${d.track} ${d.vertical}` }, T.createElement("div", { className: d.scrollbar })));
 });
-qu.displayName = "SimpleBar";
+Ku.displayName = "SimpleBar";
 //#endregion
 //#region src/lib/components/simple-overlay/index.tsx
-var Ju = Y.div`
+var qu = Y.div`
   .simplebar-scrollbar::before {
     width: var(--scrollbar-size);
     background: var(--scrollbar-handle-bg);
@@ -10024,7 +10034,7 @@ var Ju = Y.div`
       background: var(--scrollbar-handle-light-bg);
     }
   }
-`, Yu = ({ height: e, children: t, style: n, disableTrigger: r, onScrollEnd: i }) => {
+`, Ju = ({ height: e, children: t, style: n, disableTrigger: r, onScrollEnd: i }) => {
 	let { config: o } = a(), { isDarkTheme: s } = o, c = E.useRef(null);
 	return F(() => {
 		let e = (e) => {
@@ -10038,9 +10048,9 @@ var Ju = Y.div`
 		e,
 		r,
 		i
-	]), /* @__PURE__ */ H(Ju, {
+	]), /* @__PURE__ */ H(qu, {
 		className: s ? "dark" : "light",
-		children: /* @__PURE__ */ H(qu, {
+		children: /* @__PURE__ */ H(Ku, {
 			ref: c,
 			style: {
 				height: e,
@@ -10049,13 +10059,13 @@ var Ju = Y.div`
 			children: t
 		})
 	});
-}, Xu = E.memo(({ columns: e }) => {
+}, Yu = E.memo(({ columns: e }) => {
 	let t = o();
 	return /* @__PURE__ */ H("tr", { children: e.map((e, n) => /* @__PURE__ */ H("th", { children: /* @__PURE__ */ H("span", {
 		className: "cell-span cell-header",
 		children: e.locale ? t.formatMessage({ id: e.title }) : e.title
 	}) }, n)) });
-}), Zu = (e) => {
+}), Xu = (e) => {
 	let { row: t, column: n, rowIndex: r, colIndex: i, dataList: a } = e;
 	return R(() => n.render ? n.render({
 		dataIndex: n.key,
@@ -10097,24 +10107,24 @@ var Ju = Y.div`
 			}) : t[n.key]
 		})
 	}, i);
-}, Qu = ({ row: e, columns: t, rowIndex: n, dataList: r }) => /* @__PURE__ */ H("tr", { children: t.map((t, i) => /* @__PURE__ */ H(Zu, {
+}, Zu = ({ row: e, columns: t, rowIndex: n, dataList: r }) => /* @__PURE__ */ H("tr", { children: t.map((t, i) => /* @__PURE__ */ H(Xu, {
 	rowIndex: n,
 	colIndex: i,
 	dataList: r,
 	row: e,
 	column: t
-}, i)) }), $u = (e) => {
+}, i)) }), Qu = (e) => {
 	let { columns: t, dataSource: n, rowKey: r, theme: i, bordered: a = !0 } = e;
 	return /* @__PURE__ */ H("div", { children: /* @__PURE__ */ U("table", {
 		className: (0, X.default)("simple-table", i, { "simple-table-bordered": a }),
-		children: [/* @__PURE__ */ H("thead", { children: /* @__PURE__ */ H(Xu, { columns: t }) }), /* @__PURE__ */ H("tbody", { children: n.map((e, i) => /* @__PURE__ */ H(Qu, {
+		children: [/* @__PURE__ */ H("thead", { children: /* @__PURE__ */ H(Yu, { columns: t }) }), /* @__PURE__ */ H("tbody", { children: n.map((e, i) => /* @__PURE__ */ H(Zu, {
 			row: e,
 			rowIndex: i,
 			columns: t,
 			dataList: n
 		}, e[r])) })]
 	}) });
-}, ed = (e) => {
+}, $u = (e) => {
 	let { data: t, fieldList: n, style: r } = e, i = o();
 	return /* @__PURE__ */ H("span", {
 		className: "flex",
@@ -10138,7 +10148,7 @@ var Ju = Y.div`
 			}) : null]
 		}, e.key || r))
 	});
-}, td = A((e, t) => {
+}, ed = A((e, t) => {
 	let { autoplay: n = !1 } = e, r = E.useRef(null), i = z(null), a = z(null), o = z(null), s = N(() => {
 		i.current = new (window.AudioContext || window.webkitAudioContext)(), a.current = i.current.createAnalyser(), a.current.fftSize = 512, o.current = new Uint8Array(a.current.frequencyBinCount);
 	}, []), c = N(() => {
@@ -10204,7 +10214,7 @@ var Ju = Y.div`
 		},
 		preload: "metadata"
 	});
-}), nd = A((e, t) => {
+}), td = A((e, t) => {
 	let { isStream: n } = e;
 	console.log("Rendering SpeechItem with props:", e.isStream, e.analyserData);
 	let r = o(), [i, a] = B(e.autoplay || e.isPlaying), [s, c] = B(0), [l, u] = B({
@@ -10265,7 +10275,7 @@ var Ju = Y.div`
 		g.current?.seekTo(e / s), f(e);
 	}, []);
 	let A = () => e.format === "pcm" ? "wav" : e.format, j = N(() => {
-		let t = e.audioUrl || "", n = `audio-${(0, ta.default)().format("YYYYMMDDHHmmss")}.${A()}`, r = document.createElement("a");
+		let t = e.audioUrl || "", n = `audio-${(0, na.default)().format("YYYYMMDDHHmmss")}.${A()}`, r = document.createElement("a");
 		r.href = t, r.download = n, document.body.appendChild(r), r.click(), r.remove();
 	}, [e.audioUrl, e.format]);
 	console.log("isPCMStream:", _, i), console.log("props.analyserData:", e.analyserData);
@@ -10322,7 +10332,7 @@ var Ju = Y.div`
 				width: "100%"
 			},
 			ref: h,
-			children: /* @__PURE__ */ U(V, { children: [!_ && /* @__PURE__ */ H(td, {
+			children: /* @__PURE__ */ U(V, { children: [!_ && /* @__PURE__ */ H(ed, {
 				...e,
 				url: e.audioUrl,
 				onReady: k,
@@ -10342,7 +10352,7 @@ var Ju = Y.div`
 			})] })
 		})
 	}), M()] });
-}), rd = (e) => /* @__PURE__ */ H("div", { children: e.dataList.map((t) => /* @__PURE__ */ H(nd, {
+}), nd = (e) => /* @__PURE__ */ H("div", { children: e.dataList.map((t) => /* @__PURE__ */ H(td, {
 	...t,
 	isStream: e.isStream,
 	isPlaying: e.isPlaying,
@@ -10350,12 +10360,12 @@ var Ju = Y.div`
 	onPause: e.onPause,
 	ref: e.playerRef,
 	analyserData: e.analyserData
-}, t.uid)) }), id = Y.span`
+}, t.uid)) }), rd = Y.span`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`, ad = /<a (.*?)>(.*?)<\/a>/g, od = ({ style: e, statusValue: t, download: n, extra: r, actions: i = [], maxTooltipWidth: a = 250, suffix: o }) => {
-	let { text: s, status: l } = t, d = R(() => Hi[l], [l]), f = R(() => t.message ? ad.test(t.message || "") : !1, [t.message]), p = R(() => t.message ? t.message?.match(ad) ? t.message?.replace(ad, "<a $1 target=\"_blank\">$2</a>") : t.message : "", [t.message]), m = () => {
+`, id = /<a (.*?)>(.*?)<\/a>/g, ad = ({ style: e, statusValue: t, download: n, extra: r, actions: i = [], maxTooltipWidth: a = 250, suffix: o }) => {
+	let { text: s, status: l } = t, d = R(() => Ui[l], [l]), f = R(() => t.message ? id.test(t.message || "") : !1, [t.message]), p = R(() => t.message ? t.message?.match(id) ? t.message?.replace(id, "<a $1 target=\"_blank\">$2</a>") : t.message : "", [t.message]), m = () => {
 		let e = n?.percent || 0;
 		return n && e > 0 && e <= 100 ? /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ U("span", {
 			className: "progress",
@@ -10363,7 +10373,7 @@ var Ju = Y.div`
 		}), /* @__PURE__ */ H("span", {
 			className: "download",
 			style: { width: `${Z.default.round(e, 0)}%` }
-		})] }) : /* @__PURE__ */ H(id, { children: s });
+		})] }) : /* @__PURE__ */ H(rd, { children: s });
 	}, h = /* @__PURE__ */ U("div", {
 		className: "status-content-wrapper",
 		children: [/* @__PURE__ */ U("div", {
@@ -10429,7 +10439,7 @@ var Ju = Y.div`
 			children: [m(), o && /* @__PURE__ */ H("span", { children: o })]
 		})
 	});
-}, sd = {
+}, od = {
 	mask: "styles-module__mask___fnLBF",
 	maskOpen: "styles-module__maskOpen___KKROU",
 	overlay: "styles-module__overlay___8EcfD",
@@ -10439,28 +10449,35 @@ var Ju = Y.div`
 	subTitle: "styles-module__subTitle___vunlj",
 	content: "styles-module__content___d1qHZ",
 	footer: "styles-module__footer___wE8uH"
-}, cd = ({ title: e, open: t, onCancel: n, onSubmit: r, children: i, subTitle: a, footer: o, width: s = 600, className: c, style: l, maskClosable: u = !1, styles: d, getContainer: f }) => {
-	let [p, m] = E.useState(null), [h, g] = E.useState(!1), [_, v] = E.useState(!1);
+}, sd = ({ title: e, open: t, onCancel: n, onSubmit: r, children: i, subTitle: a, footer: o, width: s = 600, className: c, style: l, maskClosable: u = !1, styles: d, getContainer: f }) => {
+	let [p, m] = E.useState(null), [h, g] = E.useState(!1), [_, v] = E.useState(!1), y = zt(() => {
+		let e = document.querySelectorAll(".ant-layout-content");
+		return e[e.length - 1] ?? null;
+	});
 	E.useEffect(() => {
 		if (t) {
-			m(f?.() ?? null), g(!0);
+			m(f?.() ?? y()), g(!0);
 			return;
 		}
 		v(!1);
-	}, [f, t]), E.useEffect(() => {
+	}, [
+		f,
+		y,
+		t
+	]), E.useEffect(() => {
 		if (!h || !p) return;
 		let e = requestAnimationFrame(() => v(!0));
 		return () => cancelAnimationFrame(e);
 	}, [h, p]);
-	let y = (e) => {
+	let b = (e) => {
 		e.target !== e.currentTarget || e.propertyName !== "transform" || !t && !_ && (g(!1), m(null));
 	};
 	return !h || !p ? null : Ht(/* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("div", {
-		className: (0, X.default)(sd.mask, { [sd.maskOpen]: _ }),
+		className: (0, X.default)(od.mask, _ && od.maskOpen),
 		style: d?.mask,
 		onClick: u ? n : void 0
 	}), /* @__PURE__ */ U("div", {
-		className: (0, X.default)(sd.overlay, { [sd.overlayOpen]: _ }, c),
+		className: (0, X.default)(od.overlay, _ && od.overlayOpen, c),
 		style: {
 			width: s,
 			...l,
@@ -10468,9 +10485,9 @@ var Ju = Y.div`
 		},
 		role: "dialog",
 		"aria-modal": "true",
-		onTransitionEnd: y,
+		onTransitionEnd: b,
 		children: [/* @__PURE__ */ U("div", {
-			className: sd.header,
+			className: od.header,
 			style: d?.header,
 			children: [/* @__PURE__ */ H(G, {
 				type: "text",
@@ -10485,11 +10502,11 @@ var Ju = Y.div`
 				}),
 				onClick: n
 			}), /* @__PURE__ */ U("div", {
-				className: sd.title,
+				className: od.title,
 				style: d?.title,
 				children: [e, a && /* @__PURE__ */ H(jt, {
 					variant: "outlined",
-					className: sd.subTitle,
+					className: od.subTitle,
 					style: d?.subTitle,
 					children: a
 				})]
@@ -10503,7 +10520,7 @@ var Ju = Y.div`
 			children: i
 		})]
 	})] }), p);
-}, ld = (e) => {
+}, cd = (e) => {
 	let { title: t, style: n, align: r, firstCell: i, lastCell: a, sortOrder: s, sortDirections: c = [
 		"ascend",
 		"descend",
@@ -10558,7 +10575,7 @@ var Ju = Y.div`
 			})
 		})
 	});
-}, ud = (e) => {
+}, ld = (e) => {
 	let { onSort: t, sortDirections: n, sorterList: r, showSorterTooltip: i } = e;
 	return /* @__PURE__ */ H(xt, {
 		className: "row",
@@ -10566,7 +10583,7 @@ var Ju = Y.div`
 			let { title: s, dataIndex: c, align: l, width: u, span: d, headerStyle: f, sortOrder: p, sorter: m, defaultSortOrder: h } = a;
 			return /* @__PURE__ */ H(st, {
 				span: d,
-				children: /* @__PURE__ */ H(ld, {
+				children: /* @__PURE__ */ H(cd, {
 					onSort: t,
 					showSorterTooltip: i,
 					sorter: m,
@@ -10585,7 +10602,7 @@ var Ju = Y.div`
 			}, c || o);
 		})
 	});
-}, dd = (e) => {
+}, ud = (e) => {
 	let { hasColumns: t, expandable: n, enableSelection: r, onSelectAll: i, onExpandAll: a, indeterminate: s, selectAll: c, expandAll: l, disabled: u } = e;
 	o();
 	let d = () => {
@@ -10638,13 +10655,13 @@ var Ju = Y.div`
 		className: "header-row-prefix-wrapper",
 		children: /* @__PURE__ */ H(K, { disabled: u })
 	}) : null : null;
-}, fd = (e) => {
+}, dd = (e) => {
 	let { children: t } = e;
 	return /* @__PURE__ */ H("div", {
 		className: "row-children",
 		children: t
 	});
-}, pd = E.createContext({}), md = E.createContext({}), hd = Y.div`
+}, fd = E.createContext({}), pd = E.createContext({}), md = Y.div`
   width: 30px;
   margin-right: 5px;
   &.disable-expand {
@@ -10652,11 +10669,11 @@ var Ju = Y.div`
       display: none;
     }
   }
-`, gd = (e) => {
+`, hd = (e) => {
 	let { expandable: t, enableSelection: n, expanded: r, checked: i, disableExpand: a, handleRowExpand: o, handleSelectChange: s } = e, c = R(() => r, [r]);
 	return t && n ? /* @__PURE__ */ U("div", {
 		className: "row-prefix-wrapper",
-		children: [/* @__PURE__ */ H(hd, {
+		children: [/* @__PURE__ */ H(md, {
 			className: (0, X.default)({ "disable-expand": a }),
 			children: Z.default.isBoolean(t) ? /* @__PURE__ */ H(G, {
 				type: "text",
@@ -10674,7 +10691,7 @@ var Ju = Y.div`
 		})]
 	}) : t ? /* @__PURE__ */ H("div", {
 		className: "row-prefix-wrapper",
-		children: /* @__PURE__ */ H(hd, {
+		children: /* @__PURE__ */ H(md, {
 			className: (0, X.default)({ "disable-expand": a }),
 			children: Z.default.isBoolean(t) ? /* @__PURE__ */ H(G, {
 				type: "text",
@@ -10695,11 +10712,11 @@ var Ju = Y.div`
 			checked: i
 		})
 	}) : null;
-}, _d = Y.div`
+}, gd = Y.div`
   max-width: 100%;
   display: flex;
   align-items: center;
-`, vd = (e) => {
+`, _d = (e) => {
 	let t = o(), { isEditing: n, editable: r, handleSubmit: i, handleUndo: a, handleEdit: s } = e;
 	return r ? n ? /* @__PURE__ */ U("span", {
 		className: "flex-column",
@@ -10735,7 +10752,7 @@ var Ju = Y.div`
 			})
 		}, "edit")
 	}) : null;
-}, yd = (e) => {
+}, vd = (e) => {
 	let { editable: t, current: n, isEditing: r, row: i, render: a, onChange: o } = e;
 	return r && t ? typeof t == "object" && t?.valueType === "number" ? /* @__PURE__ */ H(gt, {
 		style: { width: "80px" },
@@ -10746,9 +10763,9 @@ var Ju = Y.div`
 		value: n,
 		onChange: (e) => o(e.target.value)
 	}) : a ? a(n, i) : n;
-}, bd = (e) => {
-	let { row: t, onCell: n } = P(pd), { dataIndex: r, render: i, editable: a } = e, [o, s] = E.useState(!1), [c, l] = E.useState(null);
-	return /* @__PURE__ */ U(_d, { children: [/* @__PURE__ */ H(yd, {
+}, yd = (e) => {
+	let { row: t, onCell: n } = P(fd), { dataIndex: r, render: i, editable: a } = e, [o, s] = E.useState(!1), [c, l] = E.useState(null);
+	return /* @__PURE__ */ U(gd, { children: [/* @__PURE__ */ H(vd, {
 		onChange: (e) => {
 			l(e);
 		},
@@ -10757,7 +10774,7 @@ var Ju = Y.div`
 		current: o ? c : t[r],
 		row: t,
 		render: i
-	}), /* @__PURE__ */ H(vd, {
+	}), /* @__PURE__ */ H(_d, {
 		editable: a,
 		isEditing: o,
 		handleEdit: () => {
@@ -10777,7 +10794,7 @@ var Ju = Y.div`
 			s(!1);
 		}
 	})] });
-}, xd = Y.div`
+}, bd = Y.div`
   padding: var(--ant-table-cell-padding-block)
     var(--ant-table-cell-padding-inline);
   display: flex;
@@ -10800,22 +10817,22 @@ var Ju = Y.div`
   &.center {
     justify-content: center;
   }
-`, Sd = (e) => {
+`, xd = (e) => {
 	let { dataIndex: t, render: n, align: r, editable: i, dataField: a } = e;
-	return /* @__PURE__ */ H(xd, {
+	return /* @__PURE__ */ H(bd, {
 		className: (0, X.default)("cell", {
 			left: r === "left",
 			center: r === "center",
 			right: r === "right"
 		}),
-		children: /* @__PURE__ */ H(bd, {
+		children: /* @__PURE__ */ H(yd, {
 			dataIndex: a || t,
 			render: n,
 			editable: i
 		})
 	});
-}, Cd = (e) => {
-	let { record: t, rowIndex: n, expandable: r, rowSelection: i, expandedRowKeys: a = [], rowKey: o, childParentKey: s, columns: c, pollingChildren: l, watchChildren: u, onCell: d, onExpand: f, renderChildren: p, loadChildren: m, loadChildrenAPI: h } = e, g = E.useContext(md), [_, v] = B([]), [y, b] = B(!1), x = z(null), S = z(null), C = z([]);
+}, Sd = (e) => {
+	let { record: t, rowIndex: n, expandable: r, rowSelection: i, expandedRowKeys: a = [], rowKey: o, childParentKey: s, columns: c, pollingChildren: l, watchChildren: u, onCell: d, onExpand: f, renderChildren: p, loadChildren: m, loadChildrenAPI: h } = e, g = E.useContext(pd), [_, v] = B([]), [y, b] = B(!1), x = z(null), S = z(null), C = z([]);
 	C.current = _;
 	let w = z(null), [T, D] = B(!0), [O, k] = B(!1);
 	F(() => () => {
@@ -10840,7 +10857,7 @@ var Ju = Y.div`
 		}
 	}, P = zt(async () => {
 		try {
-			w.current?.cancel?.(), w.current = Ji(), b(!0), v(await m?.(t, { token: w.current?.token }) || []), b(!1);
+			w.current?.cancel?.(), w.current = Yi(), b(!0), v(await m?.(t, { token: w.current?.token }) || []), b(!1);
 		} catch {
 			v([]), b(!1);
 		}
@@ -10866,7 +10883,7 @@ var Ju = Y.div`
 		};
 	}, []), F(() => (T && I(), () => {
 		S.current?.current?.cancel?.();
-	}), [T, g.allChildren]), /* @__PURE__ */ H(pd.Provider, {
+	}), [T, g.allChildren]), /* @__PURE__ */ H(fd.Provider, {
 		value: {
 			row: {
 				...t,
@@ -10878,7 +10895,7 @@ var Ju = Y.div`
 			className: "row-box",
 			children: [/* @__PURE__ */ U("div", {
 				className: (0, X.default)("row-wrapper", { "row-wrapper-selected": j }),
-				children: [/* @__PURE__ */ H(gd, {
+				children: [/* @__PURE__ */ H(hd, {
 					expandable: r,
 					enableSelection: i?.enableSelection,
 					expanded: A,
@@ -10890,7 +10907,7 @@ var Ju = Y.div`
 					className: "seal-table-row",
 					children: c?.map(({ key: e, ...t }) => /* @__PURE__ */ H(st, {
 						span: t.span,
-						children: /* @__PURE__ */ H(Sd, { ...t })
+						children: /* @__PURE__ */ H(xd, { ...t })
 					}, `${t.dataIndex}-${n}`))
 				})]
 			}), A && !V && /* @__PURE__ */ H("div", {
@@ -10903,9 +10920,9 @@ var Ju = Y.div`
 			})]
 		})
 	});
-}, wd = ({ dataSource: e, rowKey: t, rowSelection: n, expandable: r, expandedRowKeys: i, onExpand: a, childParentKey: o, pollingChildren: s, watchChildren: c, renderChildren: l, loadChildren: u, loadChildrenAPI: d, columns: f, onCell: p, empty: m }) => e.length ? /* @__PURE__ */ H("div", {
+}, Cd = ({ dataSource: e, rowKey: t, rowSelection: n, expandable: r, expandedRowKeys: i, onExpand: a, childParentKey: o, pollingChildren: s, watchChildren: c, renderChildren: l, loadChildren: u, loadChildrenAPI: d, columns: f, onCell: p, empty: m }) => e.length ? /* @__PURE__ */ H("div", {
 	className: "seal-table-content",
-	children: e.map((e, m) => /* @__PURE__ */ H(Cd, {
+	children: e.map((e, m) => /* @__PURE__ */ H(Sd, {
 		record: e,
 		rowIndex: m,
 		columns: f,
@@ -10925,7 +10942,7 @@ var Ju = Y.div`
 }) : /* @__PURE__ */ H("div", {
 	className: "empty-wrapper",
 	children: m || /* @__PURE__ */ H(ft, { image: ft.PRESENTED_IMAGE_SIMPLE })
-}), Td = (e) => {
+}), wd = (e) => {
 	let t = e.filter((e) => e.defaultSortOrder);
 	return t.length === 0 ? [] : t.map((e) => ({
 		columnKey: e.key || e.dataIndex,
@@ -10933,8 +10950,8 @@ var Ju = Y.div`
 		order: e.defaultSortOrder || null
 	}));
 };
-function Ed(e) {
-	let { onTableSort: t, columns: n } = e, r = z(Td(n || [])), [i, a] = B(Td(n || []));
+function Td(e) {
+	let { onTableSort: t, columns: n } = e, r = z(wd(n || [])), [i, a] = B(wd(n || []));
 	return {
 		sorterListRef: r,
 		sorterList: i,
@@ -10961,19 +10978,19 @@ function Ed(e) {
 }
 //#endregion
 //#region src/lib/components/table/index.tsx
-var Dd = Y.div`
+var Ed = Y.div`
   width: 100%;
   --ant-table-cell-padding-inline: ${(e) => e.$token.cellPaddingInline}px;
   --ant-table-cell-padding-block: ${(e) => e.$token.cellPaddingBlock}px;
   --ant-table-header-border-radius: ${(e) => e.$token.headerBorderRadius}px;
-  --ant-table-header-split-color: ${(e) => e.$token.colorBorderSecondary};
+  --ant-table-header-split-color: ${(e) => e.$token.headerSplitColor};
   --ant-table-row-selected-bg: ${(e) => e.$token.rowSelectedBg};
   --ant-table-row-selected-hover-bg: ${(e) => e.$token.rowSelectedHoverBg};
   --ant-table-row-hover-bg: ${(e) => e.$token.rowHoverBg};
   --ant-table-header-icon-color: ${(e) => e.$token.tableHeaderIconColor};
   --ant-table-header-icon-hover-color: ${(e) => e.$token.tableHeaderIconHoverColor};
-`, Od = (e) => {
-	let { columns: t, children: n, rowKey: r, childParentKey: i, onExpand: a, onExpandAll: o, onTableSort: s, onCell: c, expandedRowKeys: l, loading: u, loadend: d, expandable: f, pollingChildren: p, watchChildren: m, rowSelection: h, pagination: g, empty: _, sortDirections: v, showSorterTooltip: y, renderChildren: b, loadChildren: x, loadChildrenAPI: S } = e, { handleOnTableSort: C, sorterList: w } = Ed({
+`, Dd = (e) => {
+	let { columns: t, children: n, rowKey: r, childParentKey: i, onExpand: a, onExpandAll: o, onTableSort: s, onCell: c, expandedRowKeys: l, loading: u, loadend: d, expandable: f, pollingChildren: p, watchChildren: m, rowSelection: h, pagination: g, empty: _, sortDirections: v, showSorterTooltip: y, renderChildren: b, loadChildren: x, loadChildrenAPI: S } = e, { handleOnTableSort: C, sorterList: w } = Td({
 		onTableSort: s,
 		columns: t
 	}), { token: T } = Lt.useToken(), D = R(() => t || E.Children.toArray(n).filter(E.isValidElement).map((e) => {
@@ -11025,7 +11042,7 @@ var Dd = Y.div`
 	}, F = (e, t) => {
 		g?.onShowSizeChange?.(e, t);
 	};
-	return console.log("token.table", T), /* @__PURE__ */ U(Dd, {
+	return console.log("token.table", T), /* @__PURE__ */ U(Ed, {
 		$token: {
 			...T.Table,
 			tableHeaderIconColor: T.colorTextQuaternary,
@@ -11036,7 +11053,7 @@ var Dd = Y.div`
 			className: "seal-table-container",
 			children: [/* @__PURE__ */ U("div", {
 				className: "header-row-wrapper",
-				children: [/* @__PURE__ */ H(dd, {
+				children: [/* @__PURE__ */ H(ud, {
 					selectAll: k.selectAll,
 					indeterminate: k.indeterminate,
 					onSelectAll: M,
@@ -11046,7 +11063,7 @@ var Dd = Y.div`
 					enableSelection: h?.enableSelection,
 					disabled: !e.dataSource?.length,
 					hasColumns: D.length > 0
-				}), /* @__PURE__ */ H(ud, {
+				}), /* @__PURE__ */ H(ld, {
 					onSort: C,
 					columns: D,
 					sortDirections: v,
@@ -11056,7 +11073,7 @@ var Dd = Y.div`
 			}), /* @__PURE__ */ H(Dt, {
 				spinning: u,
 				size: "middle",
-				children: /* @__PURE__ */ H(wd, {
+				children: /* @__PURE__ */ H(Cd, {
 					empty: _,
 					dataSource: e.dataSource,
 					columns: D,
@@ -11084,16 +11101,16 @@ var Dd = Y.div`
 		})]
 	});
 };
-Od.RowChildren = fd;
+Dd.RowChildren = dd;
 //#endregion
 //#region src/lib/components/table/table-provider.tsx
-var kd = ({ value: e, children: t }) => /* @__PURE__ */ H(md.Provider, {
+var Od = ({ value: e, children: t }) => /* @__PURE__ */ H(pd.Provider, {
 	value: e,
 	children: t
-}), Ad = ({ value: e, children: t }) => /* @__PURE__ */ H(pd.Provider, {
+}), kd = ({ value: e, children: t }) => /* @__PURE__ */ H(fd.Provider, {
 	value: e,
 	children: t
-}), jd = (e) => {
+}), Ad = (e) => {
 	let { gap: t = 0, dataList: n, renderTag: r } = e, i = z(null), [a, o] = B({
 		start: 0,
 		end: n.length
@@ -11157,7 +11174,7 @@ var kd = ({ value: e, children: t }) => /* @__PURE__ */ H(md.Provider, {
 			})]
 		})
 	});
-}, Md = Y(jt)`
+}, jd = Y(jt)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11167,9 +11184,9 @@ var kd = ({ value: e, children: t }) => /* @__PURE__ */ H(md.Provider, {
   height: 22px;
   opacity: 0.7;
   margin: 0;
-`, Nd = ({ opacity: e, style: t, children: n, ...r }) => {
+`, Md = ({ opacity: e, style: t, children: n, ...r }) => {
 	let { config: i } = a(), { isDarkTheme: o } = i;
-	return /* @__PURE__ */ H(Md, {
+	return /* @__PURE__ */ H(jd, {
 		...r,
 		variant: "outlined",
 		style: {
@@ -11179,10 +11196,10 @@ var kd = ({ value: e, children: t }) => /* @__PURE__ */ H(md.Provider, {
 		children: n
 	});
 };
-Nd.displayName = "ThemeTag";
+Md.displayName = "ThemeTag";
 //#endregion
 //#region src/lib/components/templates/card.tsx
-var Pd = Y.div.attrs({ className: "template-card-wrapper" })`
+var Nd = Y.div.attrs({ className: "template-card-wrapper" })`
   overflow: hidden;
   display: flex;
   padding: 16px 16px;
@@ -11219,31 +11236,31 @@ var Pd = Y.div.attrs({ className: "template-card-wrapper" })`
     pointer-events: none;
     border-style: dashed;
   }
-`, Fd = Y.div.attrs({ className: "template-card-content" })`
+`, Pd = Y.div.attrs({ className: "template-card-content" })`
   width: 100%;
   flex: 1;
   color: var(--ant-color-text-tertiary);
-`, Id = Y.div.attrs({ className: "template-card-inner" })`
+`, Fd = Y.div.attrs({ className: "template-card-inner" })`
   display: flex;
   width: 100%;
   flex-direction: column;
   justify-content: flex-start;
   gap: 8px;
   height: 100%;
-`, Ld = Y.div.attrs({ className: "template-card-icon" })`
+`, Id = Y.div.attrs({ className: "template-card-icon" })`
   display: flex;
   align-items: center;
   margin-right: 16px;
   font-size: 32px;
-`, Rd = Y.div.attrs({ className: "template-card-header" })`
+`, Ld = Y.div.attrs({ className: "template-card-header" })`
   font-weight: bold;
   font-size: var(--font-size-base);
   display: flex;
   align-items: center;
   justify-content: space-between;
-`, zd = (e) => {
+`, Rd = (e) => {
 	let { className: t, height: n, children: r, clickable: i = !0, ghost: a = !1, header: o, footer: s, icon: c, active: l, disabled: u, hoverable: d, onClick: f } = e;
-	return /* @__PURE__ */ U(Pd, {
+	return /* @__PURE__ */ U(Nd, {
 		className: (0, X.default)(t, {
 			clickable: i,
 			hoverable: d,
@@ -11255,17 +11272,17 @@ var Pd = Y.div.attrs({ className: "template-card-wrapper" })`
 		onClick: () => {
 			u || !i || f?.();
 		},
-		children: [c && /* @__PURE__ */ H(Ld, { children: c }), /* @__PURE__ */ U(Id, { children: [
-			o && /* @__PURE__ */ H(Rd, { children: o }),
-			r && /* @__PURE__ */ H(Fd, { children: r }),
+		children: [c && /* @__PURE__ */ H(Id, { children: c }), /* @__PURE__ */ U(Fd, { children: [
+			o && /* @__PURE__ */ H(Ld, { children: o }),
+			r && /* @__PURE__ */ H(Pd, { children: r }),
 			s
 		] })]
 	});
-}, Bd = Y.div`
+}, zd = Y.div`
   .ant-skeleton-paragraph {
     margin-bottom: 0;
   }
-`, Vd = (e) => /* @__PURE__ */ H(Tl, {
+`, Bd = (e) => /* @__PURE__ */ H(Tl, {
 	dataList: [
 		,
 		,
@@ -11274,7 +11291,7 @@ var Pd = Y.div.attrs({ className: "template-card-wrapper" })`
 		,
 		,
 	].fill({ label: "skeleton" }),
-	renderItem: () => /* @__PURE__ */ H(Bd, { children: /* @__PURE__ */ H(wt, {
+	renderItem: () => /* @__PURE__ */ H(zd, { children: /* @__PURE__ */ H(wt, {
 		avatar: { size: 32 },
 		paragraph: { rows: 2 },
 		style: {
@@ -11285,7 +11302,7 @@ var Pd = Y.div.attrs({ className: "template-card-wrapper" })`
 		},
 		...e.skeletonProps || {}
 	}) })
-}), Hd = Y.div`
+}), Vd = Y.div`
   width: 100%;
   position: absolute;
   display: flex;
@@ -11298,13 +11315,13 @@ var Pd = Y.div.attrs({ className: "template-card-wrapper" })`
   .skelton-wrapper {
     width: 100%;
   }
-`, Ud = ({ loading: e, isFirst: t }) => /* @__PURE__ */ H("div", { children: e && /* @__PURE__ */ H(Hd, { children: /* @__PURE__ */ H(Dt, {
+`, Hd = ({ loading: e, isFirst: t }) => /* @__PURE__ */ H("div", { children: e && /* @__PURE__ */ H(Vd, { children: /* @__PURE__ */ H(Dt, {
 	size: "middle",
 	spinning: e,
 	style: { width: "100%" },
 	classNames: { root: "skelton-wrapper" },
-	children: t && /* @__PURE__ */ H(Vd, {})
-}) }) }), Wd = (e) => {
+	children: t && /* @__PURE__ */ H(Bd, {})
+}) }) }), Ud = (e) => {
 	let { dataList: t, loading: n, isFirst: r, defaultSpan: i = 8, resizable: a = !0, renderItem: o } = e, { total: s, current: c, loading: l, refresh: u } = Fc();
 	return /* @__PURE__ */ U(Nc, {
 		total: s,
@@ -11316,12 +11333,12 @@ var Pd = Y.div.attrs({ className: "template-card-wrapper" })`
 			renderItem: o,
 			defaultSpan: i,
 			resizable: a
-		}), /* @__PURE__ */ H(Ud, {
+		}), /* @__PURE__ */ H(Hd, {
 			loading: n,
 			isFirst: r
 		})]
 	});
-}, Gd = /* @__PURE__ */ n(((e, t) => {
+}, Wd = /* @__PURE__ */ n(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && typeof t == "object" ? t.exports = r() : typeof define == "function" && define.amd ? define([], r) : typeof e == "object" ? e.FitAddon = r() : n.FitAddon = r();
 	})(self, (() => (() => {
@@ -11352,7 +11369,7 @@ var Pd = Y.div.attrs({ className: "template-card-wrapper" })`
 			};
 		})(), e;
 	})()));
-})), Kd = /* @__PURE__ */ n(((e, t) => {
+})), Gd = /* @__PURE__ */ n(((e, t) => {
 	(function(n, r) {
 		if (typeof e == "object" && typeof t == "object") t.exports = r();
 		else if (typeof define == "function" && define.amd) define([], r);
@@ -18459,9 +18476,9 @@ var Pd = Y.div.attrs({ className: "template-card-wrapper" })`
 			e.Terminal = d;
 		})(), r;
 	})()));
-})), qd = Gd();
-Kd();
-var Jd = Rt(({ token: e, css: t }) => ({
+})), Kd = Wd();
+Gd();
+var qd = Rt(({ token: e, css: t }) => ({
 	wrap: t`
     position: relative;
     text-align: left;
@@ -18480,16 +18497,16 @@ var Jd = Rt(({ token: e, css: t }) => ({
     background-color: var(--color-logs-bg);
     border-radius: 0 0 8px 8px;
   `
-})), Yd = [
+})), Jd = [
 	"bash",
 	"sh",
 	"powershell",
 	"pwsh",
 	"cmd",
 	"bash"
-], Xd = "--- press Y to reconnect! ---", Zd = A((e, t) => {
-	let { height: n, url: r, theme: i } = e, { styles: a } = Jd(), o = E.useRef(null), s = E.useRef(null), c = E.useRef(null), l = E.useRef(""), u = E.useRef(0), d = E.useRef(null), f = E.useRef(5), p = E.useRef(5), h = E.useRef(!0), g = E.useRef(!1), _ = E.useRef(null), v = E.useRef(!1), y = E.useRef(0), [b, x] = E.useState(0), S = new qd.FitAddon(), C = (e) => {
-		u.current >= Yd.length - 1 || (e ? u.current = 0 : u.current += 1, l.current = `${r}&${m.stringify({ shell: Yd[u.current] })}`);
+], Yd = "--- press Y to reconnect! ---", Xd = A((e, t) => {
+	let { height: n, url: r, theme: i } = e, { styles: a } = qd(), o = E.useRef(null), s = E.useRef(null), c = E.useRef(null), l = E.useRef(""), u = E.useRef(0), d = E.useRef(null), f = E.useRef(5), p = E.useRef(5), h = E.useRef(!0), g = E.useRef(!1), _ = E.useRef(null), v = E.useRef(!1), y = E.useRef(0), [b, x] = E.useState(0), S = new Kd.FitAddon(), C = (e) => {
+		u.current >= Jd.length - 1 || (e ? u.current = 0 : u.current += 1, l.current = `${r}&${m.stringify({ shell: Jd[u.current] })}`);
 	}, w = () => (d.current && d.current.readyState) === 1, T = () => {
 		let { cols: e, rows: t } = c.current || {};
 		w() && d.current?.send(`#{"width":${e},"height":${t}}#`);
@@ -18512,7 +18529,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 			1011,
 			1006,
 			1e3
-		].includes(b) ? (v.current = !0, h.current && c.current?.reset?.(), g.current || (c.current?.write?.(j(`(${b})${e.reason}\r\n`)), c.current?.write?.(M(`\r${Xd}`))), h.current = !0) : e.reason && c.current?.write?.(j(`(${b})${e.reason}\r\n`)), g.current = !1;
+		].includes(b) ? (v.current = !0, h.current && c.current?.reset?.(), g.current || (c.current?.write?.(j(`(${b})${e.reason}\r\n`)), c.current?.write?.(M(`\r${Yd}`))), h.current = !0) : e.reason && c.current?.write?.(j(`(${b})${e.reason}\r\n`)), g.current = !1;
 	}, R = (e) => {
 		let { message: t } = e;
 		t || (t = "disconnected!", v.current = !0, h.current = !0, g.current = !1), y.current = d.current.readyState, c.current?.write?.(M(`\r${t}`));
@@ -18546,55 +18563,55 @@ var Jd = Rt(({ token: e, css: t }) => ({
 		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
 		return e;
 	}, $.apply(this, arguments);
-}, Qd = {
+}, Zd = {
 	width: "100%",
 	height: "10px",
 	top: "0px",
 	left: "0px",
 	cursor: "row-resize"
-}, $d = {
+}, Qd = {
 	width: "10px",
 	height: "100%",
 	top: "0px",
 	left: "0px",
 	cursor: "col-resize"
-}, ef = {
+}, $d = {
 	width: "20px",
 	height: "20px",
 	position: "absolute",
 	zIndex: 1
-}, tf = {
-	top: $($({}, Qd), { top: "-5px" }),
-	right: $($({}, $d), {
+}, ef = {
+	top: $($({}, Zd), { top: "-5px" }),
+	right: $($({}, Qd), {
 		left: void 0,
 		right: "-5px"
 	}),
-	bottom: $($({}, Qd), {
+	bottom: $($({}, Zd), {
 		top: void 0,
 		bottom: "-5px"
 	}),
-	left: $($({}, $d), { left: "-5px" }),
-	topRight: $($({}, ef), {
+	left: $($({}, Qd), { left: "-5px" }),
+	topRight: $($({}, $d), {
 		right: "-10px",
 		top: "-10px",
 		cursor: "ne-resize"
 	}),
-	bottomRight: $($({}, ef), {
+	bottomRight: $($({}, $d), {
 		right: "-10px",
 		bottom: "-10px",
 		cursor: "se-resize"
 	}),
-	bottomLeft: $($({}, ef), {
+	bottomLeft: $($({}, $d), {
 		left: "-10px",
 		bottom: "-10px",
 		cursor: "sw-resize"
 	}),
-	topLeft: $($({}, ef), {
+	topLeft: $($({}, $d), {
 		left: "-10px",
 		top: "-10px",
 		cursor: "nw-resize"
 	})
-}, nf = M(function(e) {
+}, tf = M(function(e) {
 	var t = e.onResizeStart, n = e.direction, r = e.children, i = e.replaceStyles, a = e.className, o = N(function(e) {
 		t(e, n);
 	}, [t, n]), s = N(function(e) {
@@ -18603,7 +18620,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 		return $($({
 			position: "absolute",
 			userSelect: "none"
-		}, tf[n]), i ?? {});
+		}, ef[n]), i ?? {});
 	}, [i, n]);
 	return H("div", {
 		className: a || void 0,
@@ -18612,7 +18629,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 		onTouchStart: s,
 		children: r
 	});
-}), rf = (function() {
+}), nf = (function() {
 	var e = function(t, n) {
 		return e = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, t) {
 			e.__proto__ = t;
@@ -18628,34 +18645,34 @@ var Jd = Rt(({ token: e, css: t }) => ({
 		}
 		t.prototype = n === null ? Object.create(n) : (r.prototype = n.prototype, new r());
 	};
-})(), af = function() {
-	return af = Object.assign || function(e) {
+})(), rf = function() {
+	return rf = Object.assign || function(e) {
 		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
 		return e;
-	}, af.apply(this, arguments);
-}, of = {
+	}, rf.apply(this, arguments);
+}, af = {
 	width: "auto",
 	height: "auto"
-}, sf = function(e, t, n) {
+}, of = function(e, t, n) {
 	return Math.max(Math.min(e, n), t);
-}, cf = function(e, t, n) {
+}, sf = function(e, t, n) {
 	var r = Math.round(e / t);
 	return r * t + n * (r - 1);
-}, lf = function(e, t) {
+}, cf = function(e, t) {
 	return new RegExp(e, "i").test(t);
-}, uf = function(e) {
+}, lf = function(e) {
 	return !!(e.touches && e.touches.length);
-}, df = function(e) {
+}, uf = function(e) {
 	return !!((e.clientX || e.clientX === 0) && (e.clientY || e.clientY === 0));
-}, ff = function(e, t, n) {
+}, df = function(e, t, n) {
 	n === void 0 && (n = 0);
 	var r = t.reduce(function(n, r, i) {
 		return Math.abs(r - e) < Math.abs(t[n] - e) ? i : n;
 	}, 0), i = Math.abs(t[r] - e);
 	return n === 0 || i < n ? t[r] : e;
-}, pf = function(e) {
+}, ff = function(e) {
 	return e = e.toString(), e === "auto" || e.endsWith("px") || e.endsWith("%") || e.endsWith("vh") || e.endsWith("vw") || e.endsWith("vmax") || e.endsWith("vmin") ? e : `${e}px`;
-}, mf = function(e, t, n, r) {
+}, pf = function(e, t, n, r) {
 	if (e && typeof e == "string") {
 		if (e.endsWith("px")) return Number(e.replace("px", ""));
 		if (e.endsWith("%")) {
@@ -18672,17 +18689,17 @@ var Jd = Rt(({ token: e, css: t }) => ({
 		}
 	}
 	return e;
-}, hf = function(e, t, n, r, i, a, o) {
-	return r = mf(r, e.width, t, n), i = mf(i, e.height, t, n), a = mf(a, e.width, t, n), o = mf(o, e.height, t, n), {
+}, mf = function(e, t, n, r, i, a, o) {
+	return r = pf(r, e.width, t, n), i = pf(i, e.height, t, n), a = pf(a, e.width, t, n), o = pf(o, e.height, t, n), {
 		maxWidth: r === void 0 ? void 0 : Number(r),
 		maxHeight: i === void 0 ? void 0 : Number(i),
 		minWidth: a === void 0 ? void 0 : Number(a),
 		minHeight: o === void 0 ? void 0 : Number(o)
 	};
-}, gf = function(e) {
+}, hf = function(e) {
 	return Array.isArray(e) ? e : [e, e];
-}, _f = /* @__PURE__ */ "as.ref.style.className.grid.gridGap.snap.bounds.boundsByDirection.size.defaultSize.minWidth.minHeight.maxWidth.maxHeight.lockAspectRatio.lockAspectRatioExtraWidth.lockAspectRatioExtraHeight.enable.handleStyles.handleClasses.handleWrapperStyle.handleWrapperClass.children.onResizeStart.onResize.onResizeStop.handleComponent.scale.resizeRatio.snapGap".split("."), vf = "__resizable_base__", yf = function(e) {
-	rf(t, e);
+}, gf = /* @__PURE__ */ "as.ref.style.className.grid.gridGap.snap.bounds.boundsByDirection.size.defaultSize.minWidth.minHeight.maxWidth.maxHeight.lockAspectRatio.lockAspectRatioExtraWidth.lockAspectRatioExtraHeight.enable.handleStyles.handleClasses.handleWrapperStyle.handleWrapperClass.children.onResizeStart.onResize.onResizeStop.handleComponent.scale.resizeRatio.snapGap".split("."), _f = "__resizable_base__", vf = function(e) {
+	nf(t, e);
 	function t(t) {
 		var n = e.call(this, t) || this;
 		return n.ratio = 1, n.resizable = null, n.parentLeft = 0, n.parentTop = 0, n.resizableLeft = 0, n.resizableRight = 0, n.resizableTop = 0, n.resizableBottom = 0, n.targetLeft = 0, n.targetTop = 0, n.delta = {
@@ -18693,7 +18710,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 			var e = n.parentNode;
 			if (!e) return null;
 			var t = n.window.document.createElement("div");
-			return t.style.width = "100%", t.style.height = "100%", t.style.position = "absolute", t.style.transform = "scale(0, 0)", t.style.left = "0", t.style.flex = "0 0 100%", t.classList ? t.classList.add(vf) : t.className += vf, e.appendChild(t), t;
+			return t.style.width = "100%", t.style.height = "100%", t.style.position = "absolute", t.style.transform = "scale(0, 0)", t.style.left = "0", t.style.flex = "0 0 100%", t.classList ? t.classList.add(_f) : t.className += _f, e.appendChild(t), t;
 		}, n.removeBase = function(e) {
 			var t = n.parentNode;
 			t && t.removeChild(e);
@@ -18738,7 +18755,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 		configurable: !0
 	}), Object.defineProperty(t.prototype, "propsSize", {
 		get: function() {
-			return this.props.size || this.props.defaultSize || of;
+			return this.props.size || this.props.defaultSize || af;
 		},
 		enumerable: !1,
 		configurable: !0
@@ -18765,11 +18782,11 @@ var Jd = Rt(({ token: e, css: t }) => ({
 					var n = e.getParentSize();
 					return `${Number(e.state[t].toString().replace("px", "")) / n[t] * 100}%`;
 				}
-				return pf(e.state[t]);
+				return ff(e.state[t]);
 			};
 			return {
-				width: t && t.width !== void 0 && !this.state.isResizing ? pf(t.width) : n("width"),
-				height: t && t.height !== void 0 && !this.state.isResizing ? pf(t.height) : n("height")
+				width: t && t.width !== void 0 && !this.state.isResizing ? ff(t.width) : n("width"),
+				height: t && t.height !== void 0 && !this.state.isResizing ? ff(t.height) : n("height")
 			};
 		},
 		enumerable: !1,
@@ -18816,7 +18833,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 		var n = this.propsSize && this.propsSize[t];
 		return this.state[t] === "auto" && this.state.original[t] === e && (n === void 0 || n === "auto") ? "auto" : e;
 	}, t.prototype.calculateNewMaxFromBoundary = function(e, t) {
-		var n = this.props.boundsByDirection, r = this.state.direction, i = n && lf("left", r), a = n && lf("top", r), o, s;
+		var n = this.props.boundsByDirection, r = this.state.direction, i = n && cf("left", r), a = n && cf("top", r), o, s;
 		if (this.props.bounds === "parent") {
 			var c = this.parentNode;
 			c && (o = i ? this.resizableRight - this.parentLeft : c.offsetWidth + (this.parentLeft - this.resizableLeft), s = a ? this.resizableBottom - this.parentTop : c.offsetHeight + (this.parentTop - this.resizableTop));
@@ -18826,8 +18843,8 @@ var Jd = Rt(({ token: e, css: t }) => ({
 			maxHeight: t
 		};
 	}, t.prototype.calculateNewSizeFromDirection = function(e, t) {
-		var n = this.props.scale || 1, r = gf(this.props.resizeRatio || 1), i = r[0], a = r[1], o = this.state, s = o.direction, c = o.original, l = this.props, u = l.lockAspectRatio, d = l.lockAspectRatioExtraHeight, f = l.lockAspectRatioExtraWidth, p = c.width, m = c.height, h = d || 0, g = f || 0;
-		return lf("right", s) && (p = c.width + (e - c.x) * i / n, u && (m = (p - g) / this.ratio + h)), lf("left", s) && (p = c.width - (e - c.x) * i / n, u && (m = (p - g) / this.ratio + h)), lf("bottom", s) && (m = c.height + (t - c.y) * a / n, u && (p = (m - h) * this.ratio + g)), lf("top", s) && (m = c.height - (t - c.y) * a / n, u && (p = (m - h) * this.ratio + g)), {
+		var n = this.props.scale || 1, r = hf(this.props.resizeRatio || 1), i = r[0], a = r[1], o = this.state, s = o.direction, c = o.original, l = this.props, u = l.lockAspectRatio, d = l.lockAspectRatioExtraHeight, f = l.lockAspectRatioExtraWidth, p = c.width, m = c.height, h = d || 0, g = f || 0;
+		return cf("right", s) && (p = c.width + (e - c.x) * i / n, u && (m = (p - g) / this.ratio + h)), cf("left", s) && (p = c.width - (e - c.x) * i / n, u && (m = (p - g) / this.ratio + h)), cf("bottom", s) && (m = c.height + (t - c.y) * a / n, u && (p = (m - h) * this.ratio + g)), cf("top", s) && (m = c.height - (t - c.y) * a / n, u && (p = (m - h) * this.ratio + g)), {
 			newWidth: p,
 			newHeight: m
 		};
@@ -18835,8 +18852,8 @@ var Jd = Rt(({ token: e, css: t }) => ({
 		var i = this.props, a = i.lockAspectRatio, o = i.lockAspectRatioExtraHeight, s = i.lockAspectRatioExtraWidth, c = r.width === void 0 ? 10 : r.width, l = n.width === void 0 || n.width < 0 ? e : n.width, u = r.height === void 0 ? 10 : r.height, d = n.height === void 0 || n.height < 0 ? t : n.height, f = o || 0, p = s || 0;
 		if (a) {
 			var m = (u - f) * this.ratio + p, h = (d - f) * this.ratio + p, g = (c - p) / this.ratio + f, _ = (l - p) / this.ratio + f, v = Math.max(c, m), y = Math.min(l, h), b = Math.max(u, g), x = Math.min(d, _);
-			e = sf(e, v, y), t = sf(t, b, x);
-		} else e = sf(e, c, l), t = sf(t, u, d);
+			e = of(e, v, y), t = of(t, b, x);
+		} else e = of(e, c, l), t = of(t, u, d);
 		return {
 			newWidth: e,
 			newHeight: t
@@ -18861,7 +18878,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 	}, t.prototype.onResizeStart = function(e, t) {
 		if (!(!this.resizable || !this.window)) {
 			var n = 0, r = 0;
-			if (e.nativeEvent && df(e.nativeEvent) ? (n = e.nativeEvent.clientX, r = e.nativeEvent.clientY) : e.nativeEvent && uf(e.nativeEvent) && (n = e.nativeEvent.touches[0].clientX, r = e.nativeEvent.touches[0].clientY), !(this.props.onResizeStart && this.resizable && this.props.onResizeStart(e, t, this.resizable) === !1)) {
+			if (e.nativeEvent && uf(e.nativeEvent) ? (n = e.nativeEvent.clientX, r = e.nativeEvent.clientY) : e.nativeEvent && lf(e.nativeEvent) && (n = e.nativeEvent.touches[0].clientX, r = e.nativeEvent.touches[0].clientY), !(this.props.onResizeStart && this.resizable && this.props.onResizeStart(e, t, this.resizable) === !1)) {
 				this.props.size && (this.props.size.height !== void 0 && this.props.size.height !== this.state.height && this.setState({ height: this.props.size.height }), this.props.size.width !== void 0 && this.props.size.width !== this.state.width && this.setState({ width: this.props.size.width })), this.ratio = typeof this.props.lockAspectRatio == "number" ? this.props.lockAspectRatio : this.size.width / this.size.height;
 				var i, a = this.window.getComputedStyle(this.resizable);
 				if (a.flexBasis !== "auto") {
@@ -18880,7 +18897,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 						height: this.size.height
 					},
 					isResizing: !0,
-					backgroundStyle: af(af({}, this.state.backgroundStyle), { cursor: this.window.getComputedStyle(e.target).cursor || "auto" }),
+					backgroundStyle: rf(rf({}, this.state.backgroundStyle), { cursor: this.window.getComputedStyle(e.target).cursor || "auto" }),
 					direction: t,
 					flexBasis: i
 				};
@@ -18890,13 +18907,13 @@ var Jd = Rt(({ token: e, css: t }) => ({
 	}, t.prototype.onMouseMove = function(e) {
 		var t = this;
 		if (!(!this.state.isResizing || !this.resizable || !this.window)) {
-			if (this.window.TouchEvent && uf(e)) try {
+			if (this.window.TouchEvent && lf(e)) try {
 				e.preventDefault(), e.stopPropagation();
 			} catch {}
-			var n = this.props, r = n.maxWidth, i = n.maxHeight, a = n.minWidth, o = n.minHeight, s = uf(e) ? e.touches[0].clientX : e.clientX, c = uf(e) ? e.touches[0].clientY : e.clientY, l = this.state, u = l.direction, d = l.original, f = l.width, p = l.height, m = this.getParentSize(), h = hf(m, this.window.innerWidth, this.window.innerHeight, r, i, a, o);
+			var n = this.props, r = n.maxWidth, i = n.maxHeight, a = n.minWidth, o = n.minHeight, s = lf(e) ? e.touches[0].clientX : e.clientX, c = lf(e) ? e.touches[0].clientY : e.clientY, l = this.state, u = l.direction, d = l.original, f = l.width, p = l.height, m = this.getParentSize(), h = mf(m, this.window.innerWidth, this.window.innerHeight, r, i, a, o);
 			r = h.maxWidth, i = h.maxHeight, a = h.minWidth, o = h.minHeight;
 			var g = this.calculateNewSizeFromDirection(s, c), _ = g.newHeight, v = g.newWidth, y = this.calculateNewMaxFromBoundary(r, i);
-			this.props.snap && this.props.snap.x && (v = ff(v, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (_ = ff(_, this.props.snap.y, this.props.snapGap));
+			this.props.snap && this.props.snap.x && (v = df(v, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (_ = df(_, this.props.snap.y, this.props.snapGap));
 			var b = this.calculateNewSizeFromAspectRatio(v, _, {
 				width: y.maxWidth,
 				height: y.maxHeight
@@ -18905,7 +18922,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 				height: o
 			});
 			if (v = b.newWidth, _ = b.newHeight, this.props.grid) {
-				var x = cf(v, this.props.grid[0], this.props.gridGap ? this.props.gridGap[0] : 0), S = cf(_, this.props.grid[1], this.props.gridGap ? this.props.gridGap[1] : 0), C = this.props.snapGap || 0, w = C === 0 || Math.abs(x - v) <= C ? x : v, T = C === 0 || Math.abs(S - _) <= C ? S : _;
+				var x = sf(v, this.props.grid[0], this.props.gridGap ? this.props.gridGap[0] : 0), S = sf(_, this.props.grid[1], this.props.gridGap ? this.props.gridGap[1] : 0), C = this.props.snapGap || 0, w = C === 0 || Math.abs(x - v) <= C ? x : v, T = C === 0 || Math.abs(S - _) <= C ? S : _;
 				v = w, _ = T;
 			}
 			var E = {
@@ -18953,7 +18970,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 			height: this.props.size.height ?? "auto"
 		}), this.unbindEvents(), this.setState({
 			isResizing: !1,
-			backgroundStyle: af(af({}, this.state.backgroundStyle), { cursor: "auto" })
+			backgroundStyle: rf(rf({}, this.state.backgroundStyle), { cursor: "auto" })
 		}));
 	}, t.prototype.updateSize = function(e) {
 		this.setState({
@@ -18966,7 +18983,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 			className: o,
 			style: a,
 			children: Object.keys(n).map(function(t) {
-				return n[t] === !1 ? null : H(nf, {
+				return n[t] === !1 ? null : H(tf, {
 					direction: t,
 					onResizeStart: e.onResizeStart,
 					replaceStyles: r && r[t],
@@ -18977,8 +18994,8 @@ var Jd = Rt(({ token: e, css: t }) => ({
 		}) : null;
 	}, t.prototype.render = function() {
 		var e = this, t = Object.keys(this.props).reduce(function(t, n) {
-			return _f.indexOf(n) === -1 && (t[n] = e.props[n]), t;
-		}, {}), n = af(af(af({
+			return gf.indexOf(n) === -1 && (t[n] = e.props[n]), t;
+		}, {}), n = rf(rf(rf({
 			position: "relative",
 			userSelect: this.state.isResizing ? "none" : "auto"
 		}, this.props.style), this.sizeStyle), {
@@ -18989,7 +19006,7 @@ var Jd = Rt(({ token: e, css: t }) => ({
 			boxSizing: "border-box",
 			flexShrink: 0
 		});
-		return this.state.flexBasis && (n.flexBasis = this.state.flexBasis), U(this.props.as || "div", af({
+		return this.state.flexBasis && (n.flexBasis = this.state.flexBasis), U(this.props.as || "div", rf({
 			style: n,
 			className: this.props.className
 		}, t, {
@@ -19043,11 +19060,11 @@ Y(G)`
     background: none !important;
   }
 `;
-var bf = A((e, t) => {
+var yf = A((e, t) => {
 	let { defaultWidth: n, defaultHeight: r = 180, minHeight: i = 180, maxHeight: a = 400, children: s, onReSize: c, onReSizeStop: l, ...u } = e;
 	o();
 	let d = z(null);
-	return I(t, () => ({ container: d.current })), /* @__PURE__ */ H(yf, {
+	return I(t, () => ({ container: d.current })), /* @__PURE__ */ H(vf, {
 		ref: d,
 		enable: { top: !0 },
 		defaultSize: {
@@ -19062,7 +19079,7 @@ var bf = A((e, t) => {
 		...u,
 		children: s
 	});
-}), xf = Y.div`
+}), bf = Y.div`
   .ant-tabs {
     .ant-tabs-tab {
       positon: relative;
@@ -19122,11 +19139,11 @@ var bf = A((e, t) => {
       color: var(--ant-color-text);
     }
   }
-`, Sf = ({ terminals: e, currentActive: t, onClose: n }) => {
+`, xf = ({ terminals: e, currentActive: t, onClose: n }) => {
 	let [r, i] = B(t || e[0]?.url || ""), [a, o] = B(300), s = E.useRef(null), c = R(() => e.map((e) => ({
 		key: e.url,
 		label: e.name,
-		children: /* @__PURE__ */ H(Zd, {
+		children: /* @__PURE__ */ H(Xd, {
 			height: a,
 			url: e.url
 		})
@@ -19136,10 +19153,10 @@ var bf = A((e, t) => {
 	}, 200);
 	return F(() => {
 		t && i(t);
-	}, [t]), /* @__PURE__ */ H(bf, {
+	}, [t]), /* @__PURE__ */ H(yf, {
 		onReSize: l,
 		ref: s,
-		children: /* @__PURE__ */ H(xf, { children: /* @__PURE__ */ H(At, {
+		children: /* @__PURE__ */ H(bf, { children: /* @__PURE__ */ H(At, {
 			type: "editable-card",
 			hideAdd: !0,
 			activeKey: r,
@@ -19155,11 +19172,11 @@ var bf = A((e, t) => {
 			}) }
 		}) })
 	});
-}, Cf = ({ terminals: e, open: t, onClose: n, currentActive: r }) => /* @__PURE__ */ H(Sf, {
+}, Sf = ({ terminals: e, open: t, onClose: n, currentActive: r }) => /* @__PURE__ */ H(xf, {
 	terminals: e,
 	currentActive: r,
 	onClose: n
-}), wf = Y.ul`
+}), Cf = Y.ul`
   list-style: none;
   padding-left: 0;
   margin: 0;
@@ -19177,16 +19194,16 @@ var bf = A((e, t) => {
       display: inline-flex;
     }
   }
-`, Tf = (e) => {
+`, wf = (e) => {
 	let t = o(), { list: n } = e;
-	return /* @__PURE__ */ H(wf, { children: n.map((e, n) => /* @__PURE__ */ U("li", { children: [/* @__PURE__ */ U("span", {
+	return /* @__PURE__ */ H(Cf, { children: n.map((e, n) => /* @__PURE__ */ U("li", { children: [/* @__PURE__ */ U("span", {
 		className: "title",
 		children: [e.title?.locale ? t.formatMessage({ id: e.title?.text || "" }) : e.title, ":"]
 	}), /* @__PURE__ */ H("span", {
 		className: "content",
 		children: t.formatMessage({ id: e.tips })
 	})] }, n)) });
-}, Ef = Y.div`
+}, Tf = Y.div`
   .ant-transfer-section {
     width: 100%;
     height: 300px;
@@ -19243,12 +19260,12 @@ var bf = A((e, t) => {
   .ant-pagination {
     justify-content: center;
   }
-`, Df = (e) => {
+`, Ef = (e) => {
 	let t = o(), n = (e) => e.selectedCount ? /* @__PURE__ */ H("span", {
 		style: { color: "var(--ant-color-text-secondary)" },
 		children: t.formatMessage({ id: "common.select.count" }, { count: e.selectedCount })
 	}) : null;
-	return /* @__PURE__ */ H(Ef, { children: /* @__PURE__ */ H(Mt, {
+	return /* @__PURE__ */ H(Tf, { children: /* @__PURE__ */ H(Mt, {
 		...e,
 		selectAllLabels: e.selectAllLabels || [n, n],
 		selectionsIcon: /* @__PURE__ */ H(Ae, { style: {
@@ -19256,7 +19273,7 @@ var bf = A((e, t) => {
 			marginBottom: 3
 		} })
 	}) });
-}, Of = A((e, t) => {
+}, Df = A((e, t) => {
 	let { minHeight: n = 50, header: r, variant: i = "bordered", children: a, setCollapsed: o } = e, [s, c] = B(!0), l = z(null);
 	F(() => {
 		l?.current && (l.current.style.minHeight = s ? `${l.current.scrollHeight || 0}px` : "0px");
@@ -19289,7 +19306,7 @@ var bf = A((e, t) => {
 			})
 		})]
 	});
-}), kf = (e) => {
+}), Of = (e) => {
 	let [t, n] = Ft.useMessage(), { icon: r, accept: i, type: a, size: s = "large", shape: c = "circle" } = e, l = o(), u = (e) => !1, d = (n) => e.maxFileSize && n.size > e.maxFileSize ? (t.open({
 		type: "warning",
 		content: l.formatMessage({ id: "playground.uploadfile.sizeError" }, { size: `${b(e.maxFileSize)}` })
@@ -19326,7 +19343,7 @@ var bf = A((e, t) => {
 			})
 		}), n]
 	});
-}, Af = A((e, t) => {
+}, kf = A((e, t) => {
 	let { lang: n, value: r, config: i, defaultLang: a, height: o = 380, theme: s = "vs-dark", header: c, variant: l = "borderless", placeholder: u } = e, d = z(null), f = (e) => {
 		e.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
 			noSemanticValidation: !1,
@@ -19381,4 +19398,4 @@ var bf = A((e, t) => {
 	});
 });
 //#endregion
-export { dn as Access, gn as AlertBlockInfo, fn as AlertInfo, yn as AudioAnimation, Sn as AudioPlayer, mo as AutoComplete, jn as AutoImage, f as AutoTooltip, Ho as BarChart, Co as BaseSelect, mi as BibtexViewer, gi as CardWrapper, Bs as Cascader, bd as CellContent, Ro as Chart, xi as CheckButtons, Hs as Checkbox, Us as CheckboxField, wi as CollapseContainer, Di as CollapsePanel, wa as ColumnSettings, Aa as ColumnWrapper, Ia as CommandViewer, Ra as ContentWrapper, u as CopyButton, un as CoreUIProvider, Va as DeleteModal, Ua as DividerLine, Ga as DocLink, ki as DropdownActions, qa as DropdownButtons, Ja as DynamicForm, C as EditorWrap, Zo as ErrorMessage, Ws as FieldComponent, bl as FilterBar, $o as FilterForm, vl as FiltersButton, es as FormButtons, Rs as FormDrawer, Is as GSDrawer, Wo as GaugeChart, ic as GrafanaIcon, Go as HBarChart, Ti as HeadlessCollapse, p as HighlightCode, To as INPUT_WIDTH, Q as IconFont, gc as ImageEditor, Nc as InfiniteScroller, Ic as InfiniteScrollerProvider, ed as InfoColumn, xo as Input, go as InputNumber, _o as InputSearch, Rc as LabelCell, Ya as LabelInfo, Wc as LabelSelector, Gc as LabelSelectorProvider, qo as LineChart, Yc as ListInput, Fo as ListMap, tl as LogsViewer, rl as MetadataList, Jo as MixLineBarChart, ns as ModalFooter, al as MoreButton, Xs as MultipleSelect, ul as NoResult, l as OverlayScroller, hl as PageBox, fl as PageBreadcrumb, ml as PageContainerInner, $c as PageSize, yl as PageTools, vo as Password, Sl as Popover, Cl as ProgressBar, wl as RadioButtons, Tl as ResizeContainer, bf as ResizePanel, fd as RowChildren, ec as RowTextarea, Yo as ScatterChart, Ol as ScrollSpyTabs, Pl as ScrollerModal, Pa as SegmentLine, wo as Select, Vl as SelectPanel, Ul as Shortcut, On as SimpleAudio, bi as SimpleCard, Yu as SimpleOverlay, Ys as SimpleSelect, $u as SimpleTable, fi as SingleImage, Do as Slider, Qs as SmallCloseButton, rd as SpeechContent, od as StatusTag, cd as SubDrawer, ko as Switch, rc as SwitchInput, Od as Table, kd as TableProvider, Ad as TableRowProvider, jd as TagsWrapper, zd as TemplateCard, Wd as TemplateCardList, Vd as TemplateCardSkeleton, Cf as TerminalTabs, bo as Textarea, Nd as ThemeTag, $s as ThumbImage, Tf as TooltipList, c as TooltipOverlayScroller, Df as Transfer, Of as TransitionWrapper, kf as UploadAudio, ji as UploadImage, Af as ViewerEditor, Zd as XTerminal, zi as config, ac as icons, Sc as processImage, ga as useAccess, Oi as useActions, Ni as useAddImage, Pi as useAppUtils, Fi as useBodyScroll, Ri as useChunkFetch, Xi as useChunkRequest, Zi as useContainerScroll, a as useCoreUIContext, va as useCoreUISlots, ya as useCurrentUser, Qi as useDeferredRequest, ia as useDownloadLogs, ea as useDownloadStream, aa as useExpandedRowKeys, kl as useFinishFailed, o as useIntl, d as useOverlayScroller, sa as useQueryData, sa as useRequest, oa as useQueryDataList, ca as useRequestToken, la as useResponsive, Al as useScrollActiveChange, Fc as useScrollerContext, ba as useTableFetch, fa as useTableMultiSort, ua as useTableRowSelection, da as useTableSort, Ed as useTableSorter, pa as useUpdateChunkedList, Io as useValidateFields, ma as useWatchList, ha as useWindowResize, Ea as useWrapperContext, S as utils };
+export { dn as Access, gn as AlertBlockInfo, fn as AlertInfo, yn as AudioAnimation, Sn as AudioPlayer, mo as AutoComplete, jn as AutoImage, f as AutoTooltip, Ho as BarChart, Co as BaseSelect, mi as BibtexViewer, gi as CardWrapper, Bs as Cascader, yd as CellContent, Ro as Chart, xi as CheckButtons, Hs as Checkbox, Us as CheckboxField, wi as CollapseContainer, Di as CollapsePanel, wa as ColumnSettings, Aa as ColumnWrapper, Ia as CommandViewer, Ra as ContentWrapper, u as CopyButton, un as CoreUIProvider, Va as DeleteModal, Ua as DividerLine, Ga as DocLink, Ai as DropdownActions, qa as DropdownButtons, Ja as DynamicForm, C as EditorWrap, Zo as ErrorMessage, Ws as FieldComponent, bl as FilterBar, $o as FilterForm, vl as FiltersButton, es as FormButtons, Rs as FormDrawer, Is as GSDrawer, Wo as GaugeChart, ic as GrafanaIcon, Go as HBarChart, Ti as HeadlessCollapse, p as HighlightCode, To as INPUT_WIDTH, Q as IconFont, gc as ImageEditor, Nc as InfiniteScroller, Ic as InfiniteScrollerProvider, $u as InfoColumn, xo as Input, go as InputNumber, _o as InputSearch, Rc as LabelCell, Ya as LabelInfo, Wc as LabelSelector, Gc as LabelSelectorProvider, qo as LineChart, Yc as ListInput, Fo as ListMap, tl as LogsViewer, rl as MetadataList, Jo as MixLineBarChart, ns as ModalFooter, al as MoreButton, Xs as MultipleSelect, ul as NoResult, l as OverlayScroller, hl as PageBox, fl as PageBreadcrumb, ml as PageContainerInner, $c as PageSize, yl as PageTools, vo as Password, Sl as Popover, Cl as ProgressBar, wl as RadioButtons, Tl as ResizeContainer, yf as ResizePanel, dd as RowChildren, ec as RowTextarea, Yo as ScatterChart, Ol as ScrollSpyTabs, Nl as ScrollerModal, Pa as SegmentLine, wo as Select, Bl as SelectPanel, Hl as Shortcut, On as SimpleAudio, bi as SimpleCard, Ju as SimpleOverlay, Ys as SimpleSelect, Qu as SimpleTable, fi as SingleImage, Do as Slider, Qs as SmallCloseButton, nd as SpeechContent, ad as StatusTag, sd as SubDrawer, ko as Switch, rc as SwitchInput, Dd as Table, Od as TableProvider, kd as TableRowProvider, Ad as TagsWrapper, Rd as TemplateCard, Ud as TemplateCardList, Bd as TemplateCardSkeleton, Sf as TerminalTabs, bo as Textarea, Md as ThemeTag, $s as ThumbImage, wf as TooltipList, c as TooltipOverlayScroller, Ef as Transfer, Df as TransitionWrapper, Of as UploadAudio, Mi as UploadImage, kf as ViewerEditor, Xd as XTerminal, Bi as config, ac as icons, Sc as processImage, ki as useAccess, Oi as useActions, Pi as useAddImage, Fi as useAppUtils, Ii as useBodyScroll, zi as useChunkFetch, Zi as useChunkRequest, Ea as useColumnWrapperContext, Ea as useWrapperContext, Qi as useContainerScroll, a as useCoreUIContext, va as useCoreUISlots, ya as useCurrentUser, $i as useDeferredRequest, aa as useDownloadLogs, ta as useDownloadStream, oa as useExpandedRowKeys, kl as useFinishFailed, o as useIntl, d as useOverlayScroller, ca as useQueryData, ca as useRequest, sa as useQueryDataList, la as useRequestToken, ua as useResponsive, Al as useScrollActiveChange, Fc as useScrollerContext, ba as useTableFetch, pa as useTableMultiSort, da as useTableRowSelection, fa as useTableSort, Td as useTableSorter, ma as useUpdateChunkedList, Io as useValidateFields, ha as useWatchList, ga as useWindowResize, S as utils };