@cartanova/qgrid-cli 1.9.0 → 2.0.1

package/bundle/web-dist/client/assets/tokens-Cg1f0Ga2.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-Dw2cE7zH.js";import{y as t}from"./vendor-tanstack-DJRQAbrY.js";import{i as n,r}from"./vendor-react-DH4kUfK2.js";import{i,r as a}from"./index-ZV-tHpAg.js";import{i as o,t as s}from"./services.generated-Bx1Eh7ot.js";var c=e(n()),l=r(),u=e=>(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,l.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M5 12h14m-7-7v14`})});function d(){let[e,n]=(0,c.useState)(!1),[r,o]=(0,c.useState)(!1),[d,f]=(0,c.useState)(``),p=t(),m=s.useOauthStartMutation(),h=s.useOauthStartOpenAIMutation(),g=async e=>{if(d.trim())if(e===`openai`){let e=window.open(`about:blank`,`_blank`);o(!0);try{let{authUrl:t}=await h.mutateAsync({name:d.trim()});e?e.location.href=t:window.open(t,`_blank`);let n=setInterval(async()=>{await p.invalidateQueries({queryKey:[`Token`]}),await p.invalidateQueries({queryKey:[`Qgrid`]})},3e3);setTimeout(()=>{clearInterval(n),o(!1)},3e5)}catch(e){console.error(`OAuth start failed:`,e),o(!1)}}else{o(!0);try{let{authUrl:e}=await m.mutateAsync({name:d.trim()});window.location.href=e}catch(e){console.error(`OAuth start failed:`,e),o(!1)}}},_=()=>{n(!1),f(``),o(!1)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(`button`,{type:`button`,className:`px-3.5 py-1.5 text-[12px] font-medium rounded-lg bg-sienna-500 text-white hover:bg-sienna-600 disabled:opacity-50 transition-all duration-150 active:scale-[0.97] flex items-center gap-1.5 shadow-sm`,onClick:()=>n(!0),children:[(0,l.jsx)(u,{className:`size-3.5`}),`Add Token`]}),e&&(0,l.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,l.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:_,onKeyDown:()=>{}}),(0,l.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-md mx-4`,children:[(0,l.jsx)(`div`,{className:`px-5 py-4 border-b border-sand-100/50`,children:(0,l.jsx)(`h2`,{className:`text-base font-medium text-sand-900`,children:`Add Token`})}),(0,l.jsxs)(`div`,{className:`px-5 py-4 space-y-4`,children:[(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`label`,{htmlFor:`token-name`,className:`text-[10px] uppercase tracking-wider text-sand-500 font-medium`,children:`Name *`}),(0,l.jsx)(a,{value:d,onChange:e=>f(e.target.value),placeholder:`e.g. your-token-name`,className:`mt-1 w-full border border-sand-200 rounded-md px-3 py-2 text-sm text-sand-900 bg-white placeholder:text-sand-300 focus:outline-none focus:border-sienna-300`})]}),(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsx)(`button`,{type:`button`,className:`w-full py-2.5 text-sm font-medium rounded-md bg-sand-900 text-white hover:bg-sand-800 disabled:opacity-50 transition-colors duration-150 flex items-center justify-center gap-2`,disabled:!d.trim()||r,onClick:()=>g(`openai`),children:r?(0,l.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(`span`,{className:`w-3.5 h-3.5 border-2 border-white border-t-transparent rounded-full animate-spin`}),`Waiting for login...`]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i,{className:`size-4`}),`Login with OpenAI`]})}),(0,l.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,l.jsx)(`div`,{className:`flex-1 h-px bg-sand-200`}),(0,l.jsx)(`span`,{className:`text-[10px] text-sand-400 uppercase`,children:`or`}),(0,l.jsx)(`div`,{className:`flex-1 h-px bg-sand-200`})]}),(0,l.jsxs)(`button`,{type:`button`,className:`w-full py-2.5 text-sm font-medium rounded-md border border-sand-300 text-sand-700 hover:bg-sand-100 disabled:opacity-50 transition-colors duration-150 flex items-center justify-center gap-2`,disabled:!d.trim()||r,onClick:()=>g(`anthropic`),children:[(0,l.jsx)(i,{className:`size-4`}),`Login with Claude`]})]})]}),(0,l.jsx)(`div`,{className:`px-5 py-3 border-t border-sand-100/50 flex items-center justify-end gap-2`,children:(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md border border-sand-200 text-sand-600 hover:bg-sand-100 transition-colors duration-150`,onClick:_,children:`Cancel`})})]})]})]})}var f=e=>(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,l.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4`})}),p=e=>(0,l.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,l.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`})});function m(e){let t=e.credentials;return`expiresAt`in t&&typeof t.expiresAt==`number`?t.expiresAt:`accessTokenExpiresAt`in t&&typeof t.accessTokenExpiresAt==`number`?t.accessTokenExpiresAt:null}function h(e){if(!e)return{text:``,color:``};let t=e-Date.now();if(t<=0)return{text:`expired`,color:`text-red-500`};let n=Math.floor(t/36e5),r=Math.floor(t%36e5/6e4),i=n>0?`${n}h ${r}m`:`${r}m`;return t<36e5?{text:i,color:`text-amber-500`}:{text:i,color:`text-sand-400`}}function g(e){let t=e.credentials.accessToken;return t.length<=12?t:`${t.slice(0,8)}...${t.slice(-4)}`}function _({data:e,isLoading:n}){let[r,i]=(0,c.useState)(null),[o,u]=(0,c.useState)(null),[d,_]=(0,c.useState)(``),v=t(),y=s.useRemoveTokenMutation(),b=s.useUpdateTokenMutation(),x=s.useToggleTokenMutation(),S=()=>Promise.all([v.invalidateQueries({queryKey:[`Token`]}),v.invalidateQueries({queryKey:[`Qgrid`]})]),C=async e=>{await x.mutateAsync({id:e.id}),await S()},w=async()=>{r&&(await y.mutateAsync({id:r.id}),await S(),i(null))},T=e=>{u(e),_(e.name??``)},E=async()=>{o&&(await b.mutateAsync({id:o.id,name:d.trim()}),await S(),u(null))};if(n)return(0,l.jsx)(`div`,{className:`space-y-2`,children:Array.from({length:3}).map((e,t)=>(0,l.jsx)(`div`,{className:`h-12 bg-sand-100 rounded-md animate-pulse`},`skeleton-${t}`))});let D=e??[];return D.length===0?(0,l.jsxs)(`div`,{className:`text-sand-400 text-center py-16 text-sm`,children:[`No tokens registered. Click `,(0,l.jsx)(`strong`,{className:`text-sand-600`,children:`Add Token`}),` to get started.`]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{className:`panel overflow-hidden`,children:(0,l.jsxs)(`table`,{className:`w-full text-[13px]`,children:[(0,l.jsx)(`thead`,{children:(0,l.jsxs)(`tr`,{className:`panel-header`,children:[(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Provider`}),(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Name`}),(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Token`}),(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Status`}),(0,l.jsx)(`th`,{className:`text-left px-5 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Expires`}),(0,l.jsx)(`th`,{className:`w-20 px-3 py-2.5`})]})}),(0,l.jsx)(`tbody`,{className:`divide-y divide-sand-100/80`,children:D.map(e=>{let t=h(m(e));return(0,l.jsxs)(`tr`,{className:`transition-colors duration-150 hover:bg-sand-100/60 ${e.active?``:`opacity-50`}`,children:[(0,l.jsx)(`td`,{className:`px-5 py-3`,children:(0,l.jsx)(`span`,{className:`text-xs font-medium text-sand-500 uppercase`,children:e.provider})}),(0,l.jsx)(`td`,{className:`px-5 py-3`,children:e.name?(0,l.jsx)(`span`,{className:`text-sm text-sand-700`,children:e.name}):(0,l.jsx)(`span`,{className:`text-[11px] text-sand-400`,children:`—`})}),(0,l.jsx)(`td`,{className:`px-5 py-3`,children:(0,l.jsx)(`code`,{className:`text-[13px] font-mono text-sand-800`,children:g(e)})}),(0,l.jsx)(`td`,{className:`px-5 py-3`,children:(0,l.jsx)(`button`,{type:`button`,className:`relative inline-flex h-5 w-9 items-center rounded-full transition-colors duration-200 ${e.active?`bg-sage-400`:`bg-sand-300`}`,onClick:()=>C(e),disabled:x.isPending,children:(0,l.jsx)(`span`,{className:`inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform duration-200 ${e.active?`translate-x-4.5`:`translate-x-0.5`}`})})}),(0,l.jsx)(`td`,{className:`px-5 py-3`,children:t.text&&(0,l.jsx)(`span`,{className:`text-xs ${t.color}`,children:t.text})}),(0,l.jsx)(`td`,{className:`px-3 py-3`,children:(0,l.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,l.jsx)(`button`,{type:`button`,className:`p-1 rounded text-sand-400 hover:text-sienna-500 transition-colors duration-150`,onClick:()=>T(e),children:(0,l.jsx)(f,{className:`size-4`})}),(0,l.jsx)(`button`,{type:`button`,className:`p-1 rounded text-sand-400 hover:text-red-500 transition-colors duration-150`,onClick:()=>i(e),children:(0,l.jsx)(p,{className:`size-4`})})]})})]},e.id)})})]})}),o&&(0,l.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,l.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:()=>u(null),onKeyDown:()=>{}}),(0,l.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-sm mx-4`,children:[(0,l.jsx)(`div`,{className:`px-5 py-4 border-b border-sand-100/60`,children:(0,l.jsx)(`h3`,{className:`text-base font-medium text-sand-900`,children:`Edit Token`})}),(0,l.jsx)(`div`,{className:`px-5 py-4 space-y-3`,children:(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`label`,{htmlFor:`token-name`,className:`text-[10px] uppercase tracking-wider text-sand-500 font-medium`,children:`Name`}),(0,l.jsx)(a,{value:d,onChange:e=>_(e.target.value),placeholder:`e.g. prod, dev, team-a`,className:`mt-1 w-full border border-sand-200 rounded-md px-3 py-2 text-sm text-sand-900 bg-white placeholder:text-sand-300 focus:outline-none focus:border-sienna-300`})]})}),(0,l.jsxs)(`div`,{className:`px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2`,children:[(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md border border-sand-200 text-sand-600 hover:bg-sand-100 transition-colors duration-150`,onClick:()=>u(null),children:`Cancel`}),(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md bg-sienna-400 text-white hover:bg-sienna-500 disabled:opacity-50 transition-colors duration-150`,disabled:b.isPending,onClick:E,children:b.isPending?`Saving...`:`Save`})]})]})]}),r&&(0,l.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center pt-[15vh]`,children:[(0,l.jsx)(`div`,{className:`absolute inset-0 bg-sand-900/8 backdrop-blur-sm`,onClick:()=>i(null),onKeyDown:()=>{}}),(0,l.jsxs)(`div`,{className:`relative panel shadow-xl w-full max-w-sm mx-4`,children:[(0,l.jsxs)(`div`,{className:`px-5 py-4`,children:[(0,l.jsx)(`h3`,{className:`text-base font-medium text-sand-900`,children:`Remove Token`}),(0,l.jsxs)(`p`,{className:`text-sm text-sand-700 mt-2`,children:[`Are you sure you want to remove`,` `,(0,l.jsx)(`code`,{className:`text-[13px] font-mono text-sand-800`,children:g(r)}),r.name&&(0,l.jsxs)(`span`,{className:`text-sand-500`,children:[` (`,r.name,`)`]}),`?`]})]}),(0,l.jsxs)(`div`,{className:`px-5 py-3 border-t border-sand-100/60 flex items-center justify-end gap-2`,children:[(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md border border-sand-200 text-sand-600 hover:bg-sand-100 transition-colors duration-150`,onClick:()=>i(null),children:`Cancel`}),(0,l.jsx)(`button`,{type:`button`,className:`px-3 py-1 text-xs font-medium rounded-md bg-red-500 text-white hover:bg-red-600 disabled:opacity-50 transition-colors duration-150`,disabled:y.isPending,onClick:w,children:y.isPending?`Removing...`:`Remove`})]})]})]})]})}function v(){let{data:e,isLoading:t}=o.useTokens(`A`);return(0,l.jsxs)(`div`,{className:`max-w-6xl mx-auto space-y-4`,children:[(0,l.jsx)(`div`,{className:`flex items-center justify-end`,children:(0,l.jsx)(d,{})}),(0,l.jsx)(_,{data:e?.rows,isLoading:t})]})}export{v as component};

package/bundle/web-dist/client/index.html

@@ -5,13 +5,13 @@
     <link rel="icon" type="image/svg+xml" href="/sonamu.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Qgrid</title>
-    <script type="module" crossorigin src="/assets/index-DxJOOfGV.js"></script>
+    <script type="module" crossorigin src="/assets/index-ZV-tHpAg.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-Dw2cE7zH.js">
     <link rel="modulepreload" crossorigin href="/assets/preload-helper-ca-nBW7U.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-react-DH4kUfK2.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-tanstack-DJRQAbrY.js">
-    <link rel="modulepreload" crossorigin href="/assets/sd.generated-C9WnMJm4.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-D-D8GkQh.css">
+    <link rel="modulepreload" crossorigin href="/assets/sd.generated-7jzAQL2_.js">
+    <link rel="stylesheet" crossorigin href="/assets/index-B5DSo5uH.css">
   </head>
   <body>
     <div id="root"></div>

package/bundle/web-dist/server/assets/{lazyRouteComponent-CcyhCAoL.js → lazyRouteComponent-BEaI4mOq.js}

@@ -1,5 +1,5 @@
-import { C as require_react_dom, D as require_react, E as require_jsx_runtime, ot as __toESM, rt as __commonJSMin } from "./sd.generated-CkiEsOwK.js";
-import { t as require_shim } from "./shim-BYpcQGN1.js";
+import { K as __commonJSMin, Y as __toESM, f as require_react_dom, g as require_react, h as require_jsx_runtime } from "./sd.generated-BeUHLWKH.js";
+import { t as require_shim } from "./shim-B9ZrFt3Z.js";
 //#region ../../node_modules/.pnpm/@tanstack+router-core@1.143.6/node_modules/@tanstack/router-core/dist/esm/utils.js
 function last(arr) {
 	return arr[arr.length - 1];

package/bundle/web-dist/server/assets/logs-Xt934T5f.js

@@ -0,0 +1,371 @@
+import { c as number, g as require_react, h as require_jsx_runtime, l as object, u as string } from "./sd.generated-BeUHLWKH.js";
+import { i as TokenService, n as RequestLogService, t as QgridService } from "./services.generated-C39hdSv0.js";
+import { a as Link, o as useNavigate } from "./lazyRouteComponent-BEaI4mOq.js";
+import { n as Route } from "../entry-server.generated.js";
+import { n as formatUsd, t as formatMicroUsd } from "./cost-DdHTzQDR.js";
+require_react();
+var import_jsx_runtime = require_jsx_runtime();
+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 ~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;
+var UNASSIGNED = "__unassigned__";
+function formatDateTime(iso) {
+	const d = new Date(iso);
+	return `${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")} ${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+}
+function formatNum(n) {
+	return n.toLocaleString();
+}
+function formatDuration(ms) {
+	const total = Math.round(ms / 1e3);
+	const m = Math.floor(total / 60);
+	const s = total % 60;
+	return m > 0 ? `${m}m ${s}s` : `${s}s`;
+}
+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)}%`;
+}
+var COLUMNS = [
+	{
+		label: "ID",
+		align: "left",
+		width: "w-12"
+	},
+	{
+		label: "Date",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Project",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Token",
+		align: "left",
+		width: "w-24"
+	},
+	{
+		label: "Model",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Duration",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "In",
+		align: "left",
+		width: "w-16"
+	},
+	{
+		label: "Out",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "C.Read",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "C.Write",
+		align: "left",
+		width: "w-20"
+	},
+	{
+		label: "Hit",
+		align: "left",
+		width: "w-14"
+	},
+	{
+		label: "Tools",
+		align: "left",
+		width: "w-14"
+	},
+	{
+		label: "Cost",
+		align: "left",
+		width: "w-20"
+	}
+];
+function RequestLogTable({ search, onSearchChange }) {
+	const navigate = useNavigate();
+	const page = search.page ?? 1;
+	const tokenFilter = search.token ?? "";
+	const projectFilter = search.project ?? "";
+	const { data: tokensData } = TokenService.useTokens("A");
+	const tokenNames = (tokensData?.rows ?? []).map((t) => t.name).filter(Boolean);
+	const { data: projectData } = QgridService.useProjectNames();
+	const projectNames = projectData?.names ?? [];
+	const projectFilterParam = (() => {
+		if (projectFilter === UNASSIGNED) return { project_name_is_null: true };
+		if (projectFilter) return { project_name: projectFilter };
+		return {};
+	})();
+	const { data, isLoading } = RequestLogService.useRequestLogs("P", {
+		num: PAGE_SIZE,
+		page,
+		orderBy: "id-desc",
+		...tokenFilter ? { token_name: tokenFilter } : {},
+		...projectFilterParam
+	});
+	const { data: costData } = QgridService.useTotalCost(tokenFilter || void 0);
+	const rows = data?.rows ?? [];
+	const total = data?.total ?? 0;
+	const totalPages = Math.ceil(total / PAGE_SIZE);
+	const updateFilter = (patch) => {
+		onSearchChange({
+			...search,
+			...patch,
+			page: 1
+		});
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "panel overflow-hidden",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "panel-header flex items-center gap-3 px-5 py-2.5 flex-wrap",
+			children: [
+				tokenNames.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+					value: tokenFilter,
+					onChange: (e) => updateFilter({ token: e.target.value || void 0 }),
+					className: "border border-sand-200/80 rounded-lg px-2.5 py-1.5 text-[11px] text-sand-700 bg-sand-50/50 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)("select", {
+					value: projectFilter,
+					onChange: (e) => updateFilter({ project: e.target.value || void 0 }),
+					className: "border border-sand-200/80 rounded-lg px-2.5 py-1.5 text-[11px] text-sand-700 bg-sand-50/50 focus:outline-none focus:border-sienna-300",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+							value: "",
+							children: "All Projects"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+							value: UNASSIGNED,
+							children: "(unassigned)"
+						}),
+						projectNames.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+							value: name,
+							children: name
+						}, name))
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "text-[11px] text-sand-400",
+					children: [total, " results"]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-[11px] tabular-nums font-medium text-sienna-600",
+					children: formatUsd(costData?.usd ?? 0)
+				})
+			]
+		}), isLoading ? /* @__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: "overflow-x-auto px-5 py-3",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
+				className: "w-full text-[13px]",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+					className: "border-b border-sand-100/60",
+					children: [COLUMNS.map((col) => {
+						const padX = col.label === "Duration" ? "pl-5 pr-3" : col.width ? "px-4" : "px-3";
+						return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+							className: `text-${col.align} ${col.width ?? ""} ${col.width ? "whitespace-nowrap" : ""} ${padX} py-1.5 text-[10px] uppercase text-sand-400 font-medium`,
+							children: col.label
+						}, col.label);
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "w-8" })]
+				}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
+					className: "divide-y divide-sand-100/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: (e) => {
+							if (e.metaKey || e.ctrlKey) {
+								window.open(`/requests/show?id=${row.id}`, "_blank");
+								return;
+							}
+							navigate({
+								to: "/requests/show",
+								search: { id: row.id }
+							});
+						},
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+									to: "/requests/show",
+									search: { id: row.id },
+									onClick: (e) => e.stopPropagation(),
+									className: "text-xs text-sand-500 tabular-nums hover:text-sienna-500",
+									children: row.id
+								})
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-xs text-sand-400 tabular-nums",
+									children: formatDateTime(row.created_at)
+								})
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-xs text-sand-600",
+									children: row.project_name ?? "—"
+								})
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-4 py-1.5 whitespace-nowrap",
+								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-4 py-1.5 whitespace-nowrap",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-xs text-sand-500",
+									children: row.model_name ?? "—"
+								})
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "pl-5 pr-3 py-1.5 text-left tabular-nums text-sand-500 whitespace-nowrap",
+								children: formatDuration(row.duration_ms)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								children: formatNum(row.input_tokens)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								children: formatNum(row.output_tokens)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								children: formatNum(row.cache_read_tokens)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								children: formatNum(row.cache_creation_tokens)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								children: calcCacheHitRate(row)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-3 py-1.5 text-left tabular-nums text-sand-500",
+								children: row.tool_call_count > 0 ? row.tool_call_count : "—"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-3 py-1.5 text-left tabular-nums text-sand-700",
+								children: row.cost_usd !== null ? formatMicroUsd(row.cost_usd) : "—"
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "px-2 py-1.5",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronRight, { className: "size-4 text-sand-400" })
+							})
+						]
+					}, row.id))
+				})]
+			})
+		}), totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center justify-center gap-3 px-5 py-2.5 border-t border-sand-100/60",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "p-1 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors",
+					disabled: page === 1,
+					onClick: () => onSearchChange({
+						...search,
+						page: page - 1
+					}),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronLeft, { className: "size-4" })
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "text-[11px] text-sand-400 tabular-nums",
+					children: [
+						page,
+						" / ",
+						totalPages
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "p-1 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors",
+					disabled: page === totalPages,
+					onClick: () => onSearchChange({
+						...search,
+						page: page + 1
+					}),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(lucideChevronRight, { className: "size-4" })
+				})
+			]
+		})] })]
+	});
+}
+//#endregion
+//#region src/routes/logs.tsx?tsr-split=component
+object({
+	token: string().optional(),
+	project: string().optional(),
+	page: number().optional().default(1)
+});
+function LogsPage() {
+	const search = Route.useSearch();
+	const navigate = Route.useNavigate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "max-w-[96rem] mx-auto",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RequestLogTable, {
+			search,
+			onSearchChange: (next) => navigate({ search: next })
+		})
+	});
+}
+//#endregion
+export { LogsPage as component };