@gpustack/core-ui 1.0.23 → 1.0.25

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-gZJ7edZl.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/form/row-textarea.d.ts

@@ -25,6 +25,8 @@ interface SystemMessageProps {
     onChange: (e: any) => void;
     onPaste?: (e: any) => void;
     onDelete?: () => void;
+    actions?: React.ReactNode;
+    showUpload?: boolean;
     onSelect?: (data: {
         start: number;
         end: number;

package/dist/src/lib/components/image-url-input/index.d.ts

@@ -0,0 +1,12 @@
+export interface ImageURLInputProps {
+    /** Whether the invalid-url tooltip / error state is shown */
+    open?: boolean;
+    inputProps?: Record<string, any>;
+    /** Commit the typed url (fired on blur and on Enter) */
+    onSubmit: (e: any) => void;
+    /** Discard the url input */
+    onClose: (e?: any) => void;
+    onEscape: (e: any) => void;
+}
+declare const ImageURLInput: import('react').ForwardRefExoticComponent<ImageURLInputProps & import('react').RefAttributes<any>>;
+export default ImageURLInput;

package/dist/src/lib/components/index.d.ts

@@ -68,6 +68,7 @@ export { default as IconFont } from './icon-font';
 export { default as icons } from './icon-font/icons';
 export { default as ImageEditor } from './image-editor';
 export { processImage } from './image-editor/extract-image-colors';
+export { default as ImageURLInput, type ImageURLInputProps } from './image-url-input';
 export { default as InfiniteScroller } from './infinite-scroller';
 export { default as InfiniteScrollerProvider } from './infinite-scroller/infinite-scroller-provider';
 export { useScrollerContext } from './infinite-scroller/use-scroller-context';
@@ -125,5 +126,6 @@ export { default as Transfer } from './transfer';
 export { default as TransitionWrapper } from './transition';
 export { default as UploadAudio } from './upload-audio';
 export { default as UploadImage } from './upload-image';
+export { default as UploadImageButton, type UploadImageButtonProps } from './upload-image-button';
 export { default as ViewerEditor } from './viewer-editor';
 export { default as XTerminal } from './x-terminal';

package/dist/src/lib/components/upload-image-button/index.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface UploadImageButtonProps {
+    size?: 'small' | 'middle' | 'large';
+    onOpenChange?: (open: boolean) => void;
+    /** Receives images selected through the file picker */
+    onUpdateImgList: (list: {
+        uid: number | string;
+        dataUrl: string;
+    }[]) => void;
+    /** Switch the consumer into "add image from url" mode */
+    onAddFromUrl: () => void;
+}
+declare const UploadImageButton: React.FC<UploadImageButtonProps>;
+export default UploadImageButton;

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-add-image.d.ts

@@ -1,15 +1,27 @@
-declare const useAddImage: (options: {
-    size?: "small" | "middle" | "large";
-    inputProps?: Record<string, any>;
-    handleUpdateImgList: (list: {
-        uid: number | string;
-        dataUrl: string;
-    }[]) => void;
+interface ImageItem {
+    uid: number | string;
+    dataUrl: string;
+}
+interface UseAddImageOptions {
+    handleUpdateImgList: (list: ImageItem[]) => void;
     updateUidCount: () => number | string;
-}) => {
+}
+/**
+ * Owns the interaction state for the "add image" flow (file picker dropdown +
+ * add-by-url input). It returns only state and handlers — render the UI with
+ * the `UploadImageButton` and `ImageURLInput` components, wiring these handlers
+ * to them. This keeps the logic reusable and lets the UI be memoized/composed
+ * by the consumer.
+ */
+declare const useAddImage: (options: UseAddImageOptions) => {
     isFromUrl: boolean;
-    ImageURLInput: import("react/jsx-runtime").JSX.Element | null;
     dropDownOpen: boolean;
-    UploadImageButton: import("react/jsx-runtime").JSX.Element;
+    openImgTips: boolean;
+    inputImgRef: import('react').MutableRefObject<any>;
+    handleAddImgFromUrl: () => void;
+    handleInputImageUrl: (e: any) => Promise<void>;
+    handleClose: (e?: any) => void;
+    handleOnEscape: (e: any) => void;
+    handleOnOpenChange: (open: boolean) => void;
 };
 export default useAddImage;

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.23",
+  "version": "1.0.25",
   "private": false,
   "sideEffects": [
     "**/*.css",