@cartanova/qgrid-cli 1.5.0 → 1.5.2

package/bundle/web-dist/server/assets/{show-Btv2c6zd.js → show-CvoILmu3.js}

@@ -2,6 +2,7 @@ import { $ as __commonJSMin, S as require_react, et as __exportAll, nt as __toES
 import { n as RequestLogService } from "./services.generated-DjxCLdMu.js";
 import { a as Link } from "./lazyRouteComponent-Dyl_0WZs.js";
 import { t as Route } from "../entry-server.generated.js";
+import { n as lucideCheck, t as lucideCopy } from "./copy-C9YkjJVm.js";
 import minpath from "node:path";
 import minproc from "node:process";
 import { fileURLToPath as urlToPath } from "node:url";
@@ -18109,7 +18110,7 @@ function isUint8Array(value) {
 *   Transformed URL (optional).
 */
 var import_jsx_runtime = require_jsx_runtime();
-require_react();
+var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
 /** @type {PluggableList} */
 var emptyPlugins = [];
 /** @type {Readonly<RemarkRehypeOptions>} */
@@ -23196,6 +23197,22 @@ var lucideArrowLeft = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("sv
 	})
 });
 //#endregion
+//#region ~icons/lucide/chevron-down.jsx
+var lucideChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "m6 9l6 6l6-6"
+	})
+});
+//#endregion
 //#region src/routes/requests/show.tsx?tsr-split=component
 function RequestShowPage() {
 	const { id } = Route.useSearch();
@@ -23213,6 +23230,197 @@ function formatDateTime(iso) {
 		second: "2-digit"
 	});
 }
+function tryParseJson(text) {
+	try {
+		return JSON.parse(text);
+	} catch {
+		return null;
+	}
+}
+function JsonValue({ value, defaultOpen = true }) {
+	if (value === null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-sand-400",
+		children: "null"
+	});
+	if (value === void 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-sand-400",
+		children: "undefined"
+	});
+	if (typeof value === "boolean") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-amber-600",
+		children: String(value)
+	});
+	if (typeof value === "number") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-blue-600",
+		children: String(value)
+	});
+	if (typeof value === "string") {
+		if (value.length > 200) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+			className: "inline",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", {
+				className: "cursor-pointer text-sage-700",
+				children: [
+					"\"",
+					value.slice(0, 80),
+					"...\"",
+					" ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "text-sand-400 text-[10px]",
+						children: [
+							"(",
+							value.length,
+							" chars)"
+						]
+					})
+				]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("pre", {
+				className: "mt-1 ml-2 text-sage-700 whitespace-pre-wrap wrap-break-word",
+				children: [
+					"\"",
+					value,
+					"\""
+				]
+			})]
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "text-sage-700",
+			children: [
+				"\"",
+				value,
+				"\""
+			]
+		});
+	}
+	if (Array.isArray(value)) {
+		if (value.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-sand-500",
+			children: "[]"
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+			open: defaultOpen,
+			className: "inline-block w-full",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", {
+				className: "cursor-pointer text-sand-500",
+				children: "[]"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "ml-4 border-l border-sand-200 pl-3",
+				children: value.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "py-0.5",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(JsonValue, {
+						value: item,
+						defaultOpen: true
+					})
+				}, i))
+			})]
+		});
+	}
+	if (typeof value === "object") {
+		const entries = Object.entries(value);
+		if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-sand-500",
+			children: "{}"
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+			open: defaultOpen,
+			className: "inline-block w-full",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", {
+				className: "cursor-pointer text-sand-500",
+				children: "{}"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "ml-4 border-l border-sand-200 pl-3",
+				children: entries.map(([key, val]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "py-0.5",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-sienna-500 font-medium",
+							children: key
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-sand-400",
+							children: ": "
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(JsonValue, {
+							value: val,
+							defaultOpen: true
+						})
+					]
+				}, key))
+			})]
+		});
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: String(value) });
+}
+function CopyButton({ text }) {
+	const [copied, setCopied] = (0, import_react.useState)(false);
+	(0, import_react.useEffect)(() => {
+		if (!copied) return;
+		const id = setTimeout(() => setCopied(false), 1500);
+		return () => clearTimeout(id);
+	}, [copied]);
+	const handleCopy = () => {
+		navigator.clipboard.writeText(text);
+		setCopied(true);
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		className: "absolute top-2 right-2 p-1 rounded text-sand-400 hover:text-sand-600 transition-colors",
+		onClick: handleCopy,
+		children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideCheck, { className: "size-3.5 text-sage-500" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideCopy, { className: "size-3.5" })
+	});
+}
+function FormattedContent({ text, markdown }) {
+	const parsed = tryParseJson(text);
+	const [mode, setMode] = (0, import_react.useState)("pretty");
+	if (parsed === null) {
+		if (markdown) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "prose prose-sm prose-sand max-w-none",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Markdown, {
+				remarkPlugins: [remarkGfm],
+				children: text
+			})
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+			className: "text-sm text-sand-800 whitespace-pre-wrap wrap-break-word font-mono leading-relaxed",
+			children: text
+		});
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex gap-1 mb-2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: `px-2 py-0.5 text-[10px] rounded-md transition-colors ${mode === "plain" ? "bg-sand-200 text-sand-700" : "text-sand-400 hover:text-sand-600"}`,
+			onClick: () => setMode("plain"),
+			children: "Plain"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: `px-2 py-0.5 text-[10px] rounded-md transition-colors ${mode === "pretty" ? "bg-sand-200 text-sand-700" : "text-sand-400 hover:text-sand-600"}`,
+			onClick: () => setMode("pretty"),
+			children: "Pretty"
+		})]
+	}), mode === "pretty" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "text-sm font-mono leading-relaxed",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(JsonValue, { value: parsed })
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+		className: "text-sm text-sand-800 whitespace-pre-wrap wrap-break-word font-mono leading-relaxed",
+		children: JSON.stringify(parsed, null, 2)
+	})] });
+}
+function Section({ title, defaultOpen = true, children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+		open: defaultOpen,
+		className: "group",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", {
+			className: "flex items-center gap-1 cursor-pointer select-none list-none",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronDown, { className: "size-3.5 text-sand-400 transition-transform group-open:rotate-0 -rotate-90" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
+				children: title
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "mt-1.5",
+			children
+		})]
+	});
+}
 function RequestDetail({ id }) {
 	const { data, isLoading } = RequestLogService.useRequestLog("A", id);
 	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -23248,33 +23456,27 @@ function RequestDetail({ id }) {
 				className: "text-xl font-medium text-sand-900 tracking-tight",
 				children: "Request Detail"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-				children: "Query"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "mt-1.5 rounded-lg bg-sand-50 px-4 py-3",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
-					className: "text-sm text-sand-800 whitespace-pre-wrap break-words font-mono leading-relaxed",
-					children: data.query
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+				title: "Query",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "rounded-lg bg-sand-50 px-4 py-3",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, { text: data.query })
 				})
-			})] }),
-			data.response && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-				children: "Response"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "mt-1.5 rounded-lg bg-sand-50 px-4 py-3 prose prose-sm prose-sand max-w-none",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Markdown, {
-					remarkPlugins: [remarkGfm],
-					children: data.response
+			}),
+			data.response && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+				title: "Response",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "relative rounded-lg bg-sand-50 px-4 py-3",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: data.response }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedContent, {
+						text: data.response,
+						markdown: true
+					})]
 				})
-			})] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-					children: "Token Breakdown"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "mt-1.5 rounded-lg bg-sand-50 px-5 py-4",
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+				title: "Token Breakdown",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "rounded-lg bg-sand-50 px-5 py-4",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", {
 						className: "w-full text-sm tabular-nums",
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tbody", {
@@ -23321,11 +23523,12 @@ function RequestDetail({ id }) {
 							]
 						})
 					})
-				})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-[10px] uppercase tracking-wider text-sand-500 font-medium",
-					children: "Info"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "mt-1.5 rounded-lg bg-sand-50 px-5 py-4",
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+				title: "Info",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "rounded-lg bg-sand-50 px-5 py-4",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", {
 						className: "w-full text-sm",
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tbody", {
@@ -23355,7 +23558,7 @@ function RequestDetail({ id }) {
 							]
 						})
 					})
-				})] })]
+				})
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pb-8" })
 		]

package/bundle/web-dist/server/assets/{tokens-BYhGItkk.js → tokens-BWmL4GfT.js}

@@ -1,6 +1,7 @@
 import { S as require_react, b as useQueryClient, c as array, d as custom, f as date, g as string, h as object, i as SonamuQueryMode, l as bigint, m as number, nt as __toESM, o as zArrayable, p as int, s as _enum, u as boolean, x as require_jsx_runtime } from "./sd.generated-BeEKgSOs.js";
 import { r as TokenService, t as QgridService } from "./services.generated-DjxCLdMu.js";
 import { a as lucideKeyRound, i as mn, r as m5 } from "../entry-server.generated.js";
+import { n as lucideCheck, t as lucideCopy } from "./copy-C9YkjJVm.js";
 //#region ~icons/lucide/eye.jsx
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
@@ -313,45 +314,6 @@ function AddTokenModal() {
 	})] });
 }
 //#endregion
-//#region ~icons/lucide/check.jsx
-var lucideCheck = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em",
-	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-		fill: "none",
-		stroke: "currentColor",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth: 2,
-		d: "M20 6L9 17l-5-5"
-	})
-});
-//#endregion
-//#region ~icons/lucide/copy.jsx
-var lucideCopy = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em",
-	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
-		fill: "none",
-		stroke: "currentColor",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth: 2,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
-			width: 14,
-			height: 14,
-			x: 8,
-			y: 8,
-			rx: 2,
-			ry: 2
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
-	})
-});
-//#endregion
 //#region ~icons/lucide/pencil.jsx
 var lucidePencil = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",

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

@@ -42625,7 +42625,7 @@ function RootComponent() {
 }
 //#endregion
 //#region src/routes/tokens.tsx
-var $$splitComponentImporter$3 = () => import("./assets/tokens-BYhGItkk.js");
+var $$splitComponentImporter$3 = () => import("./assets/tokens-BWmL4GfT.js");
 var Route$3 = createFileRoute("/tokens")({ component: lazyRouteComponent($$splitComponentImporter$3, "component") });
 //#endregion
 //#region src/routes/logs.tsx
@@ -42641,7 +42641,7 @@ var $$splitComponentImporter$1 = () => import("./assets/routes-qwzTPLE2.js");
 var Route$1 = createFileRoute("/")({ component: lazyRouteComponent($$splitComponentImporter$1, "component") });
 //#endregion
 //#region src/routes/requests/show.tsx
-var $$splitComponentImporter = () => import("./assets/show-Btv2c6zd.js");
+var $$splitComponentImporter = () => import("./assets/show-CvoILmu3.js");
 var showSearchSchema = object({ id: number() });
 var Route = createFileRoute("/requests/show")({
 	validateSearch: showSearchSchema,

package/dist/cli.js

@@ -20,9 +20,10 @@ program.name("qgrid").version(pkg.version).description("Qgrid — LLM subscripti
 	if (!opts.skipUpdate) {
 		const latest = execSync("npm view @cartanova/qgrid-cli version", { encoding: "utf-8" }).trim();
 		if (latest !== pkg.version) {
-			console.log(`@@Updating qgrid-cli: ${pkg.version} → ${latest}@@`);
-			execSync("npm i -g @cartanova/qgrid-cli@latest", { stdio: "inherit" });
-			console.log("@@Updated. Restarting...\n@@");
+			const installCmd = process.env.npm_config_user_agent?.includes("pnpm") || execSync("which qgrid", { encoding: "utf-8" }).includes("pnpm") ? "pnpm add -g @cartanova/qgrid-cli@latest" : "npm i -g @cartanova/qgrid-cli@latest";
+			console.log(`Updating qgrid-cli: ${pkg.version} → ${latest}`);
+			execSync(installCmd, { stdio: "inherit" });
+			console.log("Updated. Restarting...\n");
 			execSync(`qgrid ${process.argv.slice(2).concat("--skip-update").join(" ")}`, { stdio: "inherit" });
 			process.exit(0);
 		}

package/package.json

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