@cartanova/qgrid-cli 2.9.7 → 2.9.9

package/bundle/web-dist/server/entry-server.generated.js

@@ -1,6 +1,6 @@
-import { A as matchMutation, B as __require, C as infiniteQueryBehavior, D as functionalUpdate, E as notifyManager, F as skipToken, I as focusManager, L as Subscribable, M as noop$1, N as partialMatchKey, O as hashKey, P as resolveStaleTime, R as __commonJSMin, S as Mutation, T as onlineManager, V as __toESM, b as require_jsx_runtime, c as SD, d as _enum, f as number$1, j as matchQuery, k as hashQueryKeyByOptions, l as SUPPORTED_LOCALES, m as string$2, n as QgridService, o as TokenService, p as object, u as setLocale, v as QueryClientProvider, w as Query, x as require_react, z as __exportAll } from "./assets/services.generated-buX3cJzR.js";
-import { A as decodePath, C as findRouteMatch, D as createLRUCache, E as processRouteTree, F as last, I as replaceEqualDeep, M as findLast, N as functionalUpdate$1, O as invariant, P as isPromise, S as findFlatMatch, T as processRouteMasks, _ as interpolatePath, a as Link$1, b as trimPath, c as usePrevious$1, d as useRouter, f as getRouterContext, g as cleanPath, h as isNotFound, i as createRootRouteWithContext, j as deepEqual$2, k as createControlledPromise, l as matchContext, m as rootRouteId, n as createFileRoute, p as warning, r as createLazyFileRoute, s as useLayoutEffect$3, t as lazyRouteComponent, u as useRouterState, v as joinPaths, w as findSingleMatch, x as trimPathRight, y as resolvePath } from "./assets/lazyRouteComponent-C_k4R5n6.js";
-import { n as require_shim, t as require_react_dom } from "./assets/react-dom-CHRRsKwb.js";
+import { A as hashQueryKeyByOptions, B as __exportAll, C as Mutation, D as notifyManager, E as onlineManager, F as resolveStaleTime, H as __toESM, I as skipToken, L as focusManager, M as matchQuery, N as noop$1, O as functionalUpdate, P as partialMatchKey, R as Subscribable, S as require_react, T as Query, V as __require, d as setLocale, f as _enum, h as string$2, j as matchMutation, k as hashKey, l as SD, m as object, n as QgridService, o as TokenService, p as number$1, s as fetch$1, u as SUPPORTED_LOCALES, w as infiniteQueryBehavior, x as require_jsx_runtime, y as QueryClientProvider, z as __commonJSMin } from "./assets/services.generated-BsKOUSXl.js";
+import { A as decodePath, C as findRouteMatch, D as createLRUCache, E as processRouteTree, F as last, I as replaceEqualDeep, M as findLast, N as functionalUpdate$1, O as invariant, P as isPromise, S as findFlatMatch, T as processRouteMasks, _ as interpolatePath, a as Link$1, b as trimPath, c as usePrevious$1, d as useRouter, f as getRouterContext, g as cleanPath, h as isNotFound, i as createRootRouteWithContext, j as deepEqual$2, k as createControlledPromise, l as matchContext, m as rootRouteId, n as createFileRoute, p as warning, r as createLazyFileRoute, s as useLayoutEffect$3, t as lazyRouteComponent, u as useRouterState, v as joinPaths, w as findSingleMatch, x as trimPathRight, y as resolvePath } from "./assets/lazyRouteComponent-DyizoQKi.js";
+import { n as require_shim, t as require_react_dom } from "./assets/react-dom-PfWvArTX.js";
 import minpath from "node:path";
 import minproc from "node:process";
 import { fileURLToPath as urlToPath } from "node:url";
@@ -46060,6 +46060,45 @@ var lucideX = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
 //#region src/assets/chat-icon.png
 var chat_icon_default = "/assets/chat-icon-JYfue7fB.png";
 //#endregion
+//#region src/components/qgrid/chat-image-generation.ts
+function buildChatHistory(messages, includeImages) {
+	return messages.flatMap((message) => {
+		const images = includeImages ? message.images ?? [] : [];
+		if (message.role === "user") return [{
+			type: "message",
+			role: "user",
+			content: [{
+				type: "input_text",
+				text: message.text
+			}, ...images.map((url) => ({
+				type: "input_image",
+				image_url: url
+			}))]
+		}];
+		return [...message.text ? [{
+			type: "message",
+			role: "assistant",
+			content: [{
+				type: "output_text",
+				text: message.text
+			}]
+		}] : [], ...images.length ? [{
+			type: "message",
+			role: "user",
+			content: [{
+				type: "input_text",
+				text: "Previously generated assistant images (reference for follow-up edits):"
+			}, ...images.map((url) => ({
+				type: "input_image",
+				image_url: url
+			}))]
+		}] : []];
+	});
+}
+function chatGeneratedImages(content) {
+	return content.flatMap((part) => part.type === "image" ? [`data:${part.mediaType ?? "image/png"};base64,${part.data}`] : []);
+}
+//#endregion
 //#region src/components/qgrid/chat-token-selection.ts
 function chatTokenOptions(tokens, provider) {
 	return tokens.filter((token) => token.active && token.provider === provider).toSorted((a, b) => a.ord - b.ord || a.name.localeCompare(b.name));
@@ -46078,6 +46117,135 @@ function tokenTargetPayload(tokenName) {
 	return tokenName ? { tokenName } : {};
 }
 //#endregion
+//#region src/components/qgrid/chat-image-info.ts
+var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1);
+function chatImageInfo(url) {
+	const comma = url.indexOf(",");
+	const mime = url.slice(0, comma).match(/^data:image\/(png|jpeg|webp);base64$/)?.[1];
+	if (!mime) return {
+		extension: "—",
+		bytes: 0
+	};
+	const padding = url.endsWith("==") ? 2 : url.endsWith("=") ? 1 : 0;
+	return {
+		extension: mime === "jpeg" ? "jpg" : mime,
+		bytes: Math.max(0, Math.floor((url.length - comma - 1) * 3 / 4) - padding)
+	};
+}
+function formatImageBytes(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+}
+//#endregion
+//#region src/components/qgrid/ChatImagePreview.tsx
+function ChatImagePreview({ url, onClose }) {
+	const dialogRef = (0, import_react.useRef)(null);
+	const [dimensions, setDimensions] = (0, import_react.useState)(null);
+	const [originalSize, setOriginalSize] = (0, import_react.useState)(false);
+	const [failed, setFailed] = (0, import_react.useState)(false);
+	const info = chatImageInfo(url);
+	(0, import_react.useEffect)(() => {
+		const dialog = dialogRef.current;
+		dialog?.showModal();
+		return () => dialog?.close();
+	}, []);
+	return (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dialog", {
+		ref: dialogRef,
+		"aria-labelledby": "chat-image-preview-title",
+		onCancel: (event) => {
+			event.preventDefault();
+			onClose();
+		},
+		onClick: (event) => {
+			if (event.target !== event.currentTarget) return;
+			const rect = event.currentTarget.getBoundingClientRect();
+			if (event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom) onClose();
+		},
+		className: "m-auto w-[min(1100px,calc(100vw-2rem))] max-w-none max-h-[calc(100dvh-2rem)] overflow-hidden rounded-2xl bg-white p-0 text-sand-900 shadow-xl backdrop:bg-black/65",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between gap-3 border-b border-sand-100 px-4 py-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+					id: "chat-image-preview-title",
+					className: "text-sm font-semibold",
+					children: "이미지 미리보기"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: onClose,
+					"aria-label": "이미지 미리보기 닫기",
+					className: "grid size-8 place-items-center rounded-full hover:bg-sand-100",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideX, { className: "size-4" })
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "max-h-[calc(100dvh-13rem)] overflow-auto bg-sand-100 p-3",
+				style: {
+					backgroundImage: "conic-gradient(#e8e4df 25%, #fff 0 50%, #e8e4df 0 75%, #fff 0)",
+					backgroundSize: "20px 20px"
+				},
+				children: failed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					role: "alert",
+					className: "p-8 text-center text-danger-500",
+					children: "이미지를 불러올 수 없습니다."
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+					src: url,
+					alt: "확대된 채팅 이미지",
+					onLoad: (event) => setDimensions({
+						width: event.currentTarget.naturalWidth,
+						height: event.currentTarget.naturalHeight
+					}),
+					onError: () => setFailed(true),
+					className: originalSize ? "block max-w-none" : "mx-auto block max-h-[calc(100dvh-15rem)] max-w-full object-contain"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center justify-between gap-3 border-t border-sand-100 px-4 py-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+					className: "flex flex-wrap gap-x-5 gap-y-1 text-xs tabular-nums",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+							className: "text-sand-400",
+							children: "확장자"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+							className: "mt-1 uppercase",
+							children: info.extension
+						})] }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+							className: "text-sand-400",
+							children: "파일 용량"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+							className: "mt-1",
+							children: formatImageBytes(info.bytes)
+						})] }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+							className: "text-sand-400",
+							children: "해상도"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+							className: "mt-1",
+							children: dimensions ? `${dimensions.width} × ${dimensions.height} px` : "—"
+						})] })
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-3 text-xs",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						type: "button",
+						disabled: !dimensions || failed,
+						onClick: () => setOriginalSize((value) => !value),
+						className: "text-sand-600 hover:underline disabled:opacity-40",
+						children: originalSize ? "화면에 맞추기" : "원본 크기"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+						href: url,
+						download: `qgrid-image.${info.extension}`,
+						className: "text-sienna-500 hover:underline",
+						children: "다운로드"
+					})]
+				})]
+			})
+		]
+	}), document.body);
+}
+//#endregion
 //#region src/components/qgrid/ChatWidget.tsx
 var CHAT_PROJECT_NAME = "qgrid_chat";
 var DEFAULT_MODEL = "anthropic/claude-fable-5-1";
@@ -46090,8 +46258,7 @@ var MODEL_PRESET_GROUPS = [{
 		"openai/gpt-5.6-terra",
 		"openai/gpt-5.6-sol",
 		"openai/gpt-5.6-luna",
-		"openai/gpt-5.5",
-		"openai/gpt-5.3-codex-spark"
+		"openai/gpt-5.5"
 	]
 }, {
 	label: "Anthropic",
@@ -46100,6 +46267,7 @@ var MODEL_PRESET_GROUPS = [{
 		"anthropic/claude-fable-5",
 		"anthropic/claude-opus-5-5",
 		"anthropic/claude-opus-5",
+		"anthropic/claude-sonnet-5-5",
 		"anthropic/claude-sonnet-5",
 		"anthropic/claude-opus-4-8",
 		"anthropic/claude-opus-4-7",
@@ -46107,10 +46275,7 @@ var MODEL_PRESET_GROUPS = [{
 		"anthropic/claude-opus-4-5",
 		"anthropic/claude-sonnet-4-6",
 		"anthropic/claude-sonnet-4-5",
-		"anthropic/claude-haiku-4-5",
-		"anthropic/claude-opus-4-1",
-		"anthropic/claude-opus-4",
-		"anthropic/claude-sonnet-4"
+		"anthropic/claude-haiku-4-5"
 	]
 }];
 var EFFORT_PRESETS = [
@@ -46118,26 +46283,6 @@ var EFFORT_PRESETS = [
 	"medium",
 	"high"
 ];
-function buildHistory(messages) {
-	const items = [];
-	for (const m of messages) if (m.role === "user") items.push({
-		type: "message",
-		role: "user",
-		content: [{
-			type: "input_text",
-			text: m.text
-		}]
-	});
-	else if (m.text) items.push({
-		type: "message",
-		role: "assistant",
-		content: [{
-			type: "output_text",
-			text: m.text
-		}]
-	});
-	return items;
-}
 function errorMessage(e) {
 	if (e instanceof Error) return e.message;
 	return String(e);
@@ -46179,6 +46324,9 @@ function ChatWidget() {
 	const [streamId, setStreamId] = (0, import_react.useState)(null);
 	const [busy, setBusy] = (0, import_react.useState)(false);
 	const [attachments, setAttachments] = (0, import_react.useState)([]);
+	const [previewImage, setPreviewImage] = (0, import_react.useState)(null);
+	const requestAbortRef = (0, import_react.useRef)(null);
+	(0, import_react.useEffect)(() => () => requestAbortRef.current?.abort(), []);
 	const threadCoordRef = (0, import_react.useRef)(void 0);
 	const lastConfigRef = (0, import_react.useRef)(void 0);
 	const scrollRef = (0, import_react.useRef)(null);
@@ -46238,6 +46386,7 @@ function ChatWidget() {
 			patchLastAssistant((m) => ({
 				...m,
 				text: data.text || m.text,
+				images: chatGeneratedImages(Array.isArray(data.content) ? data.content : [data.content]),
 				status: "done",
 				meta: {
 					model: data.model,
@@ -46287,7 +46436,9 @@ function ChatWidget() {
 		if (lastConfigRef.current && chatConfigChanged(lastConfigRef.current, currentConfig)) threadCoordRef.current = void 0;
 		lastConfigRef.current = currentConfig;
 		const images = supportsImages ? attachments : [];
-		const history = buildHistory(messages);
+		const history = buildChatHistory(messages, supportsImages);
+		const controller = new AbortController();
+		requestAbortRef.current = controller;
 		setMessages((prev) => [
 			...prev,
 			{
@@ -46305,7 +46456,7 @@ function ChatWidget() {
 		setAttachments([]);
 		setBusy(true);
 		try {
-			const { streamId: id } = await QgridService.prepareStream({
+			const args = {
 				prompt,
 				model,
 				projectName: CHAT_PROJECT_NAME,
@@ -46318,13 +46469,49 @@ function ChatWidget() {
 				})) } : {},
 				...history.length > 0 ? { history: JSON.stringify(history) } : {},
 				...threadCoordRef.current ? { runContext: { threadCoord: threadCoordRef.current } } : {}
-			});
+			};
+			if (supportsImages) {
+				const result = await fetch$1({
+					method: "POST",
+					url: "/api/qgrid/query",
+					data: { args: {
+						...args,
+						imageGeneration: "auto"
+					} },
+					signal: controller.signal
+				});
+				if (requestAbortRef.current !== controller || controller.signal.aborted) return;
+				threadCoordRef.current = result.runContext?.threadCoord;
+				patchLastAssistant((m) => ({
+					...m,
+					text: result.text,
+					images: chatGeneratedImages(result.content),
+					status: "done",
+					meta: {
+						model: result.model,
+						tokenName: result.tokenName,
+						durationMs: result.durationMs,
+						costUsd: result.costUsd,
+						requestLogId: result.runContext?.requestLogId,
+						fallback: (result.modelFallbacks?.length ?? 0) > 0
+					}
+				}));
+				setBusy(false);
+				requestAbortRef.current = null;
+				return;
+			}
+			const { streamId: id } = await QgridService.prepareStream(args);
+			if (requestAbortRef.current !== controller || controller.signal.aborted) return;
 			setStreamId(id);
 		} catch (e) {
+			if (requestAbortRef.current !== controller || controller.signal.aborted) return;
 			failStreaming(errorMessage(e));
+			requestAbortRef.current = null;
 		}
 	};
 	const stop = () => {
+		requestAbortRef.current?.abort();
+		requestAbortRef.current = null;
 		patchLastAssistant((m) => m.status === "streaming" ? {
 			...m,
 			status: "aborted"
@@ -46345,9 +46532,12 @@ function ChatWidget() {
 		threadCoordRef.current = void 0;
 		lastConfigRef.current = void 0;
 	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "fixed bottom-5 right-5 z-40",
-		children: open ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		children: [previewImage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChatImagePreview, {
+			url: previewImage,
+			onClose: () => setPreviewImage(null)
+		}, previewImage), open ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			onAnimationEnd: () => {
 				if (panelClosing) {
 					setOpen(false);
@@ -46496,10 +46686,16 @@ function ChatWidget() {
 							className: "self-end max-w-[80%] flex flex-col items-end gap-1",
 							children: [m.images && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 								className: "flex flex-wrap justify-end gap-1",
-								children: m.images.map((url, j) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-									src: url,
-									alt: "",
-									className: "size-24 rounded-xl object-cover"
+								children: m.images.map((url, j) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => setPreviewImage(url),
+									"aria-label": `첨부 이미지 ${j + 1} 크게 보기`,
+									className: "cursor-zoom-in rounded-xl",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+										src: url,
+										alt: "",
+										className: "size-24 rounded-xl object-cover"
+									})
 								}, j))
 							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 								className: "rounded-[18px] rounded-br-[5px] bg-sienna-600 px-3.5 py-2 text-[13px] leading-relaxed text-white whitespace-pre-wrap break-words",
@@ -46510,6 +46706,26 @@ function ChatWidget() {
 							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 								className: "rounded-[18px] rounded-bl-[5px] bg-sand-100 px-3.5 py-2",
 								children: [
+									m.images?.map((url, imageIndex) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "my-1.5",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+											type: "button",
+											onClick: () => setPreviewImage(url),
+											"aria-label": `생성된 이미지 ${imageIndex + 1} 크게 보기`,
+											className: "block w-full cursor-zoom-in rounded-xl",
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+												src: url,
+												alt: `생성된 이미지 ${imageIndex + 1}`,
+												onLoad: () => scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight }),
+												className: "w-full rounded-xl object-contain bg-white"
+											})
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+											href: url,
+											download: `qgrid-image-${imageIndex + 1}.${url.startsWith("data:image/jpeg;") ? "jpg" : url.startsWith("data:image/webp;") ? "webp" : "png"}`,
+											className: "mt-1 inline-block text-[11px] text-sienna-500 hover:underline",
+											children: "이미지 다운로드"
+										})]
+									}, imageIndex)),
 									m.text ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 										className: "prose prose-sm prose-qgrid max-w-none text-[13px] leading-relaxed break-words",
 										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Markdown, {
@@ -46572,10 +46788,16 @@ function ChatWidget() {
 						className: "flex gap-1.5 pb-2",
 						children: attachments.map((url, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-								src: url,
-								alt: "",
-								className: "size-12 rounded-xl object-cover"
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: () => setPreviewImage(url),
+								"aria-label": `첨부할 이미지 ${i + 1} 크게 보기`,
+								className: "cursor-zoom-in rounded-xl",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+									src: url,
+									alt: "",
+									className: "size-12 rounded-xl object-cover"
+								})
 							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 								type: "button",
 								onClick: () => setAttachments((prev) => prev.filter((_, j) => j !== i)),
@@ -46647,12 +46869,12 @@ function ChatWidget() {
 				alt: "",
 				className: "size-full object-cover"
 			})
-		})
+		})]
 	});
 }
 //#endregion
 //#region src/components/Sidebar.tsx
-var qgridVersion = "2.9.7";
+var qgridVersion = "2.9.9";
 function Sidebar({ className }) {
 	const pathname = useRouterState({ select: (s) => s.location.pathname });
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
@@ -47110,7 +47332,6 @@ function isFunction$3(value) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.2.3_@types+react@19.2.14__@types+re_1181ea5061ec9212248424669240e4ec/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1);
 var Primitive$1 = [
 	"a",
 	"button",
@@ -68537,15 +68758,15 @@ function RootComponent() {
 }
 //#endregion
 //#region src/routes/tokens.tsx
-var $$splitComponentImporter$5 = () => import("./assets/tokens-C32lycTe.js");
+var $$splitComponentImporter$5 = () => import("./assets/tokens-DAUmTrgO.js");
 var Route$5 = createFileRoute("/tokens")({ component: lazyRouteComponent($$splitComponentImporter$5, "component") });
 //#endregion
 //#region src/routes/settings.tsx
-var $$splitComponentImporter$4 = () => import("./assets/settings-CFoXQaAg.js");
+var $$splitComponentImporter$4 = () => import("./assets/settings-DPcWGvy-.js");
 var Route$4 = createFileRoute("/settings")({ component: lazyRouteComponent($$splitComponentImporter$4, "component") });
 //#endregion
 //#region src/routes/monit.tsx
-var $$splitComponentImporter$3 = () => import("./assets/monit-BW2X1D23.js");
+var $$splitComponentImporter$3 = () => import("./assets/monit-COH4MckI.js");
 var monitSearchSchema = object({ level: _enum([
 	"all",
 	"warn",
@@ -68557,7 +68778,7 @@ var Route$3 = createFileRoute("/monit")({
 });
 //#endregion
 //#region src/routes/logs.tsx
-var $$splitComponentImporter$2 = () => import("./assets/logs-lBOU5eUP.js");
+var $$splitComponentImporter$2 = () => import("./assets/logs-DO8zBdBR.js");
 var logsSearchSchema = object({
 	token: string$2().optional(),
 	project: string$2().optional(),
@@ -68571,11 +68792,11 @@ var Route$2 = createFileRoute("/logs")({
 });
 //#endregion
 //#region src/routes/index.tsx
-var $$splitComponentImporter$1 = () => import("./assets/routes-B408iqh1.js");
+var $$splitComponentImporter$1 = () => import("./assets/routes-Btja-741.js");
 var Route$1 = createFileRoute("/")({ component: lazyRouteComponent($$splitComponentImporter$1, "component") });
 //#endregion
 //#region src/routes/requests/show.tsx
-var $$splitComponentImporter = () => import("./assets/show-CcZJO6WF.js");
+var $$splitComponentImporter = () => import("./assets/show-CMXbb3TJ.js");
 var showSearchSchema = object({ id: number$1() });
 var Route = createFileRoute("/requests/show")({
 	validateSearch: showSearchSchema,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cartanova/qgrid-cli",
-  "version": "2.9.7",
+  "version": "2.9.9",
   "repository": {
     "type": "git",
     "url": "https://github.com/cartanova-ai/qgrid"

package/skills/qgrid/SKILL.md

@@ -53,7 +53,15 @@ Request logging is enabled by default. Use `providerOptions.qgrid.logger: false`
 - Prefer `getPuri()` for Sonamu model queries. Treat `getDB()` as a legacy escape hatch only when Puri cannot express the required query. Inside `@transactional` methods, all participating queries must use `getPuri()`; `getDB()` does not reuse Sonamu's ambient transaction connection.
 - Never hand-author migration files for Sonamu-managed schema. In the qgrid source repository, change the entity definition, inspect `sonamu migrate status`, and create migration files with `mise exec -- pnpm --dir packages/api sonamu migrate generate`. Inspect the generated files before applying them. If Sonamu cannot express a required schema change, stop and ask rather than silently replacing its workflow with a custom migration.
 - Keep OpenAI Codex built-in tools, apps, plugins, skills, web search, shell, and environment instruction blocks disabled unless the user explicitly asks for agentic Codex behavior.
-- Treat OpenAI image generation as opt-in. Transparent background requests use Codex standalone Images endpoints with subscription credentials; other image requests use the hosted Responses image tool. Inspect current code before modifying either route; image costs remain API-price estimates.
+- Treat OpenAI image generation as opt-in outside dashboard chat. In 2.9.8, OpenAI `qgrid_chat` opts into raw API `imageGeneration: "auto"` on every turn; the public AI SDK option remains boolean. Ordinary images use the hosted Responses image tool; a server-executed transparent-image function calls Codex standalone Images directly with subscription credentials. Do not reintroduce a client decision tool followed by another GPT generation request. Image costs remain API-price estimates.
+
+## Automatic chat images (2.9.8+)
+
+- Raw `imageGeneration: "auto"` permits text-only replies; explicit `true` still requires an image. Both use non-stream requests. Auto mode rejects caller tools and output schemas.
+- Dashboard chat sends complete text and image history, including prior generated images as user visual references. Do not assume provider conversation state retains image bytes or send assistant `input_image` blocks.
+- The model chooses ordinary `image_generation` or `generate_transparent_image`; the server runs the latter directly with the selected token and cancellation signal. Preserve driver usage separately from image usage.
+- Request-log model labels show requested model to image model using serving/image-cost metadata. Do not hardcode `gpt-image-2.5` or restore image-generation/assumption badges. In auto mode, mark image generation only when an image was produced.
+- Read `references/decision-rationale.md` and `references/openai-codex-runtime.md` before changing this routing or its cache boundary.
 
 ## Image output formats (2.9.6+)
 
@@ -61,6 +69,7 @@ Request logging is enabled by default. Use `providerOptions.qgrid.logger: false`
 - Preserve the actual returned MIME type in qgrid content, AI SDK files, and request-log image URLs; do not relabel bytes as the requested format.
 - Transparent generation keeps the standalone Codex Images route and accepts PNG only. Reject transparent JPEG/WebP requests before generation.
 - Keep the AI SDK standard `GeneratedFile.mediaType: string` contract. Do not add a qgrid-specific image wrapper or conditional return type.
+- A 2026-09-29 live probe returned PNG for a prompt-only WebP request and WebP when `outputFormat: "webp"` was supplied. Model prose is not format evidence; inspect file bytes. Chat does not infer output format from prose, and no post-generation conversion is performed.
 
 ## Verification
 

package/skills/qgrid/references/anthropic-claude-code-runtime.md

@@ -77,7 +77,7 @@ claude -p
   --model <canonical-model-or-1m-suffix>
   --system-prompt <text>                  # small system prompt
   --system-prompt-file <path>             # large system prompt
-  --thinking disabled                       # omitted for Fable 5/5.1, Opus 5 and Opus 5.5
+  --thinking disabled                       # omitted for Fable 5/5.1, Opus 5, Opus 5.5 and Sonnet 5.5
   --effort <effort-or-low>
   --disable-slash-commands
   --session-id <uuid>
@@ -97,7 +97,7 @@ Important details:
 - Large system prompts over 64 KiB are written to a temporary file to avoid argv `E2BIG` — this
   same branch absorbs large injected schema contracts, so the old 64 KiB schema argv limit no
   longer applies (only the global 512 KiB caller-schema complexity limit remains).
-- `--thinking disabled`, `MAX_THINKING_TOKENS=0`, and adaptive thinking env suppression keep thinking off for existing models. Fable 5, Fable 5.1 and Opus 5.5 require always-on adaptive thinking (Fable: CLI catalog `rejects_disabled_thinking`; Opus 5.5: official spec, thinking cannot be turned off). Opus 5 defaults to adaptive thinking and rejects disabled thinking at `xhigh`/`max` effort. qgrid omits all three suppressors for these models (`usesAdaptiveThinking`) and uses `effort` to control depth.
+- `--thinking disabled`, `MAX_THINKING_TOKENS=0`, and adaptive thinking env suppression keep thinking off for existing models. Fable 5, Fable 5.1, Opus 5.5 and Sonnet 5.5 require always-on adaptive thinking (Fable: CLI catalog `rejects_disabled_thinking`; Opus 5.5: official spec, thinking cannot be turned off; Sonnet 5.5: API `{type: "disabled"}` returns 400 and the CLI catalog marks `rejects_disabled_thinking`). Opus 5 defaults to adaptive thinking and rejects disabled thinking at `xhigh`/`max` effort. qgrid omits all three suppressors for these models (`usesAdaptiveThinking`) and uses `effort` to control depth.
 
 ## Spawn env
 
@@ -258,6 +258,7 @@ qgrid's exact 1M support set currently includes:
 - `claude-fable-5`
 - `claude-opus-5`
 - `claude-opus-5-5`
+- `claude-sonnet-5-5`
 - `claude-sonnet-5`
 - `claude-sonnet-4-6`
 - `claude-opus-4-6`

package/skills/qgrid/references/decision-rationale.md

@@ -218,15 +218,24 @@ Sources:
 - `docs/plans/2026-07-05-001-feat-codex-image-generation-plan.md`
 - `docs/brainstorms/2026-07-06-qgrid-image-persistence-requirements.md`
 - `docs/brainstorms/2026-07-06-codex-image-cost-estimate.md`
+- `docs/solutions/architecture-patterns/qgrid-native-auto-image-generation-2.9.8.md`
 
 Key decisions:
 
-- Image generation is OpenAI/Codex-only and request-level opt-in. Most requests use the Codex-hosted `image_generation` tool. Explicit transparent backgrounds use Codex standalone Images because the hosted route rejected them in live probes. Always-on image tools would change every turn's tool configuration and threaten prompt-cache stability.
+- Image generation is OpenAI/Codex-only and request-level opt-in outside dashboard chat. In 2.9.8, chat explicitly opts into raw `imageGeneration: "auto"` each turn. Most requests use the Codex-hosted `image_generation` tool. Transparent backgrounds use Codex standalone Images because the hosted route rejected them in live probes. Do not globally enable image tools for other callers: that would change their tool framing and cache behavior.
 - It is non-stream only. Codex returns completed base64 image payloads, not useful image deltas.
 - Image turns send full input directly and retain no provider conversation state. This prevents base64 payloads from entering reusable state.
-- qgrid performs preflight capability/model gates and postflight "image count must be greater than zero" checks. Codex can otherwise silently return text when image generation is unavailable or unused.
+- qgrid performs preflight capability/model gates. Explicit `imageGeneration: true` requires an image; `"auto"` allows normal text replies but still rejects attempted image generation without a completed image. The public AI SDK retains its boolean option and image-required contract.
 - Returned images are inline base64 content parts for consumers and AI SDK `file` parts. Reference images are accepted through AI SDK multimodal message parts only on the `imageGeneration` path, and are transported as JSON data URLs with SDK-side size guarding.
 - `imageGenerationOptions` supports quality, size, and background. Hosted-route pricing assumptions use `gpt-image-2`, `medium`, and `1536x1024` when omitted; these do not establish actual output settings. Transparent-route image usage and observed settings are recorded separately, and no background-removal fallback is allowed.
 - qgrid does not manage generated or reference images as durable assets through a `generated_images` table or object-storage layer. Current request logs can still contain inline image data URLs for inspection and synthetic `image_generation` tool-call steps; reference input images live in the first synthetic step's `tool_args.inputImages`.
 - Image cost is stored separately in `request_logs.image_cost_usd`; `request_logs.cost_usd` remains the Codex driver model token cost. Because Codex does not expose exact image tool usage, `image_cost_usd` is a price-table estimate and may be inaccurate.
 - Inspect current plans, tests, and implementation before changing behavior; the Codex tool surface can change underneath qgrid.
+
+The 2.9.8 chat design removes the discarded client `request_image_generation` decision step, which asked GPT to choose a tool and then called GPT again for ordinary generation. Native `image_generation` handles ordinary generation directly. A separate qgrid-defined `generate_transparent_image` function is necessary to reach the standalone transparent endpoint, but the server executes it with the same token and cancellation signal without another GPT request. Routing belongs to the server; the chat only sends context and displays results.
+
+Image edits need complete prior image bytes, not just text history or an assumption that the backend remembers earlier outputs. Chat replays uploaded and generated images, representing generated images as user visual references because assistant `input_image` blocks are invalid. Image previews report actual extension, decoded byte size, and natural dimensions. Uploaded images describe the existing resized JPEG sent to the model; generated images retain their returned bytes.
+
+Model labels show requested model to image model using serving metadata or the image model encoded in the logged cost method. The cost-method fallback remains an accounting assumption, not new evidence of the upstream model version. The UI has no image-generation or assumption badge and never fixes the name to `gpt-image-2.5`. Hosted and auto transparent logs retain driver identity and token costs separately from image metadata/cost.
+
+Prompt wording alone is not a reliable format control: a 2026-09-29 probe returned PNG for a WebP prompt and WebP with explicit `outputFormat: "webp"`. Model prose contradicted the output and must not be used as evidence. Transparent generation remains PNG-only, and this release does not infer format from chat prose or introduce post-generation conversion.

package/skills/qgrid/references/openai-codex-runtime.md

@@ -163,6 +163,16 @@ Image generation is opt-in and non-stream at the AI SDK interface. The backend s
 
 ### Transparent image route
 
-Only `imageGenerationOptions.background: "transparent"` switches from hosted Responses to Codex `images/generations` or `images/edits`. The same selected subscription token, cancellation deadline, in-flight tracking, and one definitive 401 refresh apply. Use JSON content negotiation; do not reuse the Responses SSE Accept header. Never replay an ambiguous generation or fall back to opaque output/IS-Net. This route runs `gpt-image-2` directly, so actual model metadata differs from the requested driver ID and ordinary driver usage stays zero. Image response usage and actual settings are preserved on `generation`; usage belongs to the first output only. Costs remain explicitly estimated from public prices.
+Explicit `imageGeneration: true` with `imageGenerationOptions.background: "transparent"` switches from hosted Responses to Codex `images/generations` or `images/edits`. The same selected subscription token, cancellation deadline, in-flight tracking, and one definitive 401 refresh apply. Use JSON content negotiation; do not reuse the Responses SSE Accept header. Never replay an ambiguous generation or fall back to opaque output/IS-Net. This explicit route runs `gpt-image-2` directly, so actual model metadata differs from the requested driver ID and ordinary driver usage stays zero. Image response usage and actual settings are preserved on `generation`; usage belongs to the first output only. Costs remain explicitly estimated from public prices.
 
 The image request adapter preserves text/system context and reference images (maximum five), rejects unsupported structured/tool requests before generation, and validates PNG contents with pngjs. Both a fully transparent pixel and visible content are required. Invalid, opaque, empty, or oversized results fail. Returned dimensions come from the decoded PNG; qgrid never silently resizes. A 2026-09-08 live request returned 1254x1254/medium for requested 1024x1024/high. Do not promise exact size/quality enforcement. See `openai-image-generation.ts` and opt-in `transparent`/`transparent-edit` cases in the image smoke script.
+
+### Automatic dashboard chat images (2.9.8)
+
+Raw `QueryInput.imageGeneration` accepts boolean or `"auto"`; the public AI SDK option remains boolean. OpenAI dashboard chat sends `"auto"` through one non-stream POST per turn. The dispatcher offers native `image_generation` plus a qgrid-defined Responses function, `generate_transparent_image`, reserved for transparent backgrounds. It executes that function server-side against standalone Codex Images using the same selected token and abort signal, without another GPT request. The client must not implement a `request_image_generation` decision loop.
+
+Auto mode accepts text-only completion when no image tool was attempted. Explicit `true` still requires an image, and an attempted image tool that returns no complete image still fails. Caller tools and `outputSchema` are incompatible with auto mode. The transparent function and native image tool must not be mixed in one response; at most one transparent call is allowed.
+
+Auto transparent turns preserve the Responses driver model and token usage; image model, settings, and usage remain separate generation metadata. Do not apply the explicit standalone route's zero-driver accounting to auto turns. Full image history is replayed on each turn without reusable provider conversation state. Global image-tool opt-in remains unchanged outside chat to preserve regular callers' tool framing and cache behavior.
+
+The 2026-09-29 hosted-route probe returned PNG for a prompt-only WebP request and WebP for explicit `imageGenerationOptions.outputFormat: "webp"`. Verify bytes rather than model claims. The standalone transparent endpoint still returns PNG; no format conversion is added. See `output/webp-prompt-probe-2026-09-29/verification.md` and `docs/solutions/architecture-patterns/qgrid-native-auto-image-generation-2.9.8.md`.

package/skills/qgrid/references/request-log-run-lifecycle.md

@@ -78,7 +78,9 @@ OpenAI uses the completed Responses event's per-request usage fields.
 
 Anthropic normalizes native mutually exclusive categories by summing input + cache creation + cache read into total input. Prefer positive Claude Code `total_cost_usd`; otherwise calculate from the actual serving model and TTL split.
 
-For image requests, keep `cost_usd` as the Codex driver model token cost. Hosted image output costs use quality/size assumptions because image-tool usage is not exposed. Transparent standalone Images requests run no driver and report zero driver usage/cost; their image usage and actual settings are preserved as `observedGeneration` alongside `requestedOptions` in the synthetic tool log. Their separate image cost uses reported usage with an explicitly conservative public-price estimate. Treat `image_cost_usd` as a price-table estimate that may be inaccurate if Codex changes its underlying image accounting.
+For image requests, keep `cost_usd` as the Codex driver model token cost. Hosted image output costs use quality/size assumptions because image-tool usage is not exposed. Explicit transparent standalone Images requests run no driver and report zero driver usage/cost; auto transparent turns preserve the Responses driver model and usage while keeping image usage/settings separately. Image usage and actual settings are preserved as `observedGeneration` alongside `requestedOptions` in the synthetic tool log. Their separate image cost uses reported usage with an explicitly conservative public-price estimate. Treat `image_cost_usd` as a price-table estimate that may be inaccurate if Codex changes its underlying image accounting.
+
+For `imageGeneration: "auto"`, set `is_image_generation` only when returned content actually contains an image; offering image tools is not sufficient. Keep stored `model_name` as the driver for hosted and auto transparent turns. Dashboard requested-to-image labels can derive the image model from serving/image-cost metadata without changing the stored driver or adding image-generation/assumption badges.
 
 Reference images for image generation are not stored in `request_logs.user_prompt`; that field remains the text prompt. For inspection in the detail view, qgrid stores reference image metadata/base64 in the synthetic `image_generation` step's `tool_args.inputImages`. If Codex returns multiple image outputs, store `inputImages` only on the first synthetic image tool step so multi-output logs do not duplicate the same input payload on every output.