@gpustack/core-ui 1.0.0 → 1.0.1

package/dist/index.es.js

@@ -86581,7 +86581,7 @@ var BF = (e) => {
   border-radius: var(--border-radius-lg);
   background-color: var(--ant-color-bg-container);
   box-shadow: none;
-  padding: 10px 16px;
+  padding: 8px 16px;
   border: 1px solid var(--ant-color-border);
 `, tke = (e) => {
 	let { children: t, style: n } = e;
@@ -86644,22 +86644,26 @@ var BF = (e) => {
 			children: r
 		}), /* @__PURE__ */ j("div", {
 			className: "content",
-			children: [/* @__PURE__ */ A("span", {
+			children: [s && /* @__PURE__ */ A("span", {
 				className: n([s], "icon"),
 				style: { backgroundColor: c || "transparent" }
 			}), /* @__PURE__ */ A("span", { children: i })]
 		})]
 	});
 }, ake = (e) => {
-	let { dataList: t, bordered: n } = e;
+	let { dataList: t, bordered: n, styles: r } = e;
 	return /* @__PURE__ */ A(nke, {
-		style: { height: e.height || "100%" },
+		style: {
+			height: e.height || "100%",
+			...r?.wrapper
+		},
 		children: t.map((e, t) => /* @__PURE__ */ A(ike, {
 			title: e.label,
 			content: e.value,
 			bordered: n,
 			color: e.color,
-			iconType: e.iconType
+			iconType: e.iconType,
+			style: { ...r?.item }
 		}, t))
 	});
 }, oke = (e) => {
@@ -87508,33 +87512,33 @@ function jke(e = []) {
 //#endregion
 //#region src/lib/hooks/use-query-data-list.ts
 function Mke(e) {
-	let { key: t, fetchList: n, getLabel: r, getValue: i, errorMsg: a } = e, o = E(null), [s, c] = D([]), { runAsync: l, loading: u, cancel: d } = Wm(async (e, t) => {
-		o.current?.cancel(), o.current = YF();
-		let a = await n(e, {
-			token: o.current?.token,
+	let { key: t, fetchList: n, getLabel: r, getValue: i, responseType: a = "array", errorMsg: o } = e, s = E(null), [c, l] = D([]), { runAsync: u, loading: d, cancel: f } = Wm(async (e, t) => {
+		s.current?.cancel(), s.current = YF();
+		let o = await n(e, {
+			token: s.current?.token,
 			...t || {}
 		});
-		return c(a.items?.map((e) => ({
+		return l(o.items?.map((e) => ({
 			...e,
 			label: r ? r(e) : e.name,
 			value: i ? i(e) : e.id
-		})) || []), a.items || [];
+		})) || []), a === "array" ? o.items || [] : o;
 	}, {
 		manual: !0,
-		onSuccess: () => {},
+		debounceWait: e.debounceWait || 300,
 		onError: (e) => {
-			Ee.error(e?.message || a || `Failed to fetch ${t} list`), c([]);
+			Ee.error(e?.message || o || `Failed to fetch ${t} list`), l([]);
 		}
-	}), f = km(() => {
-		d(), o.current?.cancel();
 	});
 	return S(() => () => {
-		f();
-	}, []), {
-		loading: u,
-		dataList: s,
-		cancelRequest: f,
-		fetchData: l
+		f(), s.current?.cancel();
+	}, [f]), {
+		loading: d,
+		dataList: c,
+		cancelRequest: () => {
+			f(), s.current?.cancel();
+		},
+		fetchData: (e, t) => u(e, t)
 	};
 }
 function Nke(e) {
@@ -107488,6 +107492,7 @@ var DNe = xm.div`
   z-index: 10;
 `, tPe = xm.div`
   position: relative;
+  border-radius: 0 var(--ant-border-radius) var(--ant-border-radius) 0;
   color: var(--ant-color-text-tertiary);
   font-size: var(--font-size-base);
   padding-inline: calc(var(--ant-padding-sm) - 1px);
@@ -108432,6 +108437,7 @@ var DNe = xm.div`
 		required: r,
 		status: s || d,
 		className: "no-focus",
+		disabled: e.disabled,
 		children: /* @__PURE__ */ j(oPe, { children: [/* @__PURE__ */ A(fI, {
 			label: t,
 			description: i
@@ -133164,17 +133170,20 @@ function r4() {
 			backgroundColor: a.colorBgContainerHover,
 			borderColor: "transparent",
 			formatter(e, t) {
-				let n = `<span class="tooltip-x-name">${e[0].axisValue}</span>`;
+				let n = `<span class="tooltip-x-name">${e[0].axisValue}</span>`, r = 0;
 				return e.forEach((e) => {
-					let r = (0, Xm.isFunction)(t) ? t?.(e.data.value) : e.data.value, i = e.seriesType === "bar" ? "2px" : "8px";
+					let i = (0, Xm.isFunction)(t) ? t?.(e.data.value) : e.data?.value;
+					if (i == null) return;
+					r += 1;
+					let a = e.seriesType === "bar" ? "2px" : "8px";
 					n += `<span class="tooltip-item">
           <span class="tooltip-item-name">
-            <span style="display:inline-block;margin-right:5px;border-radius:${i};width:8px;height:8px;background-color:${e.color};"></span>
-            <span class="tooltip-title">${e.seriesName}</span>:
+            <span class="tooltip-item-dot" style="border-radius:${a};background-color:${e.color};"></span>
+            <span class="tooltip-item-title">${e.seriesName}</span>:
           </span>
-            <span class="tooltip-value">${r}</span>
+            <span class="tooltip-value">${i}</span>
       </span>`;
-				}), `<div class="tooltip-wrapper">${n}</div>`;
+				}), `<div class="${r >= 12 ? "tooltip-wrapper tooltip-grid" : "tooltip-wrapper"}">${n}</div>`;
 			}
 		},
 		grid: OJe,
@@ -134627,52 +134636,52 @@ var S4 = (e) => {
 `, _Ye = xm(xe)`
   border-radius: 12px;
 `, C4 = g((e, t) => {
-	let n = E_(), { options: r = [], showTags: i, ...a } = e, [o, s] = d.useState({
+	let n = E_(), { options: r = [], showTags: i, styles: a = {}, optionLabelRender: o, maxTagCount: s, ...c } = e, [l, u] = d.useState({
 		checked: !1,
 		indeterminate: !1
-	}), [c, l] = d.useState(r || []), u = d.useRef(null), f = d.useRef(null);
+	}), [f, p] = d.useState(r || []), m = d.useRef(null), h = d.useRef(null), g = Array.isArray(e.value) && e.value.length === 1, _ = Array.isArray(e.value) && e.value.length === 1 ? 1 : 0;
 	S(() => {
-		l(r || []);
+		p(r || []);
 	}, [r]);
-	let p = (e, t) => {
+	let v = (e, t) => {
 		let { value: n, label: r } = e;
-		return /* @__PURE__ */ j(mYe, { children: [a.value?.includes?.(n) ? /* @__PURE__ */ A(L, { checked: !0 }) : /* @__PURE__ */ A(L, {}), /* @__PURE__ */ A(TF, {
+		return /* @__PURE__ */ j(mYe, { children: [c.value?.includes?.(n) ? /* @__PURE__ */ A(L, { checked: !0 }) : /* @__PURE__ */ A(L, {}), /* @__PURE__ */ A(TF, {
 			ghost: !0,
-			children: r
+			children: o ? o(e) : r
 		})] });
-	}, m = (e) => {
-		let t = e.target.checked, n = c?.map((e) => e.value) || [];
-		s({
+	}, y = (e) => {
+		let t = e.target.checked, n = f?.map((e) => e.value) || [];
+		u({
 			checked: t,
 			indeterminate: !1
 		});
-		let r = [...a.value || []];
-		r = t ? Array.from(new Set([...r, ...n])) : r.filter((e) => !n.includes(e)), a.onChange?.(r, c || []);
-	}, h = (e) => /* @__PURE__ */ j(hYe, { children: [a.mode === "multiple" && /* @__PURE__ */ A(gYe, { children: /* @__PURE__ */ A(L, {
-		checked: o.checked,
-		indeterminate: o.indeterminate,
-		onChange: m,
+		let r = [...c.value || []];
+		r = t ? Array.from(new Set([...r, ...n])) : r.filter((e) => !n.includes(e)), c.onChange?.(r, f || []);
+	}, b = (e) => /* @__PURE__ */ j(hYe, { children: [c.mode === "multiple" && /* @__PURE__ */ A(gYe, { children: /* @__PURE__ */ A(L, {
+		checked: l.checked,
+		indeterminate: l.indeterminate,
+		onChange: y,
 		children: n.formatMessage({ id: "common.checkbox.all" })
-	}) }), e] }), g = (e, t) => {
-		let n = Array.isArray(e) ? e : [e], r = c?.map((e) => e.value) || [], i = n.length === r?.length;
-		s({
+	}) }), e] }), x = (e, t) => {
+		let n = Array.isArray(e) ? e : [e], r = f?.map((e) => e.value) || [], i = n.length === r?.length;
+		u({
 			checked: i,
 			indeterminate: !i && n.length > 0
-		}), a.onChange?.(n, t);
-	}, _ = (e, t) => !t || !t.label ? !1 : t.label.toLowerCase().includes(e.toLowerCase()), v = (e) => {
-		if (!a.value || !Array.isArray(a.value) || e.length === 0) {
-			s({
+		}), c.onChange?.(n, t);
+	}, w = (e, t) => !t || !t.label ? !1 : t.label.toLowerCase().includes(e.toLowerCase()), T = (e) => {
+		if (!c.value || !Array.isArray(c.value) || e.length === 0) {
+			u({
 				checked: !1,
 				indeterminate: !1
 			});
 			return;
 		}
-		let t = new Set(a.value), n = e?.map((e) => e.value) || [], r = n.every((e) => t.has(e));
-		s({
+		let t = new Set(c.value), n = e?.map((e) => e.value) || [], r = n.every((e) => t.has(e));
+		u({
 			checked: r,
 			indeterminate: n.some((e) => t.has(e)) && !r
 		});
-	}, y = (e) => {
+	}, E = (e) => {
 		let { label: t } = e, r = e.isMaxTag ? t.slice(0, -3).slice(1) : t;
 		return /* @__PURE__ */ A(_Ye, {
 			variant: "filled",
@@ -134684,23 +134693,23 @@ var S4 = (e) => {
 				fontSize: "var(--ant-font-size)"
 			},
 			className: "flex-center",
-			children: i ? t : n.formatMessage({ id: "common.select.count" }, { count: r })
+			children: g ? t : n.formatMessage({ id: "common.select.count" }, { count: r })
 		});
-	}, b = (e) => {
-		if (a.showSearch?.onSearch) a.showSearch?.onSearch?.(e);
+	}, D = (e) => {
+		if (c.showSearch?.onSearch) c.showSearch?.onSearch?.(e);
 		else {
 			let t = r?.filter((t) => t.label.toLowerCase().includes(e.toLowerCase()));
-			l(t || []), v(t || []);
+			p(t || []), T(t || []);
 		}
-	}, x = (e) => {
-		a.onBlur?.(e);
-	}, w = (e) => {
-		a.onFocus?.(e);
-	}, T = (e) => {
-		e || (v(r), l(r || []));
+	}, O = (e) => {
+		c.onBlur?.(e);
+	}, k = (e) => {
+		c.onFocus?.(e);
+	}, M = (e) => {
+		e || (T(r), p(r || []));
 	};
 	return S(() => {
-		let e = u.current?.querySelector?.("input");
+		let e = m.current?.querySelector?.("input");
 		if (!e) return;
 		let t = (t) => {
 			t.key === "Backspace" && e.value === "" && (t.stopPropagation(), t.preventDefault());
@@ -134708,34 +134717,40 @@ var S4 = (e) => {
 		return e.addEventListener("keydown", t), () => {
 			e.removeEventListener("keydown", t);
 		};
-	}, [u.current]), C(t, () => ({
+	}, [m.current]), C(t, () => ({
 		focus: () => {
-			f.current?.focus();
+			h.current?.focus();
 		},
 		blur: () => {
-			f.current?.blur();
+			h.current?.blur();
 		}
 	})), /* @__PURE__ */ A("div", {
-		ref: u,
-		style: { width: "inherit" },
+		ref: m,
+		style: { ...a.wrapper },
 		children: /* @__PURE__ */ A(DI, {
-			...a,
-			ref: f,
-			options: c,
-			maxTagCount: a.maxTagCount || 0,
+			...c,
+			style: {
+				width: c.style?.width || "100%",
+				...c.style,
+				...a.select
+			},
+			ref: h,
+			maxTagTextLength: c.maxTagTextLength ?? 15,
+			options: f,
+			maxTagCount: _,
 			defaultActiveFirstOption: !1,
-			popupRender: h,
-			optionRender: p,
+			popupRender: b,
+			optionRender: v,
 			menuItemSelectedIcon: !1,
-			onChange: g,
-			tagRender: y,
-			onBlur: x,
-			onFocus: w,
+			onChange: x,
+			tagRender: E,
+			onBlur: O,
+			onFocus: k,
 			showSearch: {
-				onSearch: b,
-				filterOption: a.showSearch?.filterOption || _
+				onSearch: D,
+				filterOption: c.showSearch?.filterOption || w
 			},
-			onOpenChange: T,
+			onOpenChange: M,
 			children: e.children
 		})
 	});
@@ -136519,125 +136534,134 @@ var M4 = (e) => {
 		totalPage: i
 	};
 }, lXe = g((e, t) => {
-	let { diffHeight: n, url: r, tail: i, enableScorllLoad: a = !0, isDownloading: o } = e, { pageSize: s, page: c, setPage: l, setTotalPage: u, totalPage: d } = cXe(), { setChunkFetch: f } = GF(), p = E(null), [m, h] = D([]), g = E(null), _ = E(i), [v, y] = D(!1), [x, w] = D(!1), [T, O] = D([]), k = E(null), M = E(!1), N = E(c), P = E(d), F = E(!1), [I, L] = D([]), R = E({
+	let { diffHeight: n, url: r, tail: i, enableScorllLoad: a = !0, isDownloading: o, params: s } = e, { pageSize: c, page: l, setPage: u, setTotalPage: d, totalPage: f } = cXe(), { setChunkFetch: p } = GF(), m = E(null), [h, g] = D([]), _ = E(null), v = E(i), [y, x] = D(!1), [w, T] = D(!1), [O, k] = D([]), M = E(null), N = E(!1), P = E(l), F = E(f), I = E(!1), [L, R] = D([]), z = E({
 		pos: "bottom",
 		page: 1
-	}), z = E(0), B = E(!1);
+	}), B = E(0), ee = E(!1);
 	C(t, () => ({ abort() {
-		p.current?.current?.abort?.(), g.current?.terminate?.();
+		m.current?.current?.abort?.(), _.current?.terminate?.();
 	} }));
-	let ee = (e) => {
-		L(e.map((e, t) => ({
+	let te = (e) => {
+		R(e.map((e, t) => ({
 			content: e,
-			uid: `${N.current}-${t}`
+			uid: `${P.current}-${t}`
 		})));
-	}, te = Xm.default.debounce(() => {
-		y(!1), F.current = !1, k.current?.scroller && (k.current.scroller.style["pointer-events"] = "auto");
-	}, 1e3), ne = b(() => {
-		N.current < 1 && (N.current = 1);
-		let e = (N.current - 1) * s, t = N.current * s, n = m.slice(e, t);
-		l(N.current), ee(n);
-	}, [m, s]), re = b(() => {
-		--N.current, ne(), O(["bottom", N.current]), R.current = {
+	}, ne = Xm.default.debounce(() => {
+		x(!1), I.current = !1, M.current?.scroller && (M.current.scroller.style["pointer-events"] = "auto");
+	}, 1e3), re = b(() => {
+		P.current < 1 && (P.current = 1);
+		let e = (P.current - 1) * c, t = P.current * c, n = h.slice(e, t);
+		u(P.current), te(n);
+	}, [h, c]), ie = b(() => {
+		--P.current, re(), k(["bottom", P.current]), z.current = {
 			pos: "bottom",
-			page: N.current
+			page: P.current
 		};
-	}, [ne]), ie = b(() => {
-		N.current += 1, ne(), O(["top", N.current]), R.current = {
+	}, [re]), ae = b(() => {
+		P.current += 1, re(), k(["top", P.current]), z.current = {
 			pos: "top",
-			page: N.current
+			page: P.current
 		};
-	}, [ne]), ae = b(() => {
-		N.current = P.current, ne(), console.log("pageRef.current", N.current), O(["bottom", N.current]), R.current = {
+	}, [re]), oe = b(() => {
+		P.current = F.current, re(), console.log("pageRef.current", P.current), k(["bottom", P.current]), z.current = {
 			pos: "bottom",
-			page: N.current
+			page: P.current
 		};
-	}, [ne]), oe = b(() => {
-		N.current = 1, ne(), O(["top", N.current]), R.current = {
+	}, [re]), se = b(() => {
+		P.current = 1, re(), k(["top", P.current]), z.current = {
 			pos: "top",
-			page: N.current
+			page: P.current
 		};
-	}, [ne]), se = (e) => {
-		F.current && (y(!0), k.current?.scroller && (k.current.scroller.style["pointer-events"] = "none")), g.current.postMessage({
+	}, [re]), V = (e) => {
+		I.current && (x(!0), M.current?.scroller && (M.current.scroller.style["pointer-events"] = "none")), _.current.postMessage({
 			inputStr: e,
-			page: N.current,
-			reset: B.current,
+			page: P.current,
+			reset: ee.current,
+			isDownloading: o
+		}), ee.current = !1;
+	}, ce = async () => {
+		m.current?.current?.abort?.(), _.current?.postMessage({
+			inputStr: "",
+			page: P.current,
+			reset: !0,
 			isDownloading: o
-		}), B.current = !1;
-	}, V = async () => {
-		p.current?.current?.abort?.(), p.current = f({
+		}), m.current = p({
 			url: r,
 			params: {
-				...e.params,
-				tail: _.current,
-				watch: !0
+				tail: v.current,
+				...e.params
 			},
+			watch: s?.watch ?? !0,
 			contentType: "text",
-			handler: se
+			handler: V
 		});
-	}, ce = km(async (e) => {
+	}, le = km(async (e) => {
 		let { isTop: t, isBottom: n } = e;
-		w(t), n ? R.current = {
+		T(t), n ? z.current = {
 			pos: "bottom",
-			page: c
-		} : t ? R.current = {
+			page: l
+		} : t ? z.current = {
 			pos: "top",
-			page: c
-		} : R.current = {
+			page: l
+		} : z.current = {
 			pos: "middle",
-			page: c
-		}, !(v || m.length > 0 && z.current < s - 1 && !M.current || !a) && t && !M.current && (_.current = void 0, V(), M.current = !0, F.current = !0, B.current = !0);
-	}), le = b(() => Xm.default.throttle(() => {
-		T[0] === "top" && R.current.pos === "top" && k.current?.scrollToTop(), R.current.pos === "bottom" && k.current?.scrollToBottom();
-	}, 150), [T]);
-	return S(() => (V(), () => {
-		p.current?.current?.abort?.();
-	}), [r, o]), S(() => {
-		le();
-	}, [T]), S(() => (g.current?.terminate?.(), g.current = new Worker(new URL(
+			page: l
+		}, !(y || h.length > 0 && B.current < c - 1 && !N.current || !a) && t && !N.current && (v.current = void 0, ce(), N.current = !0, I.current = !0, ee.current = !0);
+	}), ue = b(() => Xm.default.throttle(() => {
+		O[0] === "top" && z.current.pos === "top" && M.current?.scrollToTop(), z.current.pos === "bottom" && M.current?.scrollToBottom();
+	}, 150), [O]);
+	return S(() => (ce(), () => {
+		m.current?.current?.abort?.();
+	}), [
+		r,
+		o,
+		e.params
+	]), S(() => {
+		ue();
+	}, [O]), S(() => (_.current?.terminate?.(), _.current = new Worker(new URL(
 		/* @vite-ignore */
 		"" + new URL("assets/parse-worker-Dzai8qsE.js", import.meta.url).href,
 		"" + import.meta.url
-	), { type: "module" }), g.current.onmessage = (e) => {
+	), { type: "module" }), _.current.onmessage = (e) => {
 		let { result: t, lines: n } = e.data;
-		z.current = n, N.current < 1 && (N.current = 1);
-		let r = P.current;
-		P.current = Math.ceil(t.length / s), F.current ? N.current = P.current : N.current === r && R.current.pos === "bottom" && (R.current = {
+		B.current = n, P.current < 1 && (P.current = 1);
+		let r = F.current;
+		F.current = Math.ceil(t.length / c), I.current ? P.current = F.current : P.current === r && z.current.pos === "bottom" && (z.current = {
 			pos: "bottom",
-			page: N.current
-		}, N.current = P.current, O(["bottom", N.current]));
-		let i = (N.current - 1) * s, a = N.current * s, o = t.slice(i, a);
-		h(t), u(P.current), l(N.current), ee(o), te();
+			page: P.current
+		}, P.current = F.current, k(["bottom", P.current]));
+		let i = (P.current - 1) * c, a = P.current * c, o = t.slice(i, a);
+		g(t), d(F.current), u(P.current), te(o), ne();
 	}, () => {
-		g.current && g.current.terminate();
+		_.current && _.current.terminate();
 	}), []), /* @__PURE__ */ A("div", {
 		className: "logs-viewer-wrap-w2",
 		children: /* @__PURE__ */ j("div", {
 			className: "wrap",
 			children: [
 				/* @__PURE__ */ A("div", { children: /* @__PURE__ */ A(oXe, {
-					ref: k,
-					dataList: I,
+					ref: M,
+					dataList: L,
 					diffHeight: n,
-					onScroll: ce
+					onScroll: le
 				}) }),
-				v && /* @__PURE__ */ A(ve, {
+				y && /* @__PURE__ */ A(ve, {
 					size: "middle",
-					spinning: v,
-					className: (0, up.default)({ loading: v })
+					spinning: y,
+					className: (0, up.default)({ loading: y })
 				}),
-				d > 1 && /* @__PURE__ */ A("div", {
+				f > 1 && /* @__PURE__ */ A("div", {
 					className: "pg",
 					children: /* @__PURE__ */ A("div", {
 						className: (0, up.default)("pg-inner", { "at-top": !0 }),
 						children: /* @__PURE__ */ A(sXe, {
-							page: c,
-							total: d,
-							pageSize: s,
-							onNext: ie,
-							onPrev: re,
-							onToFirst: oe,
-							onBackend: ae
+							page: l,
+							total: f,
+							pageSize: c,
+							onNext: ae,
+							onPrev: ie,
+							onToFirst: se,
+							onBackend: oe
 						})
 					})
 				})
@@ -169069,28 +169093,28 @@ var ret = xm.div.attrs(() => ({ className: "markdown-viewer" }))``, iet = (e) =>
 		})]
 	});
 }, bet = (e) => {
-	let { handleInputChange: t, handleSelectChange: n, handleSearch: r, handleDeleteByBatch: i = null, handleClickPrimary: a = null, rowSelection: o, actionItems: s = [], selectOptions: c, showSelect: l, buttonText: u, buttonIcon: d, actionType: f = "button", marginBottom: p = 10, marginTop: m = 10, inputHolder: h, selectHolder: g, right: _, left: v, widths: y, filtersButtonProps: b } = e, x = E_();
+	let { handleInputChange: t, handleSelectChange: n, handleSearch: r, handleDeleteByBatch: i = null, handleClickPrimary: a = null, rowSelection: o, actionItems: s = [], selectOptions: c, showSelect: l, buttonText: u, buttonIcon: d, actionType: f = "button", marginBottom: p = 10, marginTop: m = 10, inputHolder: h, selectHolder: g, select: _, right: v, left: y, widths: b, filtersButtonProps: x } = e, S = E_();
 	return /* @__PURE__ */ A(yet, {
 		marginBottom: p,
 		marginTop: 0,
-		left: v || /* @__PURE__ */ j(_e, { children: [
-			b?.show && /* @__PURE__ */ A(vet, {
-				onClear: b.onClear,
-				onClick: b.onClick,
-				count: b.count
+		left: y || /* @__PURE__ */ j(_e, { children: [
+			x?.show && /* @__PURE__ */ A(vet, {
+				onClear: x.onClear,
+				onClick: x.onClick,
+				count: x.count
 			}),
 			/* @__PURE__ */ A(se, {
 				prefix: /* @__PURE__ */ A(As, { style: { color: "var(--ant-color-text-placeholder)" } }),
-				placeholder: h || x.formatMessage({ id: "common.filter.name" }),
-				style: { width: y?.input || 230 },
+				placeholder: h || S.formatMessage({ id: "common.filter.name" }),
+				style: { width: b?.input || 230 },
 				allowClear: !0,
 				onChange: t
 			}),
 			l && /* @__PURE__ */ A(DI, {
 				allowClear: !0,
-				showSearch: !1,
+				showSearch: _?.showSearch,
 				placeholder: g,
-				style: { width: y?.select || 230 },
+				style: { width: b?.select || 230 },
 				size: "large",
 				onChange: n,
 				options: c
@@ -169102,7 +169126,7 @@ var ret = xm.div.attrs(() => ({ className: "markdown-viewer" }))``, iet = (e) =>
 				icon: /* @__PURE__ */ A(Hs, {})
 			})
 		] }),
-		right: _ || (!a && !i ? null : /* @__PURE__ */ j(_e, {
+		right: v || (!a && !i ? null : /* @__PURE__ */ j(_e, {
 			size: 16,
 			children: [a ? f === "dropdown" ? /* @__PURE__ */ A(VF, {
 				styles: { root: { minWidth: "140px" } },
@@ -169126,7 +169150,7 @@ var ret = xm.div.attrs(() => ({ className: "markdown-viewer" }))``, iet = (e) =>
 				danger: !0,
 				onClick: i,
 				disabled: !o?.selectedRowKeys?.length,
-				children: /* @__PURE__ */ j("span", { children: [x?.formatMessage?.({ id: "common.button.delete" }), o?.selectedRowKeys?.length > 0 && /* @__PURE__ */ j("span", { children: [
+				children: /* @__PURE__ */ j("span", { children: [S?.formatMessage?.({ id: "common.button.delete" }), o?.selectedRowKeys?.length > 0 && /* @__PURE__ */ j("span", { children: [
 					"(",
 					o?.selectedRowKeys?.length,
 					")"
@@ -169431,62 +169455,66 @@ var Bet = xm.div`
   justify-content: space-between;
   border-bottom: 1px solid var(--ant-color-split);
   background-color: var(--ant-color-fill-alter);
-`, Vet = ({ height: e = 300, leftWidth: t = 260, options: n, selectedKeys: r, searchPlaceholder: i, notFoundContent: a, onSelectChange: o }) => {
-	let s = E_(), [c, l] = d.useState(!1), [u, f] = d.useState(!1), [p, m] = D(""), h = T(() => n.filter((e) => e.title.toLowerCase().includes(p.toLowerCase())), [n, p]), g = (e) => {
-		m(e.target.value);
-	}, _ = (e) => {
+`, Vet = ({ height: e = 300, leftWidth: t = 260, options: n, selectedKeys: r, searchPlaceholder: i, notFoundContent: a, onSelectChange: o, styles: s }) => {
+	let c = E_(), [l, u] = d.useState(!1), [f, p] = d.useState(!1), [m, h] = D(""), g = T(() => n.filter((e) => e.title.toLowerCase().includes(m.toLowerCase())), [n, m]), _ = (e) => {
+		h(e.target.value);
+	}, v = (e) => {
 		let t = e.target.checked;
-		if (f(t), l(!1), t) {
-			let e = n.filter((e) => e.title.toLowerCase().includes(p.toLowerCase())).map((e) => e.key);
+		if (p(t), u(!1), t) {
+			let e = n.filter((e) => e.title.toLowerCase().includes(m.toLowerCase())).map((e) => e.key);
 			o(Array.from(new Set([...r, ...e])));
 		} else {
-			let e = n.filter((e) => e.title.toLowerCase().includes(p.toLowerCase())).map((e) => e.key);
+			let e = n.filter((e) => e.title.toLowerCase().includes(m.toLowerCase())).map((e) => e.key);
 			o(r.filter((t) => !e.includes(t)));
 		}
-	}, v = (e) => {
+	}, y = (e) => {
 		if (n.length === 0) {
-			l(!1), f(!1);
+			u(!1), p(!1);
 			return;
 		}
-		let t = n.filter((e) => e.title.toLowerCase().includes(p.toLowerCase())).map((e) => e.key), r = e.filter((e) => t.includes(e));
-		l(r.length > 0 && r.length < t.length), f(r.length === t.length);
+		let t = n.filter((e) => e.title.toLowerCase().includes(m.toLowerCase())).map((e) => e.key), r = e.filter((e) => t.includes(e));
+		u(r.length > 0 && r.length < t.length), p(r.length === t.length);
 	};
 	return S(() => {
-		v(r);
+		y(r);
 	}, [r, n]), /* @__PURE__ */ A(Ret, {
 		$maxHeight: e,
 		$leftWidth: t,
-		children: /* @__PURE__ */ j(zet, { children: [/* @__PURE__ */ j(Bet, { children: [/* @__PURE__ */ j("span", {
-			style: {
-				display: "flex",
-				alignItems: "center",
-				gap: 8,
-				color: "var(--ant-color-text-tertiary)"
-			},
-			children: [/* @__PURE__ */ A(L, {
-				checked: u,
-				indeterminate: c,
+		style: s?.container,
+		children: /* @__PURE__ */ j(zet, { children: [/* @__PURE__ */ j(Bet, {
+			style: s?.header,
+			children: [/* @__PURE__ */ j("span", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 8,
+					color: "var(--ant-color-text-tertiary)"
+				},
+				children: [/* @__PURE__ */ A(L, {
+					checked: f,
+					indeterminate: l,
+					onChange: v
+				}), /* @__PURE__ */ A("span", { children: c.formatMessage({ id: "common.select.count" }, { count: r.length }) })]
+			}), /* @__PURE__ */ A(se, {
+				prefix: /* @__PURE__ */ A(As, { style: { color: "var(--ant-color-text-quaternary)" } }),
+				size: "small",
+				allowClear: !0,
+				status: "null",
+				placeholder: i,
+				style: {
+					width: 300,
+					height: 32,
+					borderRadius: 4,
+					backgroundColor: "var(--ant-color-bg-container) !important"
+				},
 				onChange: _
-			}), /* @__PURE__ */ A("span", { children: s.formatMessage({ id: "common.select.count" }, { count: r.length }) })]
-		}), /* @__PURE__ */ A(se, {
-			prefix: /* @__PURE__ */ A(As, { style: { color: "var(--ant-color-text-quaternary)" } }),
-			size: "small",
-			allowClear: !0,
-			status: "null",
-			placeholder: i,
-			style: {
-				width: 300,
-				height: 32,
-				borderRadius: 4,
-				backgroundColor: "var(--ant-color-bg-container) !important"
-			},
-			onChange: g
-		})] }), h.length > 0 ? /* @__PURE__ */ A(Let, {
+			})]
+		}), g.length > 0 ? /* @__PURE__ */ A(Let, {
 			maxHeight: e - 50,
-			dataList: h,
+			dataList: g,
 			selectedKeys: r,
 			onSelectChange: (e) => {
-				o(e), v(e);
+				o(e), y(e);
 			}
 		}) : /* @__PURE__ */ A(re, {
 			image: re.PRESENTED_IMAGE_SIMPLE,
@@ -179033,7 +179061,7 @@ var knt = lp(({ token: e, css: t }) => ({
 	}, t;
 }(p);
 //#endregion
-//#region src/lib/components/terminal-tabs/resize-container.tsx
+//#region src/lib/components/terminal-tabs/resize-panel.tsx
 xm(P)`
   position: absolute;
   padding: 0;
@@ -179544,4 +179572,4 @@ var ort = xm.div`
 	});
 });
 //#endregion
-export { Uae as AlertBlockInfo, Tc as AlertInfo, T_ as AudioAnimation, TOe as AudioPlayer, bI as AutoComplete, OF as AutoImage, TF as AutoTooltip, kJe as BarChart, DI as BaseSelect, $Oe as BibtexViewer, tke as CardWrapper, lYe as Cascader, tnt as CellContent, n4 as Chart, oke as CheckButtons, dYe as Checkbox, fYe as CheckboxField, lke as CollapseContainer, fke as CollapsePanel, Hke as ColumnSettings, rI as ColumnWrapper, INe as CommandViewer, LNe as ContentWrapper, iI as CopyButton, Tr as CoreUIProvider, BNe as DeleteModal, HNe as DividerLine, WNe as DocLink, VF as DropdownActions, GNe as DropdownButtons, KNe as DynamicForm, aI as EditorWrap, RJe as ErrorMessage, pYe as FieldComponent, bet as FilterBar, zJe as FilterForm, vet as FiltersButton, BJe as FormButtons, sYe as FormDrawer, aet as FullMarkdown, S4 as GSDrawer, jJe as GaugeChart, wYe as GrafanaIcon, MJe as HBarChart, uke as HeadlessCollapse, cI as HighlightCode, kI as INPUT_WIDTH, EF as IconFont, PYe as ImageEditor, M4 as InfiniteScroller, qYe as InfiniteScrollerProvider, ztt as InfoColumn, EI as Input, SI as InputNumber, CI as InputSearch, YYe as LabelCell, fI as LabelInfo, eXe as LabelSelector, tXe as LabelSelectorProvider, PJe as LineChart, iXe as ListInput, dPe as ListMap, lXe as LogsViewer, TZe as MarkdownViewer, set as MetadataList, FJe as MixLineBarChart, o4 as ModalFooter, uet as MoreButton, vYe as MultipleSelect, het as NoResult, S_ as OverlayScroller, _et as PageBreadcrumb, L4 as PageSize, yet as PageTools, wI as Password, Cet as Popover, wet as ProgressBar, Tet as RadioButtons, D9 as ResizeContainer, Jtt as RowChildren, bYe as RowTextarea, IJe as ScatterChart, Oet as ScrollSpyTabs, Pet as ScrollerModal, lI as SegmentLine, OI as Select, Vet as SelectPanel, Uet as Shortcut, MOe as SimpleAudio, ake as SimpleCard, Ptt as SimpleOverlay, C4 as SimpleSelect, Rtt as SimpleTable, BF as SingleImage, AI as Slider, w4 as SmallCloseButton, Htt as SpeechContent, Wtt as StatusTag, jI as Switch, CYe as SwitchInput, lnt as Table, unt as TableProvider, dnt as TableRowProvider, fnt as TagsWrapper, bnt as TemplateCard, Tnt as TemplateCardList, Snt as TemplateCardSkeleton, Xnt as TerminalTabs, TI as Textarea, mnt as ThemeTag, T4 as ThumbImage, Qnt as TooltipList, C_ as TooltipOverlayScroller, ert as Transfer, trt as TransitionWrapper, nrt as UploadAudio, HF as UploadImage, rrt as ViewerEditor, Mnt as XTerminal, lrt as YamlEditor, yke as config, TYe as icons, zYe as processImage, pke as useActions, UF as useAddImage, gke as useAppUtils, WF as useBodyScroll, GF as useChunkFetch, XF as useChunkRequest, Eke as useContainerScroll, b_ as useCoreUIContext, Dke as useDeferredRequest, Ake as useDownloadLogs, QF as useDownloadStream, jke as useExpandedRowKeys, ket as useFinishFailed, E_ as useIntl, x_ as useOverlayScroller, Nke as useQueryData, Mke as useQueryDataList, Pke as useRequestToken, $F as useResponsive, Aet as useScrollActiveChange, P4 as useScrollerContext, Lke as useTableMultiSort, Fke as useTableRowSelection, Ike as useTableSort, snt as useTableSorter, eI as useUpdateChunkedList, fPe as useValidateFields, Rke as useWatchList, zke as useWindowResize, Uke as useWrapperContext, dOe as utils };
+export { Uae as AlertBlockInfo, Tc as AlertInfo, T_ as AudioAnimation, TOe as AudioPlayer, bI as AutoComplete, OF as AutoImage, TF as AutoTooltip, kJe as BarChart, DI as BaseSelect, $Oe as BibtexViewer, tke as CardWrapper, lYe as Cascader, tnt as CellContent, n4 as Chart, oke as CheckButtons, dYe as Checkbox, fYe as CheckboxField, lke as CollapseContainer, fke as CollapsePanel, Hke as ColumnSettings, rI as ColumnWrapper, INe as CommandViewer, LNe as ContentWrapper, iI as CopyButton, Tr as CoreUIProvider, BNe as DeleteModal, HNe as DividerLine, WNe as DocLink, VF as DropdownActions, GNe as DropdownButtons, KNe as DynamicForm, aI as EditorWrap, RJe as ErrorMessage, pYe as FieldComponent, bet as FilterBar, zJe as FilterForm, vet as FiltersButton, BJe as FormButtons, sYe as FormDrawer, aet as FullMarkdown, S4 as GSDrawer, jJe as GaugeChart, wYe as GrafanaIcon, MJe as HBarChart, uke as HeadlessCollapse, cI as HighlightCode, kI as INPUT_WIDTH, EF as IconFont, PYe as ImageEditor, M4 as InfiniteScroller, qYe as InfiniteScrollerProvider, ztt as InfoColumn, EI as Input, SI as InputNumber, CI as InputSearch, YYe as LabelCell, fI as LabelInfo, eXe as LabelSelector, tXe as LabelSelectorProvider, PJe as LineChart, iXe as ListInput, dPe as ListMap, lXe as LogsViewer, TZe as MarkdownViewer, set as MetadataList, FJe as MixLineBarChart, o4 as ModalFooter, uet as MoreButton, vYe as MultipleSelect, het as NoResult, S_ as OverlayScroller, _et as PageBreadcrumb, L4 as PageSize, yet as PageTools, wI as Password, Cet as Popover, wet as ProgressBar, Tet as RadioButtons, D9 as ResizeContainer, qnt as ResizePanel, Jtt as RowChildren, bYe as RowTextarea, IJe as ScatterChart, Oet as ScrollSpyTabs, Pet as ScrollerModal, lI as SegmentLine, OI as Select, Vet as SelectPanel, Uet as Shortcut, MOe as SimpleAudio, ake as SimpleCard, Ptt as SimpleOverlay, C4 as SimpleSelect, Rtt as SimpleTable, BF as SingleImage, AI as Slider, w4 as SmallCloseButton, Htt as SpeechContent, Wtt as StatusTag, jI as Switch, CYe as SwitchInput, lnt as Table, unt as TableProvider, dnt as TableRowProvider, fnt as TagsWrapper, bnt as TemplateCard, Tnt as TemplateCardList, Snt as TemplateCardSkeleton, Xnt as TerminalTabs, TI as Textarea, mnt as ThemeTag, T4 as ThumbImage, Qnt as TooltipList, C_ as TooltipOverlayScroller, ert as Transfer, trt as TransitionWrapper, nrt as UploadAudio, HF as UploadImage, rrt as ViewerEditor, Mnt as XTerminal, lrt as YamlEditor, yke as config, TYe as icons, zYe as processImage, pke as useActions, UF as useAddImage, gke as useAppUtils, WF as useBodyScroll, GF as useChunkFetch, XF as useChunkRequest, Eke as useContainerScroll, b_ as useCoreUIContext, Dke as useDeferredRequest, Ake as useDownloadLogs, QF as useDownloadStream, jke as useExpandedRowKeys, ket as useFinishFailed, E_ as useIntl, x_ as useOverlayScroller, Nke as useQueryData, Mke as useQueryDataList, Pke as useRequestToken, $F as useResponsive, Aet as useScrollActiveChange, P4 as useScrollerContext, Lke as useTableMultiSort, Fke as useTableRowSelection, Ike as useTableSort, snt as useTableSorter, eI as useUpdateChunkedList, fPe as useValidateFields, Rke as useWatchList, zke as useWindowResize, Uke as useWrapperContext, dOe as utils };