cognova 0.1.9 → 0.2.0

package/.output/server/chunks/build/usage-H_mcd_fz.mjs

@@ -0,0 +1,1578 @@
+import { _ as _sfc_main$1$1, a as _sfc_main$7 } from './DashboardNavbar-Cpq8yKA0.mjs';
+import { _ as _sfc_main$8 } from './FieldGroup-KzsWn_XG.mjs';
+import { g as _sfc_main$d, _ as _sfc_main$8$1, b as useLocale, e as useAppConfig, t as tv } from './server.mjs';
+import { _ as _sfc_main$9 } from './Skeleton-DZqsQzFi.mjs';
+import { defineComponent, ref, watch, mergeProps, withCtx, unref, isRef, createVNode, createBlock, createCommentVNode, openBlock, createTextVNode, toDisplayString, Fragment, renderList, createSlots, useSlots, computed, renderSlot, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderClass, ssrRenderAttr, ssrRenderSlot } from 'vue/server-renderer';
+import { _ as _sfc_main$a } from './Card-G40WAFiH.mjs';
+import { _ as _sfc_main$b } from './Badge-C1RKkIgG.mjs';
+import { _ as _sfc_main$e } from './Select-BB1oLrCD.mjs';
+import { _ as _sfc_main$f } from './Input-CV2hlBHo.mjs';
+import { _ as _sfc_main$c } from './Table-DCwTlhCj.mjs';
+import { useForwardPropsEmits, PaginationRoot, PaginationList, PaginationFirst, PaginationPrev, PaginationListItem, PaginationEllipsis, PaginationNext, PaginationLast } from 'reka-ui';
+import { useDebounceFn, reactivePick } from '@vueuse/core';
+import { formatDistanceToNow } from 'date-fns';
+import { u as usePreferences } from './usePreferences-CzC8fRzd.mjs';
+import './DashboardSidebarToggle-Chnqv04k.mjs';
+import './cookie-C_iulBi6.mjs';
+import '../nitro/nitro.mjs';
+import '@anthropic-ai/claude-agent-sdk';
+import 'crypto';
+import 'module';
+import 'path';
+import 'node:http';
+import 'node:https';
+import 'node:crypto';
+import 'stream';
+import 'events';
+import 'http';
+import 'buffer';
+import 'zlib';
+import 'https';
+import 'net';
+import 'tls';
+import 'url';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'fs';
+import 'drizzle-orm/postgres-js/migrator';
+import 'drizzle-orm';
+import 'drizzle-orm/postgres-js';
+import 'postgres';
+import 'drizzle-orm/pg-core';
+import 'better-auth';
+import 'better-auth/adapters/drizzle';
+import 'chokidar';
+import 'fs/promises';
+import 'gray-matter';
+import 'cron';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+import './ssr-Bqnw2a-w.mjs';
+import 'vue-router';
+import 'tailwindcss/colors';
+import '@iconify/vue';
+import 'tailwind-variants';
+import '@iconify/utils/lib/css/icon';
+import 'perfect-debounce';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
+import '@tanstack/vue-table';
+import '@tanstack/vue-virtual';
+
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "UsageStatsCards",
+  __ssrInlineRender: true,
+  props: {
+    stats: {},
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    function formatCurrency(value) {
+      if (value < 0.01 && value > 0) return "<$0.01";
+      return `$${value.toFixed(2)}`;
+    }
+    function formatTokens(value) {
+      if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+      if (value >= 1e3) return `${(value / 1e3).toFixed(1)}K`;
+      return String(value);
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_USkeleton = _sfc_main$9;
+      const _component_UIcon = _sfc_main$d;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "grid gap-4 grid-cols-2 sm:grid-cols-3 lg:grid-cols-5" }, _attrs))}>`);
+      if (__props.loading) {
+        _push(`<!--[-->`);
+        ssrRenderList(5, (i) => {
+          _push(`<div class="p-4 rounded-lg bg-elevated border border-default">`);
+          _push(ssrRenderComponent(_component_USkeleton, { class: "h-4 w-16 mb-2" }, null, _parent));
+          _push(ssrRenderComponent(_component_USkeleton, { class: "h-8 w-12" }, null, _parent));
+          _push(`</div>`);
+        });
+        _push(`<!--]-->`);
+      } else if (__props.stats) {
+        _push(`<!--[--><div class="p-4 rounded-lg bg-elevated border border-default"><div class="flex items-center gap-2 text-muted text-sm mb-1">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-dollar-sign",
+          class: "size-4"
+        }, null, _parent));
+        _push(`<span>Total Cost</span></div><p class="text-2xl font-semibold">${ssrInterpolate(formatCurrency(__props.stats.totalCostUsd))}</p></div><div class="p-4 rounded-lg bg-elevated border border-default"><div class="flex items-center gap-2 text-muted text-sm mb-1">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-arrow-down",
+          class: "size-4"
+        }, null, _parent));
+        _push(`<span>Input Tokens</span></div><p class="text-2xl font-semibold">${ssrInterpolate(formatTokens(__props.stats.totalInputTokens))}</p></div><div class="p-4 rounded-lg bg-elevated border border-default"><div class="flex items-center gap-2 text-muted text-sm mb-1">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-arrow-up",
+          class: "size-4"
+        }, null, _parent));
+        _push(`<span>Output Tokens</span></div><p class="text-2xl font-semibold">${ssrInterpolate(formatTokens(__props.stats.totalOutputTokens))}</p></div><div class="p-4 rounded-lg bg-elevated border border-default"><div class="flex items-center gap-2 text-muted text-sm mb-1">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-zap",
+          class: "size-4"
+        }, null, _parent));
+        _push(`<span>API Calls</span></div><p class="text-2xl font-semibold">${ssrInterpolate(__props.stats.totalCalls)}</p></div><div class="p-4 rounded-lg bg-elevated border border-default"><div class="flex items-center gap-2 text-muted text-sm mb-1">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-calculator",
+          class: "size-4"
+        }, null, _parent));
+        _push(`<span>Avg / Call</span></div><p class="text-2xl font-semibold">${ssrInterpolate(formatCurrency(__props.stats.avgCostPerCall))}</p></div><!--]-->`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/usage/UsageStatsCards.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const __nuxt_component_4 = Object.assign(_sfc_main$6, { __name: "UsageStatsCards" });
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "UsageCostChart.server",
+  __ssrInlineRender: true,
+  props: {
+    data: {},
+    title: {},
+    granularity: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UCard = _sfc_main$a;
+      _push(ssrRenderComponent(_component_UCard, mergeProps({ ui: { body: "!p-0" } }, _attrs), createSlots({
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="h-64 bg-muted/5 rounded animate-pulse"${_scopeId}></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "h-64 bg-muted/5 rounded animate-pulse" })
+            ];
+          }
+        }),
+        _: 2
+      }, [
+        __props.title ? {
+          name: "header",
+          fn: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(`<p class="text-sm font-medium"${_scopeId}>${ssrInterpolate(__props.title)}</p>`);
+            } else {
+              return [
+                createVNode("p", { class: "text-sm font-medium" }, toDisplayString(__props.title), 1)
+              ];
+            }
+          }),
+          key: "0"
+        } : void 0
+      ]), _parent));
+    };
+  }
+});
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/usage/UsageCostChart.server.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const __nuxt_component_5 = Object.assign(_sfc_main$5, { __name: "UsageCostChart" });
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "UsageSourceDonut.server",
+  __ssrInlineRender: true,
+  props: {
+    data: {},
+    title: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UCard = _sfc_main$a;
+      _push(ssrRenderComponent(_component_UCard, mergeProps({ ui: { body: "!p-0" } }, _attrs), createSlots({
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="h-64 bg-muted/5 rounded animate-pulse"${_scopeId}></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "h-64 bg-muted/5 rounded animate-pulse" })
+            ];
+          }
+        }),
+        _: 2
+      }, [
+        __props.title ? {
+          name: "header",
+          fn: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(`<p class="text-sm font-medium"${_scopeId}>${ssrInterpolate(__props.title)}</p>`);
+            } else {
+              return [
+                createVNode("p", { class: "text-sm font-medium" }, toDisplayString(__props.title), 1)
+              ];
+            }
+          }),
+          key: "0"
+        } : void 0
+      ]), _parent));
+    };
+  }
+});
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/usage/UsageSourceDonut.server.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const __nuxt_component_6 = Object.assign(_sfc_main$4, { __name: "UsageSourceDonut" });
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "UsageTopConsumers",
+  __ssrInlineRender: true,
+  props: {
+    data: {},
+    title: {}
+  },
+  setup(__props) {
+    const sourceLabels = {
+      chat: "Chat",
+      agent: "Agent",
+      memory_extraction: "Memory"
+    };
+    const sourceColors = {
+      chat: "primary",
+      agent: "warning",
+      memory_extraction: "info"
+    };
+    function formatCurrency(value) {
+      if (value < 0.01 && value > 0) return "<$0.01";
+      return `$${value.toFixed(4)}`;
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UCard = _sfc_main$a;
+      const _component_UBadge = _sfc_main$b;
+      _push(ssrRenderComponent(_component_UCard, _attrs, createSlots({
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (__props.data.length === 0) {
+              _push2(`<div class="flex items-center justify-center h-32 text-muted"${_scopeId}> No usage data </div>`);
+            } else {
+              _push2(`<div class="divide-y divide-default"${_scopeId}><!--[-->`);
+              ssrRenderList(__props.data, (item, index) => {
+                _push2(`<div class="${ssrRenderClass([{ "pt-0": index === 0 }, "flex items-center justify-between py-2.5"])}"${_scopeId}><div class="flex items-center gap-3 min-w-0"${_scopeId}><span class="text-sm text-muted w-5 text-right shrink-0"${_scopeId}>${ssrInterpolate(index + 1)}</span><div class="min-w-0"${_scopeId}><p class="text-sm font-medium truncate"${_scopeId}>${ssrInterpolate(item.name)}</p>`);
+                _push2(ssrRenderComponent(_component_UBadge, {
+                  color: sourceColors[item.source],
+                  variant: "subtle",
+                  size: "xs"
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`${ssrInterpolate(sourceLabels[item.source])}`);
+                    } else {
+                      return [
+                        createTextVNode(toDisplayString(sourceLabels[item.source]), 1)
+                      ];
+                    }
+                  }),
+                  _: 2
+                }, _parent2, _scopeId));
+                _push2(`</div></div><div class="text-right shrink-0 ml-4"${_scopeId}><p class="text-sm font-semibold"${_scopeId}>${ssrInterpolate(formatCurrency(item.cost))}</p><p class="text-xs text-muted"${_scopeId}>${ssrInterpolate(item.calls)} ${ssrInterpolate(item.calls === 1 ? "call" : "calls")}</p></div></div>`);
+              });
+              _push2(`<!--]--></div>`);
+            }
+          } else {
+            return [
+              __props.data.length === 0 ? (openBlock(), createBlock("div", {
+                key: 0,
+                class: "flex items-center justify-center h-32 text-muted"
+              }, " No usage data ")) : (openBlock(), createBlock("div", {
+                key: 1,
+                class: "divide-y divide-default"
+              }, [
+                (openBlock(true), createBlock(Fragment, null, renderList(__props.data, (item, index) => {
+                  return openBlock(), createBlock("div", {
+                    key: `${item.source}-${item.name}`,
+                    class: ["flex items-center justify-between py-2.5", { "pt-0": index === 0 }]
+                  }, [
+                    createVNode("div", { class: "flex items-center gap-3 min-w-0" }, [
+                      createVNode("span", { class: "text-sm text-muted w-5 text-right shrink-0" }, toDisplayString(index + 1), 1),
+                      createVNode("div", { class: "min-w-0" }, [
+                        createVNode("p", { class: "text-sm font-medium truncate" }, toDisplayString(item.name), 1),
+                        createVNode(_component_UBadge, {
+                          color: sourceColors[item.source],
+                          variant: "subtle",
+                          size: "xs"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(sourceLabels[item.source]), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["color"])
+                      ])
+                    ]),
+                    createVNode("div", { class: "text-right shrink-0 ml-4" }, [
+                      createVNode("p", { class: "text-sm font-semibold" }, toDisplayString(formatCurrency(item.cost)), 1),
+                      createVNode("p", { class: "text-xs text-muted" }, toDisplayString(item.calls) + " " + toDisplayString(item.calls === 1 ? "call" : "calls"), 1)
+                    ])
+                  ], 2);
+                }), 128))
+              ]))
+            ];
+          }
+        }),
+        _: 2
+      }, [
+        __props.title ? {
+          name: "header",
+          fn: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(`<p class="text-sm font-medium"${_scopeId}>${ssrInterpolate(__props.title)}</p>`);
+            } else {
+              return [
+                createVNode("p", { class: "text-sm font-medium" }, toDisplayString(__props.title), 1)
+              ];
+            }
+          }),
+          key: "0"
+        } : void 0
+      ]), _parent));
+    };
+  }
+});
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/usage/UsageTopConsumers.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const __nuxt_component_7 = Object.assign(_sfc_main$3, { __name: "UsageTopConsumers" });
+const theme = {
+  "slots": {
+    "root": "",
+    "list": "flex items-center gap-1",
+    "ellipsis": "pointer-events-none",
+    "label": "min-w-5 text-center",
+    "first": "",
+    "prev": "",
+    "item": "",
+    "next": "",
+    "last": ""
+  }
+};
+const _sfc_main$2 = {
+  __name: "UPagination",
+  __ssrInlineRender: true,
+  props: {
+    as: { type: null, required: false },
+    firstIcon: { type: null, required: false },
+    prevIcon: { type: null, required: false },
+    nextIcon: { type: null, required: false },
+    lastIcon: { type: null, required: false },
+    ellipsisIcon: { type: null, required: false },
+    color: { type: null, required: false, default: "neutral" },
+    variant: { type: null, required: false, default: "outline" },
+    activeColor: { type: null, required: false, default: "primary" },
+    activeVariant: { type: null, required: false, default: "solid" },
+    showControls: { type: Boolean, required: false, default: true },
+    size: { type: null, required: false },
+    to: { type: Function, required: false },
+    class: { type: null, required: false },
+    ui: { type: null, required: false },
+    defaultPage: { type: Number, required: false },
+    disabled: { type: Boolean, required: false },
+    itemsPerPage: { type: Number, required: false, default: 10 },
+    page: { type: Number, required: false },
+    showEdges: { type: Boolean, required: false, default: false },
+    siblingCount: { type: Number, required: false, default: 2 },
+    total: { type: Number, required: false, default: 0 }
+  },
+  emits: ["update:page"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const slots = useSlots();
+    const { dir } = useLocale();
+    const appConfig = useAppConfig();
+    const rootProps = useForwardPropsEmits(reactivePick(props, "as", "defaultPage", "disabled", "itemsPerPage", "page", "showEdges", "siblingCount", "total"), emits);
+    const firstIcon = computed(() => props.firstIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronDoubleRight : appConfig.ui.icons.chevronDoubleLeft));
+    const prevIcon = computed(() => props.prevIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronRight : appConfig.ui.icons.chevronLeft));
+    const nextIcon = computed(() => props.nextIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronLeft : appConfig.ui.icons.chevronRight));
+    const lastIcon = computed(() => props.lastIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronDoubleLeft : appConfig.ui.icons.chevronDoubleRight));
+    const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pagination || {} })());
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(PaginationRoot), mergeProps(unref(rootProps), {
+        "data-slot": "root",
+        class: ui.value.root({ class: [props.ui?.root, props.class] })
+      }, _attrs), {
+        default: withCtx(({ page, pageCount }, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(unref(PaginationList), {
+              "data-slot": "list",
+              class: ui.value.list({ class: props.ui?.list })
+            }, {
+              default: withCtx(({ items }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (__props.showControls || !!slots.first) {
+                    _push3(ssrRenderComponent(unref(PaginationFirst), {
+                      "as-child": "",
+                      "data-slot": "first",
+                      class: ui.value.first({ class: props.ui?.first })
+                    }, {
+                      default: withCtx((_, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          ssrRenderSlot(_ctx.$slots, "first", {}, () => {
+                            _push4(ssrRenderComponent(_sfc_main$8$1, {
+                              color: __props.color,
+                              variant: __props.variant,
+                              size: __props.size,
+                              icon: firstIcon.value,
+                              to: __props.to?.(1)
+                            }, null, _parent4, _scopeId3));
+                          }, _push4, _parent4, _scopeId3);
+                        } else {
+                          return [
+                            renderSlot(_ctx.$slots, "first", {}, () => [
+                              createVNode(_sfc_main$8$1, {
+                                color: __props.color,
+                                variant: __props.variant,
+                                size: __props.size,
+                                icon: firstIcon.value,
+                                to: __props.to?.(1)
+                              }, null, 8, ["color", "variant", "size", "icon", "to"])
+                            ])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (__props.showControls || !!slots.prev) {
+                    _push3(ssrRenderComponent(unref(PaginationPrev), {
+                      "as-child": "",
+                      "data-slot": "prev",
+                      class: ui.value.prev({ class: props.ui?.prev })
+                    }, {
+                      default: withCtx((_, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          ssrRenderSlot(_ctx.$slots, "prev", {}, () => {
+                            _push4(ssrRenderComponent(_sfc_main$8$1, {
+                              color: __props.color,
+                              variant: __props.variant,
+                              size: __props.size,
+                              icon: prevIcon.value,
+                              to: page > 1 ? __props.to?.(page - 1) : void 0
+                            }, null, _parent4, _scopeId3));
+                          }, _push4, _parent4, _scopeId3);
+                        } else {
+                          return [
+                            renderSlot(_ctx.$slots, "prev", {}, () => [
+                              createVNode(_sfc_main$8$1, {
+                                color: __props.color,
+                                variant: __props.variant,
+                                size: __props.size,
+                                icon: prevIcon.value,
+                                to: page > 1 ? __props.to?.(page - 1) : void 0
+                              }, null, 8, ["color", "variant", "size", "icon", "to"])
+                            ])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`<!--[-->`);
+                  ssrRenderList(items, (item, index) => {
+                    _push3(`<!--[-->`);
+                    if (item.type === "page") {
+                      _push3(ssrRenderComponent(unref(PaginationListItem), {
+                        "as-child": "",
+                        value: item.value,
+                        "data-slot": "item",
+                        class: ui.value.item({ class: props.ui?.item })
+                      }, {
+                        default: withCtx((_, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            ssrRenderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, { item, index, page, pageCount }), () => {
+                              _push4(ssrRenderComponent(_sfc_main$8$1, {
+                                color: page === item.value ? __props.activeColor : __props.color,
+                                variant: page === item.value ? __props.activeVariant : __props.variant,
+                                size: __props.size,
+                                label: String(item.value),
+                                ui: { label: ui.value.label() },
+                                to: __props.to?.(item.value),
+                                square: ""
+                              }, null, _parent4, _scopeId3));
+                            }, _push4, _parent4, _scopeId3);
+                          } else {
+                            return [
+                              renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, { item, index, page, pageCount }), () => [
+                                createVNode(_sfc_main$8$1, {
+                                  color: page === item.value ? __props.activeColor : __props.color,
+                                  variant: page === item.value ? __props.activeVariant : __props.variant,
+                                  size: __props.size,
+                                  label: String(item.value),
+                                  ui: { label: ui.value.label() },
+                                  to: __props.to?.(item.value),
+                                  square: ""
+                                }, null, 8, ["color", "variant", "size", "label", "ui", "to"])
+                              ])
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent3, _scopeId2));
+                    } else {
+                      _push3(ssrRenderComponent(unref(PaginationEllipsis), {
+                        "as-child": "",
+                        "data-slot": "ellipsis",
+                        class: ui.value.ellipsis({ class: props.ui?.ellipsis })
+                      }, {
+                        default: withCtx((_, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            ssrRenderSlot(_ctx.$slots, "ellipsis", { ui: ui.value }, () => {
+                              _push4(ssrRenderComponent(_sfc_main$8$1, {
+                                as: "div",
+                                color: __props.color,
+                                variant: __props.variant,
+                                size: __props.size,
+                                icon: __props.ellipsisIcon || unref(appConfig).ui.icons.ellipsis
+                              }, null, _parent4, _scopeId3));
+                            }, _push4, _parent4, _scopeId3);
+                          } else {
+                            return [
+                              renderSlot(_ctx.$slots, "ellipsis", { ui: ui.value }, () => [
+                                createVNode(_sfc_main$8$1, {
+                                  as: "div",
+                                  color: __props.color,
+                                  variant: __props.variant,
+                                  size: __props.size,
+                                  icon: __props.ellipsisIcon || unref(appConfig).ui.icons.ellipsis
+                                }, null, 8, ["color", "variant", "size", "icon"])
+                              ])
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent3, _scopeId2));
+                    }
+                    _push3(`<!--]-->`);
+                  });
+                  _push3(`<!--]-->`);
+                  if (__props.showControls || !!slots.next) {
+                    _push3(ssrRenderComponent(unref(PaginationNext), {
+                      "as-child": "",
+                      "data-slot": "next",
+                      class: ui.value.next({ class: props.ui?.next })
+                    }, {
+                      default: withCtx((_, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          ssrRenderSlot(_ctx.$slots, "next", {}, () => {
+                            _push4(ssrRenderComponent(_sfc_main$8$1, {
+                              color: __props.color,
+                              variant: __props.variant,
+                              size: __props.size,
+                              icon: nextIcon.value,
+                              to: page < pageCount ? __props.to?.(page + 1) : void 0
+                            }, null, _parent4, _scopeId3));
+                          }, _push4, _parent4, _scopeId3);
+                        } else {
+                          return [
+                            renderSlot(_ctx.$slots, "next", {}, () => [
+                              createVNode(_sfc_main$8$1, {
+                                color: __props.color,
+                                variant: __props.variant,
+                                size: __props.size,
+                                icon: nextIcon.value,
+                                to: page < pageCount ? __props.to?.(page + 1) : void 0
+                              }, null, 8, ["color", "variant", "size", "icon", "to"])
+                            ])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (__props.showControls || !!slots.last) {
+                    _push3(ssrRenderComponent(unref(PaginationLast), {
+                      "as-child": "",
+                      "data-slot": "last",
+                      class: ui.value.last({ class: props.ui?.last })
+                    }, {
+                      default: withCtx((_, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          ssrRenderSlot(_ctx.$slots, "last", {}, () => {
+                            _push4(ssrRenderComponent(_sfc_main$8$1, {
+                              color: __props.color,
+                              variant: __props.variant,
+                              size: __props.size,
+                              icon: lastIcon.value,
+                              to: __props.to?.(pageCount)
+                            }, null, _parent4, _scopeId3));
+                          }, _push4, _parent4, _scopeId3);
+                        } else {
+                          return [
+                            renderSlot(_ctx.$slots, "last", {}, () => [
+                              createVNode(_sfc_main$8$1, {
+                                color: __props.color,
+                                variant: __props.variant,
+                                size: __props.size,
+                                icon: lastIcon.value,
+                                to: __props.to?.(pageCount)
+                              }, null, 8, ["color", "variant", "size", "icon", "to"])
+                            ])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                } else {
+                  return [
+                    __props.showControls || !!slots.first ? (openBlock(), createBlock(unref(PaginationFirst), {
+                      key: 0,
+                      "as-child": "",
+                      "data-slot": "first",
+                      class: ui.value.first({ class: props.ui?.first })
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "first", {}, () => [
+                          createVNode(_sfc_main$8$1, {
+                            color: __props.color,
+                            variant: __props.variant,
+                            size: __props.size,
+                            icon: firstIcon.value,
+                            to: __props.to?.(1)
+                          }, null, 8, ["color", "variant", "size", "icon", "to"])
+                        ])
+                      ]),
+                      _: 3
+                    }, 8, ["class"])) : createCommentVNode("", true),
+                    __props.showControls || !!slots.prev ? (openBlock(), createBlock(unref(PaginationPrev), {
+                      key: 1,
+                      "as-child": "",
+                      "data-slot": "prev",
+                      class: ui.value.prev({ class: props.ui?.prev })
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "prev", {}, () => [
+                          createVNode(_sfc_main$8$1, {
+                            color: __props.color,
+                            variant: __props.variant,
+                            size: __props.size,
+                            icon: prevIcon.value,
+                            to: page > 1 ? __props.to?.(page - 1) : void 0
+                          }, null, 8, ["color", "variant", "size", "icon", "to"])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["class"])) : createCommentVNode("", true),
+                    (openBlock(true), createBlock(Fragment, null, renderList(items, (item, index) => {
+                      return openBlock(), createBlock(Fragment, { key: index }, [
+                        item.type === "page" ? (openBlock(), createBlock(unref(PaginationListItem), {
+                          key: 0,
+                          "as-child": "",
+                          value: item.value,
+                          "data-slot": "item",
+                          class: ui.value.item({ class: props.ui?.item })
+                        }, {
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, { item, index, page, pageCount }), () => [
+                              createVNode(_sfc_main$8$1, {
+                                color: page === item.value ? __props.activeColor : __props.color,
+                                variant: page === item.value ? __props.activeVariant : __props.variant,
+                                size: __props.size,
+                                label: String(item.value),
+                                ui: { label: ui.value.label() },
+                                to: __props.to?.(item.value),
+                                square: ""
+                              }, null, 8, ["color", "variant", "size", "label", "ui", "to"])
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["value", "class"])) : (openBlock(), createBlock(unref(PaginationEllipsis), {
+                          key: 1,
+                          "as-child": "",
+                          "data-slot": "ellipsis",
+                          class: ui.value.ellipsis({ class: props.ui?.ellipsis })
+                        }, {
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, "ellipsis", { ui: ui.value }, () => [
+                              createVNode(_sfc_main$8$1, {
+                                as: "div",
+                                color: __props.color,
+                                variant: __props.variant,
+                                size: __props.size,
+                                icon: __props.ellipsisIcon || unref(appConfig).ui.icons.ellipsis
+                              }, null, 8, ["color", "variant", "size", "icon"])
+                            ])
+                          ]),
+                          _: 3
+                        }, 8, ["class"]))
+                      ], 64);
+                    }), 128)),
+                    __props.showControls || !!slots.next ? (openBlock(), createBlock(unref(PaginationNext), {
+                      key: 2,
+                      "as-child": "",
+                      "data-slot": "next",
+                      class: ui.value.next({ class: props.ui?.next })
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "next", {}, () => [
+                          createVNode(_sfc_main$8$1, {
+                            color: __props.color,
+                            variant: __props.variant,
+                            size: __props.size,
+                            icon: nextIcon.value,
+                            to: page < pageCount ? __props.to?.(page + 1) : void 0
+                          }, null, 8, ["color", "variant", "size", "icon", "to"])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["class"])) : createCommentVNode("", true),
+                    __props.showControls || !!slots.last ? (openBlock(), createBlock(unref(PaginationLast), {
+                      key: 3,
+                      "as-child": "",
+                      "data-slot": "last",
+                      class: ui.value.last({ class: props.ui?.last })
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "last", {}, () => [
+                          createVNode(_sfc_main$8$1, {
+                            color: __props.color,
+                            variant: __props.variant,
+                            size: __props.size,
+                            icon: lastIcon.value,
+                            to: __props.to?.(pageCount)
+                          }, null, 8, ["color", "variant", "size", "icon", "to"])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["class"])) : createCommentVNode("", true)
+                  ];
+                }
+              }),
+              _: 2
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(unref(PaginationList), {
+                "data-slot": "list",
+                class: ui.value.list({ class: props.ui?.list })
+              }, {
+                default: withCtx(({ items }) => [
+                  __props.showControls || !!slots.first ? (openBlock(), createBlock(unref(PaginationFirst), {
+                    key: 0,
+                    "as-child": "",
+                    "data-slot": "first",
+                    class: ui.value.first({ class: props.ui?.first })
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "first", {}, () => [
+                        createVNode(_sfc_main$8$1, {
+                          color: __props.color,
+                          variant: __props.variant,
+                          size: __props.size,
+                          icon: firstIcon.value,
+                          to: __props.to?.(1)
+                        }, null, 8, ["color", "variant", "size", "icon", "to"])
+                      ])
+                    ]),
+                    _: 3
+                  }, 8, ["class"])) : createCommentVNode("", true),
+                  __props.showControls || !!slots.prev ? (openBlock(), createBlock(unref(PaginationPrev), {
+                    key: 1,
+                    "as-child": "",
+                    "data-slot": "prev",
+                    class: ui.value.prev({ class: props.ui?.prev })
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "prev", {}, () => [
+                        createVNode(_sfc_main$8$1, {
+                          color: __props.color,
+                          variant: __props.variant,
+                          size: __props.size,
+                          icon: prevIcon.value,
+                          to: page > 1 ? __props.to?.(page - 1) : void 0
+                        }, null, 8, ["color", "variant", "size", "icon", "to"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])) : createCommentVNode("", true),
+                  (openBlock(true), createBlock(Fragment, null, renderList(items, (item, index) => {
+                    return openBlock(), createBlock(Fragment, { key: index }, [
+                      item.type === "page" ? (openBlock(), createBlock(unref(PaginationListItem), {
+                        key: 0,
+                        "as-child": "",
+                        value: item.value,
+                        "data-slot": "item",
+                        class: ui.value.item({ class: props.ui?.item })
+                      }, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, { item, index, page, pageCount }), () => [
+                            createVNode(_sfc_main$8$1, {
+                              color: page === item.value ? __props.activeColor : __props.color,
+                              variant: page === item.value ? __props.activeVariant : __props.variant,
+                              size: __props.size,
+                              label: String(item.value),
+                              ui: { label: ui.value.label() },
+                              to: __props.to?.(item.value),
+                              square: ""
+                            }, null, 8, ["color", "variant", "size", "label", "ui", "to"])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["value", "class"])) : (openBlock(), createBlock(unref(PaginationEllipsis), {
+                        key: 1,
+                        "as-child": "",
+                        "data-slot": "ellipsis",
+                        class: ui.value.ellipsis({ class: props.ui?.ellipsis })
+                      }, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "ellipsis", { ui: ui.value }, () => [
+                            createVNode(_sfc_main$8$1, {
+                              as: "div",
+                              color: __props.color,
+                              variant: __props.variant,
+                              size: __props.size,
+                              icon: __props.ellipsisIcon || unref(appConfig).ui.icons.ellipsis
+                            }, null, 8, ["color", "variant", "size", "icon"])
+                          ])
+                        ]),
+                        _: 3
+                      }, 8, ["class"]))
+                    ], 64);
+                  }), 128)),
+                  __props.showControls || !!slots.next ? (openBlock(), createBlock(unref(PaginationNext), {
+                    key: 2,
+                    "as-child": "",
+                    "data-slot": "next",
+                    class: ui.value.next({ class: props.ui?.next })
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "next", {}, () => [
+                        createVNode(_sfc_main$8$1, {
+                          color: __props.color,
+                          variant: __props.variant,
+                          size: __props.size,
+                          icon: nextIcon.value,
+                          to: page < pageCount ? __props.to?.(page + 1) : void 0
+                        }, null, 8, ["color", "variant", "size", "icon", "to"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])) : createCommentVNode("", true),
+                  __props.showControls || !!slots.last ? (openBlock(), createBlock(unref(PaginationLast), {
+                    key: 3,
+                    "as-child": "",
+                    "data-slot": "last",
+                    class: ui.value.last({ class: props.ui?.last })
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "last", {}, () => [
+                        createVNode(_sfc_main$8$1, {
+                          color: __props.color,
+                          variant: __props.variant,
+                          size: __props.size,
+                          icon: lastIcon.value,
+                          to: __props.to?.(pageCount)
+                        }, null, 8, ["color", "variant", "size", "icon", "to"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["class"])
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+};
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.3.0_2329ed002e1dfb3a5ad728629f2842a0/node_modules/@nuxt/ui/dist/runtime/components/Pagination.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const ALL_VALUE = "__all__";
+const limit = 20;
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "UsageRecordsTable",
+  __ssrInlineRender: true,
+  props: {
+    period: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const sourceLabels = {
+      chat: "Chat",
+      agent: "Agent",
+      memory_extraction: "Memory"
+    };
+    const sourceColors = {
+      chat: "primary",
+      agent: "warning",
+      memory_extraction: "info"
+    };
+    const sourceFilter = ref(ALL_VALUE);
+    const searchQuery = ref("");
+    const page = ref(1);
+    const records = ref([]);
+    const total = ref(0);
+    const totalPages = ref(0);
+    const loading = ref(false);
+    const sourceOptions = [
+      { value: ALL_VALUE, label: "All Sources" },
+      { value: "chat", label: "Chat" },
+      { value: "agent", label: "Agents" },
+      { value: "memory_extraction", label: "Memory" }
+    ];
+    const columns = [
+      { accessorKey: "source", header: "Source" },
+      { accessorKey: "sourceName", header: "Name" },
+      { accessorKey: "inputTokens", header: "Input" },
+      { accessorKey: "outputTokens", header: "Output" },
+      { accessorKey: "costUsd", header: "Cost" },
+      { accessorKey: "durationMs", header: "Duration" },
+      { accessorKey: "createdAt", header: "Time" }
+    ];
+    async function fetchRecords() {
+      loading.value = true;
+      try {
+        const query = {
+          period: props.period,
+          page: page.value,
+          limit
+        };
+        if (sourceFilter.value !== ALL_VALUE)
+          query.source = sourceFilter.value;
+        if (searchQuery.value.trim())
+          query.search = searchQuery.value.trim();
+        const res = await $fetch("/api/usage", { query });
+        records.value = res.data;
+        total.value = res.pagination.total;
+        totalPages.value = res.pagination.totalPages;
+      } catch {
+      } finally {
+        loading.value = false;
+      }
+    }
+    const debouncedFetch = useDebounceFn(() => {
+      page.value = 1;
+      fetchRecords();
+    }, 300);
+    watch(sourceFilter, () => {
+      page.value = 1;
+      fetchRecords();
+    });
+    watch(searchQuery, debouncedFetch);
+    watch(page, fetchRecords);
+    watch(() => props.period, () => {
+      page.value = 1;
+      fetchRecords();
+    });
+    function formatCost(value) {
+      if (value < 1e-4 && value > 0) return "<$0.0001";
+      return `$${value.toFixed(4)}`;
+    }
+    function formatTokenCount(value) {
+      if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+      if (value >= 1e3) return `${(value / 1e3).toFixed(1)}K`;
+      return String(value);
+    }
+    function formatDuration(ms) {
+      if (!ms) return "-";
+      if (ms < 1e3) return `${ms}ms`;
+      if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
+      return `${(ms / 6e4).toFixed(1)}m`;
+    }
+    function formatTime(date) {
+      return formatDistanceToNow(new Date(date), { addSuffix: true });
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UCard = _sfc_main$a;
+      const _component_UBadge = _sfc_main$b;
+      const _component_USelect = _sfc_main$e;
+      const _component_UInput = _sfc_main$f;
+      const _component_USkeleton = _sfc_main$9;
+      const _component_UTable = _sfc_main$c;
+      const _component_UPagination = _sfc_main$2;
+      _push(ssrRenderComponent(_component_UCard, _attrs, createSlots({
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center justify-between flex-wrap gap-3"${_scopeId}><div class="flex items-center gap-2"${_scopeId}><p class="text-sm font-medium"${_scopeId}> Usage Records </p>`);
+            if (unref(total) > 0) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                color: "neutral",
+                variant: "subtle"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`${ssrInterpolate(unref(total))}`);
+                  } else {
+                    return [
+                      createTextVNode(toDisplayString(unref(total)), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div><div class="flex items-center gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_USelect, {
+              modelValue: unref(sourceFilter),
+              "onUpdate:modelValue": ($event) => isRef(sourceFilter) ? sourceFilter.value = $event : null,
+              items: sourceOptions,
+              "value-key": "value",
+              class: "w-36",
+              size: "sm"
+            }, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UInput, {
+              modelValue: unref(searchQuery),
+              "onUpdate:modelValue": ($event) => isRef(searchQuery) ? searchQuery.value = $event : null,
+              placeholder: "Search name...",
+              icon: "i-lucide-search",
+              class: "w-48",
+              size: "sm"
+            }, null, _parent2, _scopeId));
+            _push2(`</div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center justify-between flex-wrap gap-3" }, [
+                createVNode("div", { class: "flex items-center gap-2" }, [
+                  createVNode("p", { class: "text-sm font-medium" }, " Usage Records "),
+                  unref(total) > 0 ? (openBlock(), createBlock(_component_UBadge, {
+                    key: 0,
+                    color: "neutral",
+                    variant: "subtle"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(total)), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true)
+                ]),
+                createVNode("div", { class: "flex items-center gap-2" }, [
+                  createVNode(_component_USelect, {
+                    modelValue: unref(sourceFilter),
+                    "onUpdate:modelValue": ($event) => isRef(sourceFilter) ? sourceFilter.value = $event : null,
+                    items: sourceOptions,
+                    "value-key": "value",
+                    class: "w-36",
+                    size: "sm"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                  createVNode(_component_UInput, {
+                    modelValue: unref(searchQuery),
+                    "onUpdate:modelValue": ($event) => isRef(searchQuery) ? searchQuery.value = $event : null,
+                    placeholder: "Search name...",
+                    icon: "i-lucide-search",
+                    class: "w-48",
+                    size: "sm"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ])
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(loading) && unref(records).length === 0) {
+              _push2(`<div${_scopeId}><!--[-->`);
+              ssrRenderList(5, (i) => {
+                _push2(ssrRenderComponent(_component_USkeleton, {
+                  key: i,
+                  class: "h-10 w-full mb-2"
+                }, null, _parent2, _scopeId));
+              });
+              _push2(`<!--]--></div>`);
+            } else if (unref(records).length === 0) {
+              _push2(`<div class="flex flex-col items-center justify-center h-32 text-muted"${_scopeId}><p class="text-sm"${_scopeId}> No records found </p></div>`);
+            } else {
+              _push2(ssrRenderComponent(_component_UTable, {
+                data: unref(records),
+                columns,
+                loading: unref(loading)
+              }, {
+                "source-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UBadge, {
+                      color: sourceColors[row.original.source],
+                      variant: "subtle",
+                      size: "sm"
+                    }, {
+                      default: withCtx((_2, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(`${ssrInterpolate(sourceLabels[row.original.source] || row.original.source)}`);
+                        } else {
+                          return [
+                            createTextVNode(toDisplayString(sourceLabels[row.original.source] || row.original.source), 1)
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UBadge, {
+                        color: sourceColors[row.original.source],
+                        variant: "subtle",
+                        size: "sm"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(sourceLabels[row.original.source] || row.original.source), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["color"])
+                    ];
+                  }
+                }),
+                "sourceName-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<span class="text-sm truncate max-w-48 inline-block"${ssrRenderAttr("title", row.original.sourceName)}${_scopeId2}>${ssrInterpolate(row.original.sourceName || "-")}</span>`);
+                  } else {
+                    return [
+                      createVNode("span", {
+                        class: "text-sm truncate max-w-48 inline-block",
+                        title: row.original.sourceName
+                      }, toDisplayString(row.original.sourceName || "-"), 9, ["title"])
+                    ];
+                  }
+                }),
+                "inputTokens-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<span class="text-sm text-muted"${_scopeId2}>${ssrInterpolate(formatTokenCount(row.original.inputTokens))}</span>`);
+                  } else {
+                    return [
+                      createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatTokenCount(row.original.inputTokens)), 1)
+                    ];
+                  }
+                }),
+                "outputTokens-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<span class="text-sm text-muted"${_scopeId2}>${ssrInterpolate(formatTokenCount(row.original.outputTokens))}</span>`);
+                  } else {
+                    return [
+                      createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatTokenCount(row.original.outputTokens)), 1)
+                    ];
+                  }
+                }),
+                "costUsd-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<span class="text-sm font-medium"${_scopeId2}>${ssrInterpolate(formatCost(row.original.costUsd))}</span>`);
+                  } else {
+                    return [
+                      createVNode("span", { class: "text-sm font-medium" }, toDisplayString(formatCost(row.original.costUsd)), 1)
+                    ];
+                  }
+                }),
+                "durationMs-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<span class="text-sm text-muted"${_scopeId2}>${ssrInterpolate(formatDuration(row.original.durationMs))}</span>`);
+                  } else {
+                    return [
+                      createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatDuration(row.original.durationMs)), 1)
+                    ];
+                  }
+                }),
+                "createdAt-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<span class="text-sm text-muted"${_scopeId2}>${ssrInterpolate(formatTime(row.original.createdAt))}</span>`);
+                  } else {
+                    return [
+                      createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatTime(row.original.createdAt)), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            }
+          } else {
+            return [
+              unref(loading) && unref(records).length === 0 ? (openBlock(), createBlock("div", { key: 0 }, [
+                (openBlock(), createBlock(Fragment, null, renderList(5, (i) => {
+                  return createVNode(_component_USkeleton, {
+                    key: i,
+                    class: "h-10 w-full mb-2"
+                  });
+                }), 64))
+              ])) : unref(records).length === 0 ? (openBlock(), createBlock("div", {
+                key: 1,
+                class: "flex flex-col items-center justify-center h-32 text-muted"
+              }, [
+                createVNode("p", { class: "text-sm" }, " No records found ")
+              ])) : (openBlock(), createBlock(_component_UTable, {
+                key: 2,
+                data: unref(records),
+                columns,
+                loading: unref(loading)
+              }, {
+                "source-cell": withCtx(({ row }) => [
+                  createVNode(_component_UBadge, {
+                    color: sourceColors[row.original.source],
+                    variant: "subtle",
+                    size: "sm"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(sourceLabels[row.original.source] || row.original.source), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["color"])
+                ]),
+                "sourceName-cell": withCtx(({ row }) => [
+                  createVNode("span", {
+                    class: "text-sm truncate max-w-48 inline-block",
+                    title: row.original.sourceName
+                  }, toDisplayString(row.original.sourceName || "-"), 9, ["title"])
+                ]),
+                "inputTokens-cell": withCtx(({ row }) => [
+                  createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatTokenCount(row.original.inputTokens)), 1)
+                ]),
+                "outputTokens-cell": withCtx(({ row }) => [
+                  createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatTokenCount(row.original.outputTokens)), 1)
+                ]),
+                "costUsd-cell": withCtx(({ row }) => [
+                  createVNode("span", { class: "text-sm font-medium" }, toDisplayString(formatCost(row.original.costUsd)), 1)
+                ]),
+                "durationMs-cell": withCtx(({ row }) => [
+                  createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatDuration(row.original.durationMs)), 1)
+                ]),
+                "createdAt-cell": withCtx(({ row }) => [
+                  createVNode("span", { class: "text-sm text-muted" }, toDisplayString(formatTime(row.original.createdAt)), 1)
+                ]),
+                _: 1
+              }, 8, ["data", "loading"]))
+            ];
+          }
+        }),
+        _: 2
+      }, [
+        unref(totalPages) > 1 ? {
+          name: "footer",
+          fn: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(`<div class="flex justify-center"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UPagination, {
+                page: unref(page),
+                "onUpdate:page": ($event) => isRef(page) ? page.value = $event : null,
+                total: unref(total),
+                "items-per-page": limit,
+                "sibling-count": 1,
+                "show-edges": ""
+              }, null, _parent2, _scopeId));
+              _push2(`</div>`);
+            } else {
+              return [
+                createVNode("div", { class: "flex justify-center" }, [
+                  createVNode(_component_UPagination, {
+                    page: unref(page),
+                    "onUpdate:page": ($event) => isRef(page) ? page.value = $event : null,
+                    total: unref(total),
+                    "items-per-page": limit,
+                    "sibling-count": 1,
+                    "show-edges": ""
+                  }, null, 8, ["page", "onUpdate:page", "total"])
+                ])
+              ];
+            }
+          }),
+          key: "0"
+        } : void 0
+      ]), _parent));
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/usage/UsageRecordsTable.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_8 = Object.assign(_sfc_main$1, { __name: "UsageRecordsTable" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "usage",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const { usageStatsPeriod } = usePreferences();
+    const period = ref(usageStatsPeriod.value);
+    const granularity = ref("daily");
+    const stats = ref(null);
+    const loading = ref(false);
+    const periodOptions = [
+      { label: "24h", value: "24h" },
+      { label: "7d", value: "7d" },
+      { label: "30d", value: "30d" }
+    ];
+    async function loadStats() {
+      loading.value = true;
+      try {
+        const res = await $fetch("/api/usage/stats", {
+          query: {
+            period: period.value,
+            granularity: granularity.value,
+            tzOffset: (/* @__PURE__ */ new Date()).getTimezoneOffset()
+          }
+        });
+        stats.value = res.data;
+      } catch {
+      } finally {
+        loading.value = false;
+      }
+    }
+    watch(period, (value) => {
+      usageStatsPeriod.value = value;
+      loadStats();
+    });
+    watch(granularity, () => {
+      loadStats();
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UDashboardPanel = _sfc_main$1$1;
+      const _component_UDashboardNavbar = _sfc_main$7;
+      const _component_UFieldGroup = _sfc_main$8;
+      const _component_UButton = _sfc_main$8$1;
+      const _component_UsageStatsCards = __nuxt_component_4;
+      const _component_UsageCostChart = __nuxt_component_5;
+      const _component_UsageSourceDonut = __nuxt_component_6;
+      const _component_UsageTopConsumers = __nuxt_component_7;
+      const _component_UsageRecordsTable = __nuxt_component_8;
+      const _component_UIcon = _sfc_main$d;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "contents" }, _attrs))}>`);
+      _push(ssrRenderComponent(_component_UDashboardPanel, {
+        id: "usage",
+        grow: ""
+      }, {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UDashboardNavbar, { title: "Token Usage" }, {
+              right: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UFieldGroup, null, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`<!--[-->`);
+                        ssrRenderList(periodOptions, (opt) => {
+                          _push4(ssrRenderComponent(_component_UButton, {
+                            key: opt.value,
+                            color: unref(period) === opt.value ? "primary" : "neutral",
+                            variant: unref(period) === opt.value ? "solid" : "ghost",
+                            size: "sm",
+                            onClick: ($event) => period.value = opt.value
+                          }, {
+                            default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                _push5(`${ssrInterpolate(opt.label)}`);
+                              } else {
+                                return [
+                                  createTextVNode(toDisplayString(opt.label), 1)
+                                ];
+                              }
+                            }),
+                            _: 2
+                          }, _parent4, _scopeId3));
+                        });
+                        _push4(`<!--]-->`);
+                      } else {
+                        return [
+                          (openBlock(), createBlock(Fragment, null, renderList(periodOptions, (opt) => {
+                            return createVNode(_component_UButton, {
+                              key: opt.value,
+                              color: unref(period) === opt.value ? "primary" : "neutral",
+                              variant: unref(period) === opt.value ? "solid" : "ghost",
+                              size: "sm",
+                              onClick: ($event) => period.value = opt.value
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(opt.label), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["color", "variant", "onClick"]);
+                          }), 64))
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UFieldGroup, null, {
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(Fragment, null, renderList(periodOptions, (opt) => {
+                          return createVNode(_component_UButton, {
+                            key: opt.value,
+                            color: unref(period) === opt.value ? "primary" : "neutral",
+                            variant: unref(period) === opt.value ? "solid" : "ghost",
+                            size: "sm",
+                            onClick: ($event) => period.value = opt.value
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(opt.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["color", "variant", "onClick"]);
+                        }), 64))
+                      ]),
+                      _: 1
+                    })
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, { title: "Token Usage" }, {
+                right: withCtx(() => [
+                  createVNode(_component_UFieldGroup, null, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(Fragment, null, renderList(periodOptions, (opt) => {
+                        return createVNode(_component_UButton, {
+                          key: opt.value,
+                          color: unref(period) === opt.value ? "primary" : "neutral",
+                          variant: unref(period) === opt.value ? "solid" : "ghost",
+                          size: "sm",
+                          onClick: ($event) => period.value = opt.value
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(opt.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["color", "variant", "onClick"]);
+                      }), 64))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="p-4 space-y-6"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UsageStatsCards, {
+              stats: unref(stats),
+              loading: unref(loading)
+            }, null, _parent2, _scopeId));
+            if (unref(stats) && unref(stats).dailyUsage.length > 0) {
+              _push2(ssrRenderComponent(_component_UsageCostChart, {
+                granularity: unref(granularity),
+                "onUpdate:granularity": ($event) => isRef(granularity) ? granularity.value = $event : null,
+                data: unref(stats).dailyUsage,
+                title: "Cost Over Time"
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`<div class="grid gap-6 lg:grid-cols-2"${_scopeId}>`);
+            if (unref(stats) && unref(stats).bySource.length > 0) {
+              _push2(ssrRenderComponent(_component_UsageSourceDonut, {
+                data: unref(stats).bySource,
+                title: "Cost by Source"
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(stats) && unref(stats).topConsumers.length > 0) {
+              _push2(ssrRenderComponent(_component_UsageTopConsumers, {
+                data: unref(stats).topConsumers,
+                title: "Top Consumers"
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+            if (unref(stats) && unref(stats).totalCalls > 0) {
+              _push2(ssrRenderComponent(_component_UsageRecordsTable, { period: unref(period) }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            if (!unref(loading) && unref(stats) && unref(stats).totalCalls === 0) {
+              _push2(`<div class="flex flex-col items-center justify-center h-64 text-muted"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-bar-chart-3",
+                class: "size-12 mb-4"
+              }, null, _parent2, _scopeId));
+              _push2(`<p class="text-lg font-medium"${_scopeId}> No usage data yet </p><p class="text-sm mt-1"${_scopeId}> Token usage will appear here once you start using chat or agents </p></div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "p-4 space-y-6" }, [
+                createVNode(_component_UsageStatsCards, {
+                  stats: unref(stats),
+                  loading: unref(loading)
+                }, null, 8, ["stats", "loading"]),
+                unref(stats) && unref(stats).dailyUsage.length > 0 ? (openBlock(), createBlock(_component_UsageCostChart, {
+                  key: 0,
+                  granularity: unref(granularity),
+                  "onUpdate:granularity": ($event) => isRef(granularity) ? granularity.value = $event : null,
+                  data: unref(stats).dailyUsage,
+                  title: "Cost Over Time"
+                }, null, 8, ["granularity", "onUpdate:granularity", "data"])) : createCommentVNode("", true),
+                createVNode("div", { class: "grid gap-6 lg:grid-cols-2" }, [
+                  unref(stats) && unref(stats).bySource.length > 0 ? (openBlock(), createBlock(_component_UsageSourceDonut, {
+                    key: 0,
+                    data: unref(stats).bySource,
+                    title: "Cost by Source"
+                  }, null, 8, ["data"])) : createCommentVNode("", true),
+                  unref(stats) && unref(stats).topConsumers.length > 0 ? (openBlock(), createBlock(_component_UsageTopConsumers, {
+                    key: 1,
+                    data: unref(stats).topConsumers,
+                    title: "Top Consumers"
+                  }, null, 8, ["data"])) : createCommentVNode("", true)
+                ]),
+                unref(stats) && unref(stats).totalCalls > 0 ? (openBlock(), createBlock(_component_UsageRecordsTable, {
+                  key: 1,
+                  period: unref(period)
+                }, null, 8, ["period"])) : createCommentVNode("", true),
+                !unref(loading) && unref(stats) && unref(stats).totalCalls === 0 ? (openBlock(), createBlock("div", {
+                  key: 2,
+                  class: "flex flex-col items-center justify-center h-64 text-muted"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-bar-chart-3",
+                    class: "size-12 mb-4"
+                  }),
+                  createVNode("p", { class: "text-lg font-medium" }, " No usage data yet "),
+                  createVNode("p", { class: "text-sm mt-1" }, " Token usage will appear here once you start using chat or agents ")
+                ])) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/usage.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=usage-H_mcd_fz.mjs.map