@cartanova/qgrid-cli 2.6.1 → 2.6.4

package/bundle/web-dist/server/assets/{show-0iNioJ2I.js → show-C-oSdzHX.js}

@@ -1,6 +1,6 @@
-import { J as __commonJSMin, Y as __exportAll, Z as __toESM, _ as require_jsx_runtime, v as require_react } from "./sd.generated-ek-tz-7H.js";
-import { i as RequestLogStepService, r as RequestLogService } from "./services.generated-BNuxWs7K.js";
-import { a as Link } from "./lazyRouteComponent-PRxXWW3t.js";
+import { J as __commonJSMin, Y as __exportAll, Z as __toESM, _ as require_jsx_runtime, v as require_react } from "./sd.generated-B0xqnHEo.js";
+import { i as RequestLogStepService, r as RequestLogService } from "./services.generated-DqAKskAS.js";
+import { a as Link } from "./lazyRouteComponent-BaZaveNc.js";
 import { t as Route } from "../entry-server.generated.js";
 import { n as formatMicroUsd, t as cacheHitRate } from "./cost-CSH_t17I.js";
 import minpath from "node:path";
@@ -25269,13 +25269,16 @@ function Section({ title, defaultOpen = true, children }) {
 	});
 }
 function Metric({ label, value }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
-		className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-		children: label
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
-		className: "text-[15px] font-semibold text-sand-800 tabular-nums mt-0.5",
-		children: value
-	})] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+			className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium truncate",
+			children: label
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+			className: "text-[15px] font-semibold text-sand-800 tabular-nums mt-0.5 truncate",
+			children: value
+		})]
+	});
 }
 var STATUS_STYLE = {
 	running: "bg-blue-100 text-blue-600",
@@ -25306,10 +25309,10 @@ function HeaderBar({ data }) {
 	const hasFallback = !isRunning && data.requested_model_name !== null && data.model_name !== null && data.requested_model_name !== data.model_name;
 	const hasRequestedOnly = !isRunning && data.requested_model_name !== null && data.model_name === null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "panel overflow-hidden px-5 py-3 flex items-center gap-2",
+		className: "panel overflow-hidden px-4 py-3 flex flex-wrap items-center gap-x-2 gap-y-1.5 sm:px-5",
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "text-[15px] font-semibold text-sand-900",
+				className: "text-[15px] font-semibold text-sand-900 break-all",
 				children: isRunning ? "실행 중" : hasFallback ? `${data.requested_model_name} → ${data.model_name}` : data.model_name ?? data.requested_model_name ?? "Unknown model"
 			}),
 			hasRequestedOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
@@ -25441,13 +25444,16 @@ function formatTokensPerSec(outputTokens, durationMs, ttftMs, enabled) {
 	return `${Math.round(outputTokens / (generationMs / 1e3)).toLocaleString()} tok/s`;
 }
 function CompactMetric({ label, value }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-		children: label
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "mt-0.5 text-[13px] font-semibold text-sand-800 tabular-nums",
-		children: value
-	})] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium truncate",
+			children: label
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "mt-0.5 text-[13px] font-semibold text-sand-800 tabular-nums truncate",
+			children: value
+		})]
+	});
 }
 function readToolInputImages(args) {
 	if (!args || typeof args !== "object" || Array.isArray(args)) return [];
@@ -25662,7 +25668,7 @@ function StepTreeItem({ entry, tokensPerSecEnabled }) {
 			children: [generate && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "rounded-md border border-sand-100 bg-sand-50/70 p-3",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "grid grid-cols-2 md:grid-cols-4 xl:grid-cols-8 gap-3",
+					className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-8 gap-x-4 gap-y-3",
 					children: [
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactMetric, {
 							label: "Duration",
@@ -25928,16 +25934,16 @@ function RequestDetail({ id }) {
 			hasHistory && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HistorySection, { history }),
 			hasTools && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolsSection, { tools }),
 			hasSteps ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex gap-4 items-start",
+				className: "flex flex-col lg:flex-row gap-4 items-stretch lg:items-start",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex-1 min-w-0",
-					children: promptSections
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex-1 min-w-0 space-y-4",
+					className: "order-1 lg:order-2 flex-1 min-w-0 space-y-4",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepTreeSection, {
 						steps: stepTree,
 						tokensPerSecEnabled
 					})
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "order-2 lg:order-1 flex-1 min-w-0",
+					children: promptSections
 				})]
 			}) : promptSections,
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {