@cartanova/qgrid-cli 1.0.2 → 1.0.4

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

@@ -0,0 +1,490 @@
+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 = 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);
+	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);
+			},
+			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 ? /* @__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),
+		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
+			})
+		]
+	});
+}
+function UsageCard() {
+	const [currentIndex, setCurrentIndex] = (0, import_react.useState)(0);
+	const { data, isLoading } = TokenService.useTokens("A");
+	if (isLoading) return /* @__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-20 bg-sand-200 rounded mb-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-full bg-sand-200 rounded-full" })]
+	});
+	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 safeIndex = Math.min(currentIndex, tokens.length - 1);
+	const token = tokens[safeIndex];
+	const hasPrev = safeIndex > 0;
+	const hasNext = safeIndex < tokens.length - 1;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "rounded-lg bg-sand-50 px-5 py-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center justify-between mb-1",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-sm font-medium text-sand-800",
+					children: token.name ?? "Unnamed"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: `text-[10px] px-1.5 py-0.5 rounded-full ${token.active ? "bg-sage-100 text-sage-600" : "bg-sand-200 text-sand-500"}`,
+					children: token.active ? "Active" : "Inactive"
+				})]
+			}), tokens.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1",
+				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: !hasPrev,
+						onClick: () => setCurrentIndex(safeIndex - 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: [
+							safeIndex + 1,
+							" / ",
+							tokens.length
+						]
+					}),
+					/* @__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: !hasNext,
+						onClick: () => setCurrentIndex(safeIndex + 1),
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronRight, { className: "size-4" })
+					})
+				]
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TokenUsage, { token })]
+	});
+}
+//#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 };