@cartanova/qgrid-cli 1.1.5 → 1.2.0

package/bundle/web-dist/server/assets/routes-BQmURFK9.js

@@ -1,492 +0,0 @@
-import { b as require_jsx_runtime, tt as __toESM, x as require_react } from "./sd.generated-BnonqqKr.js";
-import { n as RequestLogService, r as TokenService, t as QgridService } from "./services.generated-D5ABD5fr.js";
-import { i as lucideKeyRound, o as useNavigate } from "../entry-server.generated.js";
-//#region ~icons/lucide/activity.jsx
-var import_react = /* @__PURE__ */ __toESM(require_react());
-var import_jsx_runtime = require_jsx_runtime();
-var lucideActivity = (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: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"
-	})
-});
-//#endregion
-//#region ~icons/lucide/cpu.jsx
-var lucideCpu = (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)("path", { d: "M12 20v2m0-20v2m5 16v2m0-20v2M2 12h2m-2 5h2M2 7h2m16 5h2m-2 5h2M20 7h2M7 20v2M7 2v2" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
-				width: 16,
-				height: 16,
-				x: 4,
-				y: 4,
-				rx: 2
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
-				width: 8,
-				height: 8,
-				x: 8,
-				y: 8,
-				rx: 1
-			})
-		]
-	})
-});
-//#endregion
-//#region src/components/qgrid/HealthCard.tsx
-function MetricCard({ label, icon: Icon, children }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "rounded-lg bg-sand-50 px-5 py-4",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex items-center justify-between mb-2",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-				children: label
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "size-4 text-sand-400" })]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children })]
-	});
-}
-function HealthCard({ data, isLoading, isError }) {
-	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
-		children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "rounded-lg bg-sand-50 px-5 py-4 animate-pulse",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-16 bg-sand-200 rounded mb-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-6 w-12 bg-sand-200 rounded" })]
-		}, `skeleton-${i}`))
-	});
-	const isOnline = (isError ? "offline" : data?.status ?? "unknown") === "ok";
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetricCard, {
-				label: "Status",
-				icon: lucideActivity,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `size-2 rounded-full ${isOnline ? "bg-sage-400" : "bg-red-400"}` }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "text-base font-semibold text-sand-800",
-						children: isOnline ? "Online" : "Offline"
-					})]
-				})
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetricCard, {
-				label: "Workers",
-				icon: lucideCpu,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-base font-semibold text-sand-800",
-					children: data?.workers ?? 0
-				})
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetricCard, {
-				label: "Active Tokens",
-				icon: lucideKeyRound,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-base font-semibold text-sand-800",
-					children: data?.activeTokens ?? 0
-				})
-			})
-		]
-	});
-}
-//#endregion
-//#region ~icons/lucide/chevron-right.jsx
-var lucideChevronRight = (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: "m9 18l6-6l-6-6"
-	})
-});
-//#endregion
-//#region src/components/qgrid/RequestLogTable.tsx
-var PAGE_SIZE$1 = 50;
-function formatTime(iso) {
-	const d = new Date(iso);
-	return `${d.getHours().toString().padStart(2, "0")}:${d.getMinutes().toString().padStart(2, "0")}`;
-}
-function formatNum(n) {
-	return n.toLocaleString();
-}
-function calcCacheHitRate(row) {
-	const denom = row.input_tokens + row.cache_read_tokens + row.cache_creation_tokens;
-	if (denom === 0) return "—";
-	return `${Math.round(row.cache_read_tokens / denom * 100)}%`;
-}
-function trimQuery(q, maxLen = 30) {
-	return q.length > maxLen ? `${q.slice(0, maxLen)}...` : q;
-}
-function RequestLogTable() {
-	const navigate = useNavigate();
-	const [num, setNum] = (0, import_react.useState)(PAGE_SIZE$1);
-	const [tokenFilter, setTokenFilter] = (0, import_react.useState)("");
-	const { data: statsData } = QgridService.useStats();
-	const tokenNames = (statsData ?? []).map((t) => t.name).filter(Boolean);
-	const { data, isLoading } = RequestLogService.useRequestLogs("A", {
-		num,
-		page: 1,
-		orderBy: "id-desc",
-		...tokenFilter ? { token_name: tokenFilter } : {}
-	});
-	const rows = data?.rows ?? [];
-	const total = data?.total ?? 0;
-	const hasMore = num < total;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-2 mb-3",
-		children: [tokenNames.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
-			value: tokenFilter,
-			onChange: (e) => {
-				setTokenFilter(e.target.value);
-				setNum(PAGE_SIZE$1);
-			},
-			className: "border border-sand-200 rounded-md px-2 py-1 text-xs text-sand-700 bg-white focus:outline-none focus:border-sienna-300",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
-				value: "",
-				children: "All Tokens"
-			}), tokenNames.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
-				value: name,
-				children: name
-			}, name))]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-			className: "text-[11px] text-sand-400",
-			children: [total, " results"]
-		})]
-	}), isLoading && num === PAGE_SIZE$1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "space-y-2",
-		children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-8 bg-sand-100 rounded animate-pulse" }, `skel-${i}`))
-	}) : rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "text-sand-400 text-center py-12 text-sm",
-		children: "No requests yet."
-	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "rounded-lg bg-sand-50 overflow-hidden",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
-			className: "w-full text-sm",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
-				className: "border-b border-sand-200",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-left px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Token"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-left px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Query"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "In"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Out"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "C.Read"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "C.Write"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-						className: "text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium",
-						children: "Hit"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "w-8 px-2 py-2.5" })
-				]
-			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
-				className: "divide-y divide-sand-200/60",
-				children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
-					className: "transition-colors duration-150 hover:bg-sand-100/60 cursor-pointer",
-					onClick: () => navigate({
-						to: "/requests/show",
-						search: { id: row.id }
-					}),
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "text-xs text-sand-500",
-								children: row.token_name
-							})
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "text-[10px] text-sand-400 shrink-0",
-									children: formatTime(row.created_at)
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "text-sand-800 truncate max-w-48",
-									title: row.query,
-									children: trimQuery(row.query)
-								})]
-							})
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
-							children: formatNum(row.input_tokens)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
-							children: formatNum(row.output_tokens)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
-							children: formatNum(row.cache_read_tokens)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
-							children: formatNum(row.cache_creation_tokens)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-3 py-2.5 text-right tabular-nums text-sand-700",
-							children: calcCacheHitRate(row)
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-							className: "px-2 py-2.5",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronRight, { className: "size-4 text-sand-400" })
-						})
-					]
-				}, row.id))
-			})]
-		})
-	}), hasMore && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-		type: "button",
-		className: "mt-3 w-full py-2 text-xs text-sand-500 hover:text-sienna-500 transition-colors",
-		onClick: () => setNum((prev) => prev + PAGE_SIZE$1),
-		children: [
-			"Load more (",
-			total - num,
-			" remaining)"
-		]
-	})] })] });
-}
-//#endregion
-//#region ~icons/lucide/chevron-left.jsx
-var lucideChevronLeft = (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: "m15 18l-6-6l6-6"
-	})
-});
-//#endregion
-//#region src/components/qgrid/UsageCard.tsx
-function barColor(pct) {
-	if (pct >= 95) return "bg-red-500";
-	if (pct >= 80) return "bg-amber-400";
-	return "bg-sienna-400";
-}
-function formatResets(iso) {
-	if (!iso) return "";
-	const diff = new Date(iso).getTime() - Date.now();
-	if (diff <= 0) return "resetting...";
-	const h = Math.floor(diff / 36e5);
-	const m = Math.floor(diff % 36e5 / 6e4);
-	return h > 0 ? `resets ${h}h ${m}m` : `resets ${m}m`;
-}
-function UsageRow({ label, utilization, resetsAt }) {
-	const pct = utilization ?? 0;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-3",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "text-xs text-sand-600 w-20 shrink-0",
-				children: label
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "flex-1 h-2 bg-sand-200 rounded-full overflow-hidden",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: `h-full rounded-full transition-all duration-300 ${barColor(pct)}`,
-					style: { width: `${Math.min(pct, 100)}%` }
-				})
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				className: "text-xs tabular-nums text-sand-700 w-10 text-right",
-				children: [pct, "%"]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: "text-[10px] text-sand-400 w-24 text-right",
-				children: formatResets(resetsAt)
-			})
-		]
-	});
-}
-function TokenUsage({ token }) {
-	const { data, isLoading } = QgridService.useUsage(token.name);
-	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "animate-pulse space-y-2 py-2",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-full bg-sand-200 rounded-full" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-3/4 bg-sand-200 rounded-full" })]
-	});
-	if (data?.error) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "py-1",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-			className: "text-[11px] text-amber-600",
-			children: "Session expired"
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-			className: "text-[10px] text-sand-400 mt-0.5",
-			children: "Please re-login via OAuth or update your token"
-		})]
-	});
-	if (!data?.five_hour) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-		className: "text-[11px] text-sand-400 py-1",
-		children: "No usage data"
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "space-y-1.5 py-1",
-		children: [
-			data.five_hour && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageRow, {
-				label: "5h",
-				utilization: data.five_hour.utilization,
-				resetsAt: data.five_hour.resets_at
-			}),
-			data.seven_day && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageRow, {
-				label: "7d All",
-				utilization: data.seven_day.utilization,
-				resetsAt: data.seven_day.resets_at
-			}),
-			data.seven_day_sonnet && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageRow, {
-				label: "7d Sonnet",
-				utilization: data.seven_day_sonnet.utilization,
-				resetsAt: data.seven_day_sonnet.resets_at
-			}),
-			data.seven_day_opus && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageRow, {
-				label: "7d Opus",
-				utilization: data.seven_day_opus.utilization,
-				resetsAt: data.seven_day_opus.resets_at
-			})
-		]
-	});
-}
-var PAGE_SIZE = 6;
-function UsageCard() {
-	const [page, setPage] = (0, import_react.useState)(0);
-	const { data, isLoading } = TokenService.useTokens("A");
-	if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "grid grid-cols-2 gap-3",
-		children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "rounded-lg bg-sand-50 px-4 py-3 animate-pulse",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-16 bg-sand-200 rounded mb-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-full bg-sand-200 rounded-full" })]
-		}, `skel-${i}`))
-	});
-	const tokens = data?.rows ?? [];
-	if (tokens.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "rounded-lg bg-sand-50 px-5 py-4",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-			className: "text-sand-400 text-sm",
-			children: "No tokens registered"
-		})
-	});
-	const totalPages = Math.ceil(tokens.length / PAGE_SIZE);
-	const safePage = Math.min(page, totalPages - 1);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "grid grid-cols-2 gap-3",
-		children: tokens.slice(safePage * PAGE_SIZE, (safePage + 1) * PAGE_SIZE).map((token) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "rounded-lg bg-sand-50 px-4 py-3",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2 mb-2",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-sm font-medium text-sand-800 truncate",
-					children: token.name ?? "Unnamed"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: `text-[10px] px-1.5 py-0.5 rounded-full shrink-0 ${token.active ? "bg-sage-100 text-sage-600" : "bg-sand-200 text-sand-500"}`,
-					children: token.active ? "Active" : "Inactive"
-				})]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TokenUsage, { token })]
-		}, token.id))
-	}), totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex items-center justify-center gap-2 mt-3",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: "p-0.5 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors",
-				disabled: safePage === 0,
-				onClick: () => setPage(safePage - 1),
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronLeft, { className: "size-4" })
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				className: "text-[10px] text-sand-400 tabular-nums",
-				children: [
-					safePage + 1,
-					" / ",
-					totalPages
-				]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: "p-0.5 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors",
-				disabled: safePage === totalPages - 1,
-				onClick: () => setPage(safePage + 1),
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronRight, { className: "size-4" })
-			})
-		]
-	})] });
-}
-//#endregion
-//#region src/routes/index.tsx?tsr-split=component
-function Dashboard() {
-	const { data: healthData, isLoading: healthLoading, isError: healthError } = QgridService.useHealth();
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "space-y-5 max-w-300 mx-auto -translate-x-4",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
-				className: "text-xl font-medium text-sand-900 tracking-tight",
-				children: "Dashboard"
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HealthCard, {
-				data: healthData,
-				isLoading: healthLoading,
-				isError: healthError
-			}),
-			/* @__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: "Usage"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "mt-2",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UsageCard, {})
-			})] }),
-			/* @__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: "Request Log"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "mt-2",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RequestLogTable, {})
-			})] })
-		]
-	});
-}
-//#endregion
-export { Dashboard as component };