@gpustack/core-ui 1.0.22 → 1.0.24

package/dist/assets/{parse-worker-Dzai8qsE.js → parse-worker-DASzfShu.js}

@@ -1,5 +1,5 @@
-(function(){let e=/\x1b\[(\d*);?(\d*)?([A-DJKHfm])/g,t=e=>e.startsWith(`(…)`)?e.slice(3):e,n=new class{cursorRow=0;cursorCol=0;screen=[[``]];rawDataRows=0;uid=0;isProcessing=!1;taskQueue=[];page=1;progress=0;percent=0;isComplete=!1;chunked=!0;reminder=``;lines=[];isDownloading=!1;pageSize=500;colorMap={30:`black`,31:`red`,32:`green`,33:`yellow`,34:`blue`,35:`magenta`,36:`cyan`,37:`white`};constructor(){this.reset()}reset(){this.cursorRow=0,this.cursorCol=0,this.screen=[[``]],this.rawDataRows=0,this.uid+=1,this.lines=[],this.reminder=``,this.page=1}setPage(e){this.page=e??1}setPercent(e){this.percent=e??0}setProgress(e){this.progress=e??0}setIsCompelete(e){this.isComplete=e}setChunked(e){this.chunked=e??!0}setIsDownloading(e){this.isDownloading=e}setId(){return this.uid+=1,this.uid}handleText(e){for(let t=0;t<e.length;t++){let n=e[t];if(n===`\r`){if(e[t+1]===`
+(function(){let e=/\x1b\[(\d*);?(\d*)?([A-DJKHfm])/g,t=e=>e.startsWith(`(…)`)?e.slice(3):e,n=new class{cursorRow=0;cursorCol=0;screen=[[``]];rawDataRows=0;uid=0;isProcessing=!1;taskQueue=[];page=1;progress=0;percent=0;isComplete=!1;chunked=!0;reminder=``;lines=[];isDownloading=!1;pageSize=500;resetFlag=!1;colorMap={30:`black`,31:`red`,32:`green`,33:`yellow`,34:`blue`,35:`magenta`,36:`cyan`,37:`white`};constructor(){this.reset()}reset(){this.cursorRow=0,this.cursorCol=0,this.screen=[[``]],this.rawDataRows=0,this.uid+=1,this.lines=[],this.reminder=``,this.page=1,this.resetFlag=!0}setPage(e){this.page=e??1}setPercent(e){this.percent=e??0}setProgress(e){this.progress=e??0}setIsCompelete(e){this.isComplete=e}setChunked(e){this.chunked=e??!0}setIsDownloading(e){this.isDownloading=e}setId(){return this.uid+=1,this.uid}handleText(e){for(let t=0;t<e.length;t++){let n=e[t];if(n===`\r`){if(e[t+1]===`
 `)continue;this.cursorCol=0}else if(n===`
 `)this.rawDataRows++,this.cursorRow++,this.cursorCol=0,this.screen[this.cursorRow]||(this.screen[this.cursorRow]=[``]);else{let e=this.screen[this.cursorRow]||(this.screen[this.cursorRow]=[``]);e[this.cursorCol]=n||``,this.cursorCol++}}}handleAnsiSequence(e,t){let n=parseInt(e[1]||`1`,10),r=parseInt(e[2]||`1`,10);switch(e[3]){case`A`:this.cursorRow=Math.max(0,this.cursorRow-n);break;case`B`:this.cursorRow+=n;break;case`C`:this.cursorCol+=n;break;case`D`:this.cursorCol=Math.max(0,this.cursorCol-n);break;case`H`:this.cursorRow=Math.max(0,n-1),this.cursorCol=Math.max(0,r-1);break;case`J`:n===2&&this.reset();break;case`m`:break}for(;this.screen.length<=this.cursorRow&&!t;)this.screen.push([``]);for(;this.screen[this.cursorRow].length<=this.cursorCol&&!t;)this.screen[this.cursorRow].push(``)}processInput(n){let r,i=0;for(;(r=e.exec(n))!==null;){let t=n.slice(i,r.index);this.handleText(t),i=e.lastIndex,this.handleAnsiSequence(r,i===n.length-1)}let a=n.slice(i);return this.handleText(a),{data:this.screen.map((e,n)=>t(e.join(``))),lines:this.rawDataRows,remainder:``}}getScreenText(){return this.screen.map(e=>t(e.join(``))).join(`
-`)}processInputByLine(e){let t=e?.split(/\r?\n/)||[],n=t.pop()||``;return this.rawDataRows+=t.length,t.forEach(e=>{this.lines.push(e)}),{data:this.lines,lines:this.rawDataRows,remainder:n}}getAllLines(){return this.lines.join(`
-`)}async processQueue(){if(!this.isProcessing){for(this.isProcessing=!0;this.taskQueue.length>0;){let e=``;if(e=this.isDownloading?this.taskQueue.shift()||``:this.reminder+this.taskQueue.shift(),e)try{let t=this.isDownloading?this.processInput(e):this.processInputByLine(e);this.isDownloading||(this.reminder=t.remainder),this.chunked?self.postMessage({result:t.data,lines:t.lines}):this.isComplete||self.postMessage({result:``,percent:this.percent,isComplete:!1})}catch(e){console.error(`Error processing input:`,e)}await new Promise(e=>{setTimeout(e,0)})}this.isProcessing=!1,this.taskQueue.length>0?this.processQueue():this.isComplete&&!this.chunked&&(self.postMessage({result:this.getAllLines(),percent:this.percent,isComplete:!0}),this.reset())}}enqueueData(e){this.taskQueue.push(e),this.isProcessing||this.processQueue()}};self.onmessage=function(e){let{inputStr:t,reset:r,page:i,isComplete:a=!1,chunked:o=!0,percent:s=0,isDownloading:c=!1}=e.data;n.setIsDownloading(c),n.setPage(i),n.setIsCompelete(a),n.setChunked(o),n.setPercent(s),r&&n.reset(),n.enqueueData(t)},self.onerror=function(e){console.error(`parse logs error===`,e)}})();
+`)}processInputByLine(e){let t=e?.split(/\r?\n/)||[],n=t.pop()||``;return this.rawDataRows+=t.length,this.chunked||t.forEach(e=>{this.lines.push(e)}),{data:t,lines:this.rawDataRows,remainder:n}}getAllLines(){return this.lines.join(`
+`)}async processQueue(){if(!this.isProcessing){for(this.isProcessing=!0;this.taskQueue.length>0;){let e=``;if(e=this.isDownloading?this.taskQueue.shift()||``:this.reminder+this.taskQueue.shift(),e)try{let t=this.isDownloading?this.processInput(e):this.processInputByLine(e);this.isDownloading||(this.reminder=t.remainder),this.chunked?(self.postMessage({result:t.data,lines:t.lines,append:!this.isDownloading,reset:this.resetFlag}),this.resetFlag=!1):this.isComplete||self.postMessage({result:``,percent:this.percent,isComplete:!1})}catch(e){console.error(`Error processing input:`,e)}await new Promise(e=>{setTimeout(e,0)})}this.isProcessing=!1,this.taskQueue.length>0?this.processQueue():this.isComplete&&!this.chunked&&(self.postMessage({result:this.getAllLines(),percent:this.percent,isComplete:!0}),this.reset())}}enqueueData(e){this.taskQueue.push(e),this.isProcessing||this.processQueue()}};self.onmessage=function(e){let{inputStr:t,reset:r,page:i,isComplete:a=!1,chunked:o=!0,percent:s=0,isDownloading:c=!1}=e.data;n.setIsDownloading(c),n.setPage(i),n.setIsCompelete(a),n.setChunked(o),n.setPercent(s),r&&n.reset(),n.enqueueData(t)},self.onerror=function(e){console.error(`parse logs error===`,e)}})();

package/dist/{highlight-code-CLpz1xT8.js → highlight-code-C8SfAI6k.js}

@@ -28,16 +28,17 @@ function D(e) {
 		},
 		events: { ...a },
 		defer: s
-	}), b = () => {
+	});
+	p.current = y?.(), f.current = p.current?.elements()?.scrollEventElement;
+	let b = () => {
 		let e = f.current?.scrollTop, t = f.current?.scrollHeight;
 		e + f.current?.clientHeight + 20 >= t ? g.current = !1 : g.current = !0;
-	}, x = (0, T.throttle)(() => {
-		let e = f.current, t = p.current;
-		e?.scrollTo?.({
-			top: e.scrollHeight,
+	}, x = S((0, T.throttle)(() => {
+		f.current?.scrollTo?.({
+			top: f.current?.scrollHeight,
 			behavior: "smooth"
-		}), t?.update?.();
-	}, 100), w = S(() => {
+		}), p.current?.update?.();
+	}, 100)), w = S(() => {
 		f.current?.scrollTo?.({
 			top: f.current.scrollHeight,
 			behavior: "auto"
@@ -66,7 +67,7 @@ function D(e) {
 		initialize: N,
 		instance: p,
 		scrollEventElement: f,
-		initialized: m,
+		initialized: m.current,
 		getScrollElementScrollableHeight: () => {
 			(!p.current || !f.current) && (p.current = y?.(), f.current = p.current?.elements()?.scrollEventElement);
 			let e = p.current?.elements().viewport;
@@ -227,7 +228,10 @@ var O = { wrapper: "index-module__wrapper___AP3Au" }, k = ({ children: e, maxHei
 		} catch {
 			a = !1;
 		} finally {
-			document.body.removeChild(t), n && (n.removeAllRanges(), r && n.addRange(r)), i?.focus?.();
+			document.body.removeChild(t);
+			try {
+				n && (n.removeAllRanges(), r && n.addRange(r)), i?.focus?.();
+			} catch {}
 		}
 		return a;
 	}, k = async () => {
@@ -19026,7 +19030,10 @@ var mr = x.div`
 	children: [/* @__PURE__ */ f("span", { children: t }), /* @__PURE__ */ f(N, {
 		text: e || "",
 		size: "small",
-		style: { color: "#abb2bf" }
+		style: {
+			color: "#abb2bf",
+			backgroundColor: n === "dark" ? "transparent" : "#fff"
+		}
 	})]
 }) : null, _r = (e) => {
 	let { code: t = "", copyValue: n, lang: r, autodetect: i = !0, ignoreIllegals: a = !0, copyable: o = !0, height: s = "auto", style: c, xScrollable: u = !1 } = e || {}, d = l(() => {

package/dist/index.es.js

@@ -1,7 +1,7 @@
 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-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-CLpz1xT8.js";
+import { a as c, i as l, n as u, o as d, r as f, t as p } from "./highlight-code-C8SfAI6k.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-LcV3ZHZv.js";
 import w from "axios";
@@ -2973,7 +2973,7 @@ function ra() {
 	};
 	return F(() => (t.current?.terminate?.(), t.current = new Worker(new URL(
 		/* @vite-ignore */
-		"" + new URL("assets/parse-worker-Dzai8qsE.js", import.meta.url).href,
+		"" + new URL("assets/parse-worker-DASzfShu.js", import.meta.url).href,
 		"" + import.meta.url
 	), { type: "module" }), t.current.onmessage = (t) => {
 		let { result: n, isComplete: a, percent: s } = t.data, c = e.current?.current?.signal?.aborted;
@@ -8596,61 +8596,61 @@ var Pc = (e) => {
 		totalPage: i
 	};
 }, nl = 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 } = tl(), { setChunkFetch: m } = Vi(), 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 } = tl(), { setChunkFetch: m } = Vi(), h = z(null), g = z([]), _ = z(null), v = z(i), [y, b] = B(!1), [x, S] = B(!1), [C, w] = B([]), T = z(null), E = z(!1), D = z(u), O = z(p), k = z(!1), [A, j] = B([]), M = z({
 		pos: "bottom",
 		page: 1
-	}), L = z(0), R = z(!1);
+	}), P = z(0), L = z(!1);
 	I(t, () => ({ abort() {
-		h.current?.current?.abort?.(), v.current?.terminate?.();
+		h.current?.current?.abort?.(), _.current?.terminate?.();
 	} }));
 	let ee = (e) => {
-		M(e.map((e, t) => ({
+		j(e.map((e, t) => ({
 			content: e,
-			uid: `${O.current}-${t}`
+			uid: `${D.current}-${t}`
 		})));
 	}, V = Z.default.debounce(() => {
-		x(!1), A.current = !1, E.current?.scroller && (E.current.scroller.style["pointer-events"] = "auto");
+		b(!1), k.current = !1, T.current?.scroller && (T.current.scroller.style["pointer-events"] = "auto");
 	}, 1e3), W = N(() => {
-		O.current < 1 && (O.current = 1);
-		let e = (O.current - 1) * l, t = O.current * l, n = g.slice(e, t);
-		d(O.current), ee(n);
-	}, [g, l]), te = N(() => {
-		--O.current, W(), T(["bottom", O.current]), P.current = {
+		D.current < 1 && (D.current = 1);
+		let e = (D.current - 1) * l, t = D.current * l, n = g.current.slice(e, t);
+		d(D.current), ee(n);
+	}, [l]), te = N(() => {
+		--D.current, W(), w(["bottom", D.current]), M.current = {
 			pos: "bottom",
-			page: O.current
+			page: D.current
 		};
 	}, [W]), ne = N(() => {
-		O.current += 1, W(), T(["top", O.current]), P.current = {
+		D.current += 1, W(), w(["top", D.current]), M.current = {
 			pos: "top",
-			page: O.current
+			page: D.current
 		};
 	}, [W]), re = N(() => {
-		O.current = k.current, W(), console.log("pageRef.current", O.current), T(["bottom", O.current]), P.current = {
+		D.current = O.current, W(), console.log("pageRef.current", D.current), w(["bottom", D.current]), M.current = {
 			pos: "bottom",
-			page: O.current
+			page: D.current
 		};
 	}, [W]), ie = N(() => {
-		O.current = 1, W(), T(["top", O.current]), P.current = {
+		D.current = 1, W(), w(["top", D.current]), M.current = {
 			pos: "top",
-			page: O.current
+			page: D.current
 		};
 	}, [W]), ae = (e) => {
-		A.current && (x(!0), E.current?.scroller && (E.current.scroller.style["pointer-events"] = "none")), v.current.postMessage({
+		k.current && (b(!0), T.current?.scroller && (T.current.scroller.style["pointer-events"] = "none")), _.current.postMessage({
 			inputStr: e,
-			page: O.current,
-			reset: R.current,
+			page: D.current,
+			reset: L.current,
 			isDownloading: o
-		}), R.current = !1;
+		}), L.current = !1;
 	}, oe = async () => {
-		h.current?.current?.abort?.(), v.current?.postMessage({
+		h.current?.current?.abort?.(), _.current?.postMessage({
 			inputStr: "",
-			page: O.current,
+			page: D.current,
 			reset: !0,
 			isDownloading: o
 		}), h.current = m({
 			url: r,
 			params: {
-				tail: y.current,
+				tail: v.current,
 				...e.params
 			},
 			...s ? { watch: c?.watch ?? !0 } : {},
@@ -8659,19 +8659,19 @@ var Pc = (e) => {
 		});
 	}, se = zt(async (e) => {
 		let { isTop: t, isBottom: n } = e;
-		C(t), n ? P.current = {
+		S(t), n ? M.current = {
 			pos: "bottom",
 			page: u
-		} : t ? P.current = {
+		} : t ? M.current = {
 			pos: "top",
 			page: u
-		} : P.current = {
+		} : M.current = {
 			pos: "middle",
 			page: u
-		}, !(b || g.length > 0 && L.current < l - 1 && !D.current || !a) && t && !D.current && (y.current = void 0, oe(), D.current = !0, A.current = !0, R.current = !0);
-	}), ce = N(() => Z.default.throttle(() => {
-		w[0] === "top" && P.current.pos === "top" && E.current?.scrollToTop(), P.current.pos === "bottom" && E.current?.scrollToBottom();
-	}, 150), [w]);
+		}, !(y || g.current.length > 0 && P.current < l - 1 && !E.current || !a) && t && !E.current && (v.current = void 0, oe(), E.current = !0, k.current = !0, L.current = !0);
+	}), ce = R(() => Z.default.throttle(() => {
+		console.log("scrollPos===", C), C[0] === "top" && M.current.pos === "top" && T.current?.scrollToTop(), M.current.pos === "bottom" && T.current?.scrollToBottom();
+	}, 150), [C]);
 	return F(() => (oe(), () => {
 		h.current?.current?.abort?.();
 	}), [
@@ -8680,37 +8680,42 @@ var Pc = (e) => {
 		e.params
 	]), F(() => {
 		ce();
-	}, [w]), F(() => (v.current?.terminate?.(), v.current = new Worker(new URL(
+	}, [C, ce]), F(() => (_.current?.terminate?.(), _.current = new Worker(new URL(
 		/* @vite-ignore */
-		"" + new URL("assets/parse-worker-Dzai8qsE.js", import.meta.url).href,
+		"" + new URL("assets/parse-worker-DASzfShu.js", import.meta.url).href,
 		"" + import.meta.url
-	), { type: "module" }), v.current.onmessage = (e) => {
-		let { result: t, lines: n } = e.data;
-		L.current = n, O.current < 1 && (O.current = 1);
-		let r = k.current;
-		k.current = Math.ceil(t.length / l), A.current ? O.current = k.current : O.current === r && P.current.pos === "bottom" && (P.current = {
+	), { type: "module" }), _.current.onmessage = (e) => {
+		let { result: t, lines: n, append: r, reset: i } = e.data;
+		if (P.current = n, i && (g.current = []), r) {
+			let e = g.current;
+			for (let n = 0; n < t.length; n++) e.push(t[n]);
+		} else g.current = t || [];
+		let a = g.current;
+		D.current < 1 && (D.current = 1);
+		let o = O.current;
+		O.current = Math.ceil(a.length / l), console.log("onmessage===", k.current, O.current), k.current ? D.current = O.current : D.current === o && M.current.pos === "bottom" && (M.current = {
 			pos: "bottom",
-			page: O.current
-		}, O.current = k.current, T(["bottom", O.current]));
-		let i = (O.current - 1) * l, a = O.current * l, o = t.slice(i, a);
-		_(t), f(k.current), d(O.current), ee(o), V();
+			page: D.current
+		}, D.current = O.current, w(["bottom", D.current]));
+		let s = (D.current - 1) * l, c = D.current * l, u = a.slice(s, c);
+		f(O.current), d(D.current), ee(u), V();
 	}, () => {
-		v.current && v.current.terminate();
+		_.current && _.current.terminate();
 	}), []), /* @__PURE__ */ H("div", {
 		className: "logs-viewer-wrap-w2",
 		children: /* @__PURE__ */ U("div", {
 			className: "wrap",
 			children: [
 				/* @__PURE__ */ H("div", { children: /* @__PURE__ */ H(Qc, {
-					ref: E,
-					dataList: j,
+					ref: T,
+					dataList: A,
 					diffHeight: n,
 					onScroll: se
 				}) }),
-				b && /* @__PURE__ */ H(Dt, {
+				y && /* @__PURE__ */ H(Dt, {
 					size: "middle",
-					spinning: b,
-					className: (0, X.default)({ loading: b })
+					spinning: y,
+					className: (0, X.default)({ loading: y })
 				}),
 				p > 1 && /* @__PURE__ */ H("div", {
 					className: "pg",

package/dist/markdown.es.js

@@ -1,6 +1,6 @@
 import { o as e, r as t, t as n } from "./rolldown-runtime-gEudmnaM.js";
 import { t as r } from "./lodash-DVkZQU_K.js";
-import { t as i } from "./highlight-code-CLpz1xT8.js";
+import { t as i } from "./highlight-code-C8SfAI6k.js";
 import a, { Fragment as o, useCallback as s, useEffect as c, useMemo as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { EyeOutlined as p } from "@ant-design/icons";

package/dist/src/lib/components/yaml-editor/editor.d.ts

@@ -10,6 +10,9 @@ interface ViewerProps {
     placeholder?: string;
     variant?: 'bordered' | 'borderless';
     schema?: any;
+    onChange?: (value: string | undefined, event: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
 }
 declare const EditorInner: React.FC<ViewerProps>;
 export default EditorInner;

package/dist/src/lib/components/yaml-editor/index.d.ts

@@ -12,6 +12,9 @@ interface ViewerProps {
     schema?: any;
     isDarkTheme?: boolean;
     onUpload?: (content: string) => void;
+    onChange?: (value: string | undefined, event: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
 }
 declare const YamlEditor: React.FC<ViewerProps>;
 export default YamlEditor;

package/dist/src/lib/hooks/use-overlay-scroller.d.ts

@@ -28,7 +28,7 @@ export default function useOverlayScroller(data?: {
     initialize: (this: unknown, el: any) => any;
     instance: React.MutableRefObject<any>;
     scrollEventElement: React.MutableRefObject<any>;
-    initialized: React.MutableRefObject<boolean>;
+    initialized: boolean;
     getScrollElementScrollableHeight: () => {
         scrollTop: any;
         scrollHeight: number;

package/dist/yaml-editor.es.js

@@ -12,7 +12,7 @@ import { yamlDefaults as v } from "monaco-yaml";
 //#region src/lib/components/yaml-editor/editor.tsx
 g.config({ monaco: _ });
 var y = "inmemory://model/config.yaml", b = n((e, n) => {
-	let { value: s, height: c = 380, theme: u = "vs-dark", header: d, variant: f = "borderless", schema: p, placeholder: m } = e, g = a(null), _ = a(null), b = a(null), x = (e) => {
+	let { value: s, height: c = 380, theme: u = "vs-dark", header: d, variant: f = "borderless", schema: p, placeholder: m, onChange: g, onBlur: _, onFocus: b } = e, x = a(null), S = a(null), C = a(null), w = (e) => {
 		let t = e.Uri.parse(y);
 		v.setDiagnosticsOptions({
 			validate: !1,
@@ -24,35 +24,39 @@ var y = "inmemory://model/config.yaml", b = n((e, n) => {
 				schema: p
 			}]
 		});
-	}, S = (e, t) => {
-		g.current = e, _.current = t;
-	}, C = () => {
-		g.current && setTimeout(() => {
-			g.current?.getAction?.("editor.action.formatDocument")?.run().then(() => {
+	}, T = (e, t) => {
+		x.current = e, S.current = t, e.onDidBlurEditorText?.(() => {
+			_?.();
+		}), e.onDidFocusEditorText?.(() => {
+			b?.();
+		});
+	}, E = () => {
+		x.current && setTimeout(() => {
+			x.current?.getAction?.("editor.action.formatDocument")?.run().then(() => {
 				console.log("format success");
 			});
 		}, 100);
-	}, w = () => {
-		let e = g.current?.getModel()?.uri;
-		return _.current?.editor.getModelMarkers({ resource: e });
+	}, D = () => {
+		let e = x.current?.getModel()?.uri;
+		return S.current?.editor.getModelMarkers({ resource: e });
 	};
 	return i(n, () => ({
 		format: () => {
-			C();
+			E();
 		},
-		getValue: () => g.current?.getValue?.(),
+		getValue: () => x.current?.getValue?.(),
 		setValue: (e) => {
-			g.current?.setValue?.(e);
+			x.current?.setValue?.(e);
 		},
 		dispose: () => {
-			g.current?.dispose?.(), b.current?.dispose?.();
+			x.current?.dispose?.(), C.current?.dispose?.();
 		},
 		validate() {
-			return w();
+			return D();
 		},
-		editor: g.current
+		editor: x.current
 	})), r(() => {
-		C();
+		E();
 	}, [s]), /* @__PURE__ */ o(t, {
 		header: d,
 		variant: f,
@@ -76,8 +80,9 @@ var y = "inmemory://model/config.yaml", b = n((e, n) => {
 				}
 			},
 			loading: /* @__PURE__ */ o(l, { style: { fontSize: 24 } }),
-			beforeMount: x,
-			onMount: S
+			beforeMount: w,
+			onMount: T,
+			onChange: g
 		})
 	});
 }), { Text: x } = d;
@@ -113,31 +118,31 @@ var S = m.div`
   background-color: var(--ant-color-fill-quaternary);
   border-radius: var(--ant-border-radius-lg) var(--ant-border-radius-lg) 0 0;
 `, T = n((t, n) => {
-	let { value: l, height: d = 380, variant: m = "borderless", isDarkTheme: h, schema: g, placeholder: _, validateMessage: v, title: y, onUpload: x } = t, T = e(), E = a(null), D = (e) => {
-		E.current?.setValue?.(e);
+	let { value: l, height: d = 380, variant: m = "borderless", isDarkTheme: h, schema: g, placeholder: _, validateMessage: v, title: y, onUpload: x, onChange: T, onBlur: E, onFocus: D } = t, O = e(), k = a(null), A = (e) => {
+		k.current?.setValue?.(e);
 	};
 	return i(n, () => ({
 		format: () => {
-			E.current?.format();
+			k.current?.format();
 		},
-		getValue: () => E.current?.getValue?.(),
+		getValue: () => k.current?.getValue?.(),
 		setValue: (e) => {
-			E.current?.setValue?.(e);
+			k.current?.setValue?.(e);
 		},
 		dispose: () => {
-			E.current?.dispose?.();
+			k.current?.dispose?.();
 		},
 		validate() {
-			return E.current?.validate();
+			return k.current?.validate();
 		},
-		editor: E.current
+		editor: k.current
 	})), r(() => {
-		E.current?.format();
+		k.current?.format();
 	}, [l]), /* @__PURE__ */ s(S, {
 		className: "yaml-editor-container",
 		style: { minHeight: d },
 		children: [/* @__PURE__ */ o(b, {
-			ref: E,
+			ref: k,
 			header: /* @__PURE__ */ s(w, { children: [/* @__PURE__ */ o("span", {
 				className: "title",
 				children: y || "YAML"
@@ -149,7 +154,7 @@ var S = m.div`
 					let t = new FileReader();
 					return t.onload = (e) => {
 						let t = e.target?.result;
-						typeof t == "string" ? (x?.(t), D(t)) : p.error("Failed to read file content!");
+						typeof t == "string" ? (x?.(t), A(t)) : p.error("Failed to read file content!");
 					}, t.readAsText(e), !1;
 				},
 				showUploadList: !1,
@@ -158,7 +163,7 @@ var S = m.div`
 					icon: /* @__PURE__ */ o(c, {}),
 					type: "text",
 					size: "small",
-					children: T.formatMessage({ id: "common.button.import" })
+					children: O.formatMessage({ id: "common.button.import" })
 				})
 			})] }),
 			variant: m,
@@ -166,7 +171,10 @@ var S = m.div`
 			theme: h ? "vs-dark" : "light",
 			value: l,
 			placeholder: _,
-			schema: g
+			schema: g,
+			onChange: T,
+			onBlur: E,
+			onFocus: D
 		}), v && /* @__PURE__ */ o(C, {
 			type: "danger",
 			children: v

package/package.json

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