@gpustack/core-ui 1.0.16 → 1.0.17

package/dist/index.es.js

@@ -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 = () => {
@@ -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, {
@@ -7058,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) => {
@@ -7543,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,
@@ -7663,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) => {
@@ -7705,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 = () => {
@@ -8631,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);
@@ -9041,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,
@@ -9131,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,
@@ -9259,7 +9263,7 @@ var Dl = Y.div`
   overflow: hidden;
   white-space: nowrap;
 `, Nl = (e) => {
-	let t = E.useRef(null), { saveScrollHeight: n, restoreScrollHeight: r } = Fi(), { initialize: i, destroyInstance: a, scrollToBottom: o } = d();
+	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(() => {
@@ -10271,7 +10275,7 @@ var qu = 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);
@@ -10361,7 +10365,7 @@ var qu = Y.div`
   overflow: hidden;
   text-overflow: ellipsis;
 `, 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(() => Hi[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 { 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",
@@ -10446,10 +10450,10 @@ var qu = Y.div`
 	content: "styles-module__content___d1qHZ",
 	footer: "styles-module__footer___wE8uH"
 }, 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 = N(() => {
+	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?.() ?? y()), g(!0);
@@ -10853,7 +10857,7 @@ var qu = 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);
 		}
@@ -19394,4 +19398,4 @@ var yf = 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, 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, 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, $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, ji as UploadImage, kf as ViewerEditor, Xd 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, Ea as useColumnWrapperContext, Ea as useWrapperContext, 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, Td as useTableSorter, pa as useUpdateChunkedList, Io as useValidateFields, ma as useWatchList, ha as useWindowResize, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpustack/core-ui",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "private": false,
   "sideEffects": [
     "**/*.css",