@cartanova/qgrid-cli 2.9.6 → 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";
@@ -46085,18 +46253,21 @@ var MODEL_PRESET_GROUPS = [{
 	label: "OpenAI",
 	models: [
 		"openai/gpt-6-astra",
+		"openai/gpt-6-sol",
+		"openai/gpt-6-luna",
 		"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",
 	models: [
 		"anthropic/claude-fable-5-1",
 		"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",
@@ -46104,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 = [
@@ -46115,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);
@@ -46176,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);
@@ -46235,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,
@@ -46284,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,
 			{
@@ -46302,7 +46456,7 @@ function ChatWidget() {
 		setAttachments([]);
 		setBusy(true);
 		try {
-			const { streamId: id } = await QgridService.prepareStream({
+			const args = {
 				prompt,
 				model,
 				projectName: CHAT_PROJECT_NAME,
@@ -46315,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"
@@ -46342,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);
@@ -46493,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",
@@ -46507,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, {
@@ -46569,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)),
@@ -46644,12 +46869,12 @@ function ChatWidget() {
 				alt: "",
 				className: "size-full object-cover"
 			})
-		})
+		})]
 	});
 }
 //#endregion
 //#region src/components/Sidebar.tsx
-var qgridVersion = "2.9.6";
+var qgridVersion = "2.9.9";
 function Sidebar({ className }) {
 	const pathname = useRouterState({ select: (s) => s.location.pathname });
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
@@ -47107,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",
@@ -68534,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",
@@ -68554,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(),
@@ -68568,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.6",
+  "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/ai-sdk-provider-contract.md

@@ -63,7 +63,7 @@ Do not write `providerOptions: { ... } satisfies QgridProviderOptions`: the expo
   rejected by the SDK before transport; omission keeps weighted round-robin routing.
 - `logger`: request-log switch. Omitted or `true` is the default and enables qgrid logging; `false` guarantees that generation creates zero qgrid request-log rows.
 - `sessionKey`: source for model-scoped opaque OpenAI prompt-cache affinity. Disabled for Anthropic models.
-- `effort`: provider-specific vocabulary. OpenAI (ChatGPT-subscription Codex route): `low | medium | high | xhigh | max | ultra`, where GPT-6 Astra, GPT-5.6 Sol, and Terra support `ultra`, and Luna supports through `max`; the public OpenAI API's `none`/`minimal` do not exist on this route. Anthropic (Claude Code `--effort`): `low | medium | high | xhigh | max`. The server resolves the value per provider and model (`providers/common/effort.ts`): anything outside the provider set, or above the Codex model's supported maximum, is silently dropped and treated as unspecified — Anthropic falls back to qgrid's default `low`, OpenAI omits `reasoning` so the backend default applies. No error, no metadata; a debug log line only. Use `QgridOpenAIProviderOptions` / `QgridAnthropicProviderOptions` for provider-typed `satisfies`; `QgridProviderOptions` is their union.
+- `effort`: provider-specific vocabulary. OpenAI (ChatGPT-subscription Codex route): `low | medium | high | xhigh | max | ultra`, where GPT-6 Astra, GPT-6 Sol, GPT-5.6 Sol, and Terra support `ultra`, and GPT-6 Luna and GPT-5.6 Luna support through `max`; the public OpenAI API's `none`/`minimal` do not exist on this route. Anthropic (Claude Code `--effort`): `low | medium | high | xhigh | max`. The server resolves the value per provider and model (`providers/common/effort.ts`): anything outside the provider set, or above the Codex model's supported maximum, is silently dropped and treated as unspecified — Anthropic falls back to qgrid's default `low`, OpenAI omits `reasoning` so the backend default applies. No error, no metadata; a debug log line only. Use `QgridOpenAIProviderOptions` / `QgridAnthropicProviderOptions` for provider-typed `satisfies`; `QgridProviderOptions` is their union.
 - `verbosity`: OpenAI/Codex route only.
 - `reasoningSummary`: OpenAI/Codex route only.
 - `serviceTier`: OpenAI/Codex route only.

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 and Opus 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 and Fable 5.1 require always-on adaptive thinking (CLI catalog `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.
+- `--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
 
@@ -257,6 +257,8 @@ qgrid's exact 1M support set currently includes:
 - `claude-fable-5-1`
 - `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.