nomnomtokens 0.2.0 → 0.3.0

package/web/server/chunks/build/default-BokiYQNv.mjs

@@ -0,0 +1,847 @@
+import { u as useRoute$1, b as useRouter } from '../virtual/entry.mjs';
+import { N as NuxtLink } from './nuxt-link-mYiLFsJs.mjs';
+import { c as cn, C as ClientOnly } from './asyncData-CMa0z9Yw.mjs';
+import { T as Tooltip_default } from './Tooltip-BZX3jLtj.mjs';
+import { B as Button_default } from './Button-DnpDAHT3.mjs';
+import { i as useMeta, u as useFilters, g as useScopes } from './useStats-CmYzpdbE.mjs';
+import { u as useLive } from './useLive-mk38eV0f.mjs';
+import { defineComponent, ref, computed, watch, mergeProps, unref, withCtx, createVNode, resolveDynamicComponent, openBlock, createBlock, createTextVNode, toDisplayString, createCommentVNode, readonly, nextTick, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrRenderVNode, ssrInterpolate, ssrRenderAttr, ssrRenderTeleport, ssrRenderSlot } from 'vue/server-renderer';
+import { ChevronDown, Gauge, BarChart3, FolderTree, Boxes, Clock, Activity, Upload, Download, Bell, PanelLeftOpen, PanelLeftClose, X, Menu, Sun, Moon, Search, Folder, ArrowRight } from 'lucide-vue-next';
+import 'unhead/utils';
+import '../routes/renderer.mjs';
+import '../nitro/nitro.mjs';
+import 'node:fs';
+import 'node:path';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:crypto';
+import 'node:os';
+import 'better-sqlite3';
+import 'drizzle-orm/better-sqlite3';
+import 'drizzle-orm/sqlite-core';
+import 'node:fs/promises';
+import 'node:string_decoder';
+import 'node:url';
+import 'unhead/server';
+import 'unhead/legacy';
+import 'unhead/plugins';
+import 'nostics';
+import 'vue-bundle-renderer/runtime';
+import 'devalue';
+import 'clsx';
+import 'tailwind-merge';
+import 'class-variance-authority';
+import './fetch-DJ9NNbFP.mjs';
+import 'fnv1a-64';
+import 'object-identity';
+
+var CookieMark_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "CookieMark",
+  __ssrInlineRender: true,
+  props: {
+    size: { default: 18 },
+    class: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<svg${ssrRenderAttrs(mergeProps({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: __props.size,
+        height: __props.size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        class: unref(cn)("shrink-0", _ctx.$props.class),
+        "aria-hidden": "true"
+      }, _attrs))}><path d="M12 3a9 9 0 1 0 9 9c0-1.1-.2-2.15-.55-3.1A2.9 2.9 0 0 1 17.1 11a2.9 2.9 0 0 1-2.9-2.9c0-.9.4-1.7 1.05-2.25A8.9 8.9 0 0 0 12 3z"></path><circle cx="8.5" cy="10" r="1" fill="currentColor" stroke="none"></circle><circle cx="13" cy="9" r="0.85" fill="currentColor" stroke="none"></circle><circle cx="10" cy="14.5" r="1" fill="currentColor" stroke="none"></circle><circle cx="14.5" cy="13.5" r="0.8" fill="currentColor" stroke="none"></circle></svg>`);
+    };
+  }
+});
+var _sfc_setup$5 = CookieMark_vue_vue_type_script_setup_true_lang_default.setup;
+CookieMark_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/CookieMark.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+var CookieMark_default = Object.assign(CookieMark_vue_vue_type_script_setup_true_lang_default, { __name: "CookieMark" });
+var Logo_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "Logo",
+  __ssrInlineRender: true,
+  props: {
+    size: { default: 18 },
+    showWordmark: {
+      type: Boolean,
+      default: true
+    },
+    class: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_CookieMark = CookieMark_default;
+      _push(`<span${ssrRenderAttrs(mergeProps({ class: unref(cn)("inline-flex items-center gap-2", _ctx.$props.class) }, _attrs))}>`);
+      _push(ssrRenderComponent(_component_CookieMark, {
+        size: __props.size,
+        class: "text-foreground"
+      }, null, _parent));
+      if (__props.showWordmark) _push(`<span class="text-sm leading-none font-semibold tracking-tight"><span>nomnom</span><span class="text-muted-foreground font-medium">tokens</span></span>`);
+      else _push(`<!---->`);
+      _push(`</span>`);
+    };
+  }
+});
+var _sfc_setup$4 = Logo_vue_vue_type_script_setup_true_lang_default.setup;
+Logo_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/Logo.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+var Logo_default = Object.assign(Logo_vue_vue_type_script_setup_true_lang_default, { __name: "Logo" });
+var Kbd_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "Kbd",
+  __ssrInlineRender: true,
+  props: { class: {} },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<kbd${ssrRenderAttrs(mergeProps({ class: unref(cn)("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 rounded border px-1 font-mono text-[10px] font-medium", props.class) }, _attrs))}>`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</kbd>`);
+    };
+  }
+});
+var _sfc_setup$3 = Kbd_vue_vue_type_script_setup_true_lang_default.setup;
+Kbd_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/Kbd.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+var Kbd_default = Object.assign(Kbd_vue_vue_type_script_setup_true_lang_default, { __name: "UiKbd" });
+var Separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "Separator",
+  __ssrInlineRender: true,
+  props: {
+    orientation: { default: "horizontal" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        "data-slot": "separator",
+        role: "none",
+        "data-orientation": props.orientation,
+        class: unref(cn)("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", props.class)
+      }, _attrs))}></div>`);
+    };
+  }
+});
+var _sfc_setup$2 = Separator_vue_vue_type_script_setup_true_lang_default.setup;
+Separator_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/Separator.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+var Separator_default = Object.assign(Separator_vue_vue_type_script_setup_true_lang_default, { __name: "UiSeparator" });
+var CommandPalette_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "CommandPalette",
+  __ssrInlineRender: true,
+  props: { open: { type: Boolean } },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const router = useRouter();
+    const filters = useFilters();
+    const { scopes } = useScopes();
+    const dialog = ref();
+    const query = ref("");
+    const active = ref(0);
+    const commands = computed(() => {
+      const pages = [
+        {
+          id: "nav-overview",
+          label: "Overview",
+          group: "Go to",
+          run: () => router.push("/")
+        },
+        {
+          id: "nav-timeline",
+          label: "Timeline",
+          group: "Go to",
+          run: () => router.push("/timeline")
+        },
+        {
+          id: "nav-scopes",
+          label: "Projects",
+          group: "Go to",
+          run: () => router.push("/scopes")
+        },
+        {
+          id: "nav-providers",
+          label: "Providers",
+          group: "Go to",
+          run: () => router.push("/providers")
+        },
+        {
+          id: "nav-sessions",
+          label: "Sessions",
+          group: "Go to",
+          run: () => router.push("/sessions")
+        },
+        {
+          id: "nav-limits",
+          label: "Limits",
+          group: "Go to",
+          run: () => router.push("/limits")
+        },
+        {
+          id: "nav-import",
+          label: "Import CSV",
+          group: "Go to",
+          run: () => router.push("/import")
+        },
+        {
+          id: "nav-export",
+          label: "Export",
+          group: "Go to",
+          run: () => router.push("/export")
+        },
+        {
+          id: "nav-alerts",
+          label: "Alerts",
+          group: "Go to",
+          run: () => router.push("/alerts")
+        }
+      ];
+      const ranges = [
+        ["24h", "Last 24 hours"],
+        ["7d", "Last 7 days"],
+        ["30d", "Last 30 days"],
+        ["all", "All time"]
+      ].map(([value, label]) => ({
+        id: `range-${value}`,
+        label,
+        group: "Range",
+        run: () => filters.setRange(value)
+      }));
+      const projects = scopes.value.map((s) => ({
+        id: `scope-${s.scopeHash}`,
+        label: s.label,
+        hint: "filter to this project",
+        group: "Projects",
+        run: () => filters.toggleScope(s.scopeHash)
+      }));
+      const clear = filters.hasScopeFilter.value ? [{
+        id: "clear",
+        label: "Clear project filter",
+        group: "Range",
+        run: () => filters.clearScopes()
+      }] : [];
+      return [
+        ...pages,
+        ...ranges,
+        ...clear,
+        ...projects
+      ];
+    });
+    const results = computed(() => {
+      const q = query.value.trim().toLowerCase();
+      if (!q) return commands.value.slice(0, 12);
+      return commands.value.filter((cmd) => {
+        const haystack = `${cmd.group} ${cmd.label}`.toLowerCase();
+        let i = 0;
+        for (const ch of q) {
+          i = haystack.indexOf(ch, i);
+          if (i === -1) return false;
+          i += 1;
+        }
+        return true;
+      }).slice(0, 12);
+    });
+    const grouped = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      for (const cmd of results.value) {
+        const list = map.get(cmd.group) ?? [];
+        list.push(cmd);
+        map.set(cmd.group, list);
+      }
+      return [...map.entries()];
+    });
+    watch(results, () => {
+      active.value = 0;
+    });
+    watch(() => props.open, (open) => {
+      if (open) {
+        query.value = "";
+        active.value = 0;
+        nextTick(() => dialog.value?.showModal());
+      } else dialog.value?.close();
+    });
+    const flatIndex = (group, i) => grouped.value.slice(0, grouped.value.findIndex(([g]) => g === group)).reduce((n, [, list]) => n + list.length, 0) + i;
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UiKbd = Kbd_default;
+      _push(`<dialog${ssrRenderAttrs(mergeProps({
+        ref_key: "dialog",
+        ref: dialog,
+        class: "fixed inset-0 m-0 h-full max-h-none w-full max-w-none overflow-hidden bg-transparent p-0 backdrop:bg-black/60 backdrop:backdrop-blur-sm",
+        "aria-label": "Command palette"
+      }, _attrs))}><div class="flex h-full items-start justify-center p-4 pt-[12vh]"><div class="bg-popover text-popover-foreground w-full max-w-lg overflow-hidden rounded-xl border shadow-lg"><div class="flex items-center gap-2 border-b px-3">`);
+      _push(ssrRenderComponent(unref(Search), { class: "text-muted-foreground size-4 shrink-0" }, null, _parent));
+      _push(`<input${ssrRenderAttr("value", unref(query))} autofocus role="combobox" aria-expanded="true" aria-controls="command-results"${ssrRenderAttr("aria-activedescendant", `command-${unref(active)}`)} placeholder="Jump to a page, range or project\u2026" class="placeholder:text-muted-foreground h-11 w-full bg-transparent text-sm outline-none">`);
+      _push(ssrRenderComponent(_component_UiKbd, null, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) _push2(`esc`);
+          else return [createTextVNode("esc")];
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div><ul id="command-results" role="listbox" class="max-h-[60vh] overflow-y-auto p-1">`);
+      if (unref(results).length === 0) _push(`<li class="text-muted-foreground p-6 text-center text-sm"> Nothing matches \u201C${ssrInterpolate(unref(query))}\u201D. </li>`);
+      else _push(`<!---->`);
+      _push(`<!--[-->`);
+      ssrRenderList(unref(grouped), ([group, items]) => {
+        _push(`<!--[--><li class="text-muted-foreground px-2 pt-3 pb-1 text-xs font-medium">${ssrInterpolate(group)}</li><!--[-->`);
+        ssrRenderList(items, (cmd, i) => {
+          _push(`<li${ssrRenderAttr("id", `command-${flatIndex(group, i)}`)} role="option"${ssrRenderAttr("aria-selected", unref(active) === flatIndex(group, i))} class="${ssrRenderClass(unref(cn)("flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm", unref(active) === flatIndex(group, i) && "bg-accent text-accent-foreground"))}">`);
+          if (cmd.group === "Projects") _push(ssrRenderComponent(unref(Folder), { class: "size-4 opacity-60" }, null, _parent));
+          else _push(ssrRenderComponent(unref(ArrowRight), { class: "size-4 opacity-60" }, null, _parent));
+          _push(`<span class="truncate">${ssrInterpolate(cmd.label)}</span>`);
+          if (cmd.hint) _push(`<span class="text-muted-foreground ml-auto text-xs">${ssrInterpolate(cmd.hint)}</span>`);
+          else _push(`<!---->`);
+          _push(`</li>`);
+        });
+        _push(`<!--]--><!--]-->`);
+      });
+      _push(`<!--]--></ul></div></div></dialog>`);
+    };
+  }
+});
+var _sfc_setup$1 = CommandPalette_vue_vue_type_script_setup_true_lang_default.setup;
+CommandPalette_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/CommandPalette.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+var CommandPalette_default = Object.assign(CommandPalette_vue_vue_type_script_setup_true_lang_default, { __name: "CommandPalette" });
+var THEME_STORAGE_KEY = "nnt-theme";
+var preference = ref("dark");
+var ready$1 = ref(false);
+function apply() {
+  const dark = preference.value === "dark";
+  (void 0).documentElement.classList.toggle("dark", dark);
+  (void 0).documentElement.style.colorScheme = dark ? "dark" : "light";
+}
+function useTheme() {
+  function set(next) {
+    preference.value = next;
+    localStorage.setItem(THEME_STORAGE_KEY, next);
+    apply();
+  }
+  function cycle() {
+    set(preference.value === "light" ? "dark" : "light");
+  }
+  return {
+    preference: readonly(preference),
+    resolved: readonly(preference),
+    /** false until mounted — guards against a hydration mismatch on the icon */
+    ready: readonly(ready$1),
+    set,
+    cycle
+  };
+}
+var SIDEBAR_COLLAPSED_KEY = "nnt-sidebar-collapsed";
+var collapsed = ref(false);
+var ready = ref(false);
+function useSidebar() {
+  function setCollapsed(next) {
+    collapsed.value = next;
+    localStorage.setItem(SIDEBAR_COLLAPSED_KEY, next ? "1" : "0");
+  }
+  function toggle() {
+    setCollapsed(!collapsed.value);
+  }
+  return {
+    collapsed: readonly(collapsed),
+    ready: readonly(ready),
+    setCollapsed,
+    toggle
+  };
+}
+var default_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "default",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const route = useRoute$1();
+    const { connected } = useLive();
+    const { data: meta } = useMeta();
+    const theme = useTheme();
+    const sidebar = useSidebar();
+    const THEME_ICON = {
+      light: Sun,
+      dark: Moon
+    };
+    const THEME_LABEL = {
+      light: "Theme: light",
+      dark: "Theme: dark"
+    };
+    const paletteOpen = ref(false);
+    const mobileOpen = ref(false);
+    const sidebarHover = ref(false);
+    const BROWSE = [
+      {
+        to: "/",
+        label: "Overview",
+        icon: Gauge
+      },
+      {
+        to: "/timeline",
+        label: "Timeline",
+        icon: BarChart3
+      },
+      {
+        to: "/scopes",
+        label: "Projects",
+        icon: FolderTree
+      },
+      {
+        to: "/providers",
+        label: "Providers",
+        icon: Boxes
+      },
+      {
+        to: "/sessions",
+        label: "Sessions",
+        icon: Clock
+      },
+      {
+        to: "/limits",
+        label: "Limits",
+        icon: Activity
+      }
+    ];
+    const TOOLS = [
+      {
+        to: "/import",
+        label: "Import",
+        icon: Upload
+      },
+      {
+        to: "/export",
+        label: "Export",
+        icon: Download
+      },
+      {
+        to: "/alerts",
+        label: "Alerts",
+        icon: Bell
+      }
+    ];
+    const NAV = [...BROWSE, ...TOOLS];
+    const browseOpen = ref(true);
+    const toolsOpen = ref(true);
+    const isActive = (to) => to === "/" ? route.path === "/" : route.path.startsWith(to);
+    const navIndex = (item) => NAV.findIndex((n) => n.to === item.to) + 1;
+    const collapseLabel = computed(() => sidebar.collapsed.value ? "Expand sidebar" : "Collapse sidebar");
+    watch(() => route.path, () => {
+      mobileOpen.value = false;
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = NuxtLink;
+      const _component_Logo = Logo_default;
+      const _component_UiTooltip = Tooltip_default;
+      const _component_UiKbd = Kbd_default;
+      const _component_UiButton = Button_default;
+      const _component_ClientOnly = ClientOnly;
+      const _component_UiSeparator = Separator_default;
+      const _component_CommandPalette = CommandPalette_default;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-background flex min-h-screen" }, _attrs))}><aside class="${ssrRenderClass(unref(cn)("bg-background relative sticky top-0 z-40 hidden h-svh shrink-0 flex-col border-r transition-[width] duration-200 ease-out md:flex", unref(sidebar).collapsed.value ? "w-14" : "w-60"))}"><div class="${ssrRenderClass(unref(cn)("flex h-14 max-h-14 min-h-14 shrink-0 items-center overflow-hidden border-b", unref(sidebar).collapsed.value ? "justify-center px-2" : "px-3"))}">`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/",
+        class: "flex min-w-0 items-center",
+        "aria-label": "nomnomtokens home"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) _push2(ssrRenderComponent(_component_Logo, {
+            size: 20,
+            "show-wordmark": !unref(sidebar).collapsed.value,
+            class: "min-w-0"
+          }, null, _parent2, _scopeId));
+          else return [createVNode(_component_Logo, {
+            size: 20,
+            "show-wordmark": !unref(sidebar).collapsed.value,
+            class: "min-w-0"
+          }, null, 8, ["show-wordmark"])];
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div><nav class="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-2 py-3"><div>`);
+      if (!unref(sidebar).collapsed.value) {
+        _push(`<button type="button" class="text-muted-foreground hover:text-foreground mb-1 flex w-full items-center justify-between rounded-md px-2 py-1 text-[11px] font-medium tracking-wide uppercase"> Browse `);
+        _push(ssrRenderComponent(unref(ChevronDown), { class: ["size-3.5 transition-transform", unref(browseOpen) ? "" : "-rotate-90"] }, null, _parent));
+        _push(`</button>`);
+      } else _push(`<!---->`);
+      _push(`<div class="${ssrRenderClass(unref(cn)("flex flex-col gap-0.5", unref(sidebar).collapsed.value && "items-center"))}" style="${ssrRenderStyle(unref(sidebar).collapsed.value || unref(browseOpen) ? null : { display: "none" })}"><!--[-->`);
+      ssrRenderList(BROWSE, (item) => {
+        _push(`<!--[-->`);
+        if (unref(sidebar).collapsed.value) _push(ssrRenderComponent(_component_UiTooltip, {
+          side: "right",
+          content: `${item.label} \xB7 ${navIndex(item)}`
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) _push2(ssrRenderComponent(_component_NuxtLink, {
+              to: item.to,
+              "aria-label": item.label,
+              class: unref(cn)("text-muted-foreground hover:text-foreground hover:bg-accent/50 flex size-9 items-center justify-center rounded-md transition-colors", isActive(item.to) && "bg-accent text-accent-foreground")
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) ssrRenderVNode(_push3, createVNode(resolveDynamicComponent(item.icon), { class: "size-4" }, null), _parent3, _scopeId2);
+                else return [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "size-4" }))];
+              }),
+              _: 2
+            }, _parent2, _scopeId));
+            else return [createVNode(_component_NuxtLink, {
+              to: item.to,
+              "aria-label": item.label,
+              class: unref(cn)("text-muted-foreground hover:text-foreground hover:bg-accent/50 flex size-9 items-center justify-center rounded-md transition-colors", isActive(item.to) && "bg-accent text-accent-foreground")
+            }, {
+              default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "size-4" }))]),
+              _: 2
+            }, 1032, [
+              "to",
+              "aria-label",
+              "class"
+            ])];
+          }),
+          _: 2
+        }, _parent));
+        else _push(ssrRenderComponent(_component_NuxtLink, {
+          to: item.to,
+          class: unref(cn)("text-muted-foreground hover:text-foreground hover:bg-accent/50 group flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors", isActive(item.to) && "bg-accent text-accent-foreground")
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(item.icon), { class: "size-4 shrink-0" }, null), _parent2, _scopeId);
+              _push2(`<span class="min-w-0 flex-1 truncate"${_scopeId}>${ssrInterpolate(item.label)}</span>`);
+              _push2(ssrRenderComponent(_component_UiKbd, { class: "opacity-0 transition-opacity group-hover:opacity-100" }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) _push3(`${ssrInterpolate(navIndex(item))}`);
+                  else return [createTextVNode(toDisplayString(navIndex(item)), 1)];
+                }),
+                _: 2
+              }, _parent2, _scopeId));
+            } else return [
+              (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "size-4 shrink-0" })),
+              createVNode("span", { class: "min-w-0 flex-1 truncate" }, toDisplayString(item.label), 1),
+              createVNode(_component_UiKbd, { class: "opacity-0 transition-opacity group-hover:opacity-100" }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(navIndex(item)), 1)]),
+                _: 2
+              }, 1024)
+            ];
+          }),
+          _: 2
+        }, _parent));
+        _push(`<!--]-->`);
+      });
+      _push(`<!--]--></div></div><div>`);
+      if (!unref(sidebar).collapsed.value) {
+        _push(`<button type="button" class="text-muted-foreground hover:text-foreground mb-1 flex w-full items-center justify-between rounded-md px-2 py-1 text-[11px] font-medium tracking-wide uppercase"> Tools `);
+        _push(ssrRenderComponent(unref(ChevronDown), { class: ["size-3.5 transition-transform", unref(toolsOpen) ? "" : "-rotate-90"] }, null, _parent));
+        _push(`</button>`);
+      } else _push(`<!---->`);
+      _push(`<div class="${ssrRenderClass(unref(cn)("flex flex-col gap-0.5", unref(sidebar).collapsed.value && "items-center"))}" style="${ssrRenderStyle(unref(sidebar).collapsed.value || unref(toolsOpen) ? null : { display: "none" })}"><!--[-->`);
+      ssrRenderList(TOOLS, (item) => {
+        _push(`<!--[-->`);
+        if (unref(sidebar).collapsed.value) _push(ssrRenderComponent(_component_UiTooltip, {
+          side: "right",
+          content: `${item.label} \xB7 ${navIndex(item)}`
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) _push2(ssrRenderComponent(_component_NuxtLink, {
+              to: item.to,
+              "aria-label": item.label,
+              class: unref(cn)("text-muted-foreground hover:text-foreground hover:bg-accent/50 flex size-9 items-center justify-center rounded-md transition-colors", isActive(item.to) && "bg-accent text-accent-foreground")
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) ssrRenderVNode(_push3, createVNode(resolveDynamicComponent(item.icon), { class: "size-4" }, null), _parent3, _scopeId2);
+                else return [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "size-4" }))];
+              }),
+              _: 2
+            }, _parent2, _scopeId));
+            else return [createVNode(_component_NuxtLink, {
+              to: item.to,
+              "aria-label": item.label,
+              class: unref(cn)("text-muted-foreground hover:text-foreground hover:bg-accent/50 flex size-9 items-center justify-center rounded-md transition-colors", isActive(item.to) && "bg-accent text-accent-foreground")
+            }, {
+              default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "size-4" }))]),
+              _: 2
+            }, 1032, [
+              "to",
+              "aria-label",
+              "class"
+            ])];
+          }),
+          _: 2
+        }, _parent));
+        else _push(ssrRenderComponent(_component_NuxtLink, {
+          to: item.to,
+          class: unref(cn)("text-muted-foreground hover:text-foreground hover:bg-accent/50 group flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors", isActive(item.to) && "bg-accent text-accent-foreground")
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(item.icon), { class: "size-4 shrink-0" }, null), _parent2, _scopeId);
+              _push2(`<span class="min-w-0 flex-1 truncate"${_scopeId}>${ssrInterpolate(item.label)}</span>`);
+              _push2(ssrRenderComponent(_component_UiKbd, { class: "opacity-0 transition-opacity group-hover:opacity-100" }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) _push3(`${ssrInterpolate(navIndex(item))}`);
+                  else return [createTextVNode(toDisplayString(navIndex(item)), 1)];
+                }),
+                _: 2
+              }, _parent2, _scopeId));
+            } else return [
+              (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "size-4 shrink-0" })),
+              createVNode("span", { class: "min-w-0 flex-1 truncate" }, toDisplayString(item.label), 1),
+              createVNode(_component_UiKbd, { class: "opacity-0 transition-opacity group-hover:opacity-100" }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(navIndex(item)), 1)]),
+                _: 2
+              }, 1024)
+            ];
+          }),
+          _: 2
+        }, _parent));
+        _push(`<!--]-->`);
+      });
+      _push(`<!--]--></div></div></nav><div class="${ssrRenderClass(unref(cn)("flex h-14 shrink-0 items-center border-t", unref(sidebar).collapsed.value ? "justify-center px-2" : "px-3"))}">`);
+      _push(ssrRenderComponent(_component_UiTooltip, {
+        side: "right",
+        content: unref(connected) ? "Live \u2014 updates stream as your agent works" : "Reconnecting\u2026"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<span class="${ssrRenderClass(unref(cn)("text-muted-foreground flex items-center gap-2 text-xs", unref(sidebar).collapsed.value && "justify-center"))}"${_scopeId}><span class="${ssrRenderClass([unref(connected) ? "bg-success animate-pulse" : "bg-muted-foreground", "size-1.5 shrink-0 rounded-full"])}"${_scopeId}></span>`);
+            if (!unref(sidebar).collapsed.value) _push2(`<span${_scopeId}>${ssrInterpolate(unref(connected) ? "live" : "offline")}</span>`);
+            else _push2(`<!---->`);
+            _push2(`</span>`);
+          } else return [createVNode("span", { class: unref(cn)("text-muted-foreground flex items-center gap-2 text-xs", unref(sidebar).collapsed.value && "justify-center") }, [createVNode("span", { class: ["size-1.5 shrink-0 rounded-full", unref(connected) ? "bg-success animate-pulse" : "bg-muted-foreground"] }, null, 2), !unref(sidebar).collapsed.value ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(unref(connected) ? "live" : "offline"), 1)) : createCommentVNode("", true)], 2)];
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div><div class="pointer-events-none absolute top-20 right-0 z-50 hidden translate-x-1/2 -translate-y-1/2 md:block">`);
+      _push(ssrRenderComponent(_component_UiTooltip, {
+        side: "right",
+        content: unref(collapseLabel)
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<button type="button"${ssrRenderAttr("aria-label", unref(collapseLabel))} class="${ssrRenderClass(unref(cn)("bg-background text-muted-foreground hover:text-foreground flex size-6 items-center justify-center rounded-full border shadow-sm transition-opacity", unref(sidebarHover) ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"))}" tabindex="-1"${_scopeId}>`);
+            if (unref(sidebar).collapsed.value) _push2(ssrRenderComponent(unref(PanelLeftOpen), { class: "size-3.5" }, null, _parent2, _scopeId));
+            else _push2(ssrRenderComponent(unref(PanelLeftClose), { class: "size-3.5" }, null, _parent2, _scopeId));
+            _push2(`</button>`);
+          } else return [createVNode("button", {
+            type: "button",
+            "aria-label": unref(collapseLabel),
+            class: unref(cn)("bg-background text-muted-foreground hover:text-foreground flex size-6 items-center justify-center rounded-full border shadow-sm transition-opacity", unref(sidebarHover) ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"),
+            tabindex: "-1",
+            onClick: ($event) => unref(sidebar).toggle(),
+            onFocus: ($event) => sidebarHover.value = true,
+            onBlur: ($event) => sidebarHover.value = false
+          }, [unref(sidebar).collapsed.value ? (openBlock(), createBlock(unref(PanelLeftOpen), {
+            key: 0,
+            class: "size-3.5"
+          })) : (openBlock(), createBlock(unref(PanelLeftClose), {
+            key: 1,
+            class: "size-3.5"
+          }))], 42, [
+            "aria-label",
+            "onClick",
+            "onFocus",
+            "onBlur"
+          ])];
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div></aside>`);
+      ssrRenderTeleport(_push, (_push2) => {
+        if (unref(mobileOpen)) {
+          _push2(`<div class="fixed inset-0 z-50 md:hidden"><button type="button" class="bg-background/80 absolute inset-0 backdrop-blur-sm" aria-label="Close menu"></button><aside class="bg-background absolute inset-y-0 left-0 flex w-72 max-w-[85vw] flex-col border-r shadow-lg"><div class="flex h-14 max-h-14 min-h-14 items-center justify-between gap-2 overflow-hidden border-b px-3">`);
+          _push2(ssrRenderComponent(_component_NuxtLink, {
+            to: "/",
+            class: "flex items-center",
+            "aria-label": "nomnomtokens home",
+            onClick: ($event) => mobileOpen.value = false
+          }, {
+            default: withCtx((_, _push3, _parent2, _scopeId) => {
+              if (_push3) _push3(ssrRenderComponent(_component_Logo, { size: 20 }, null, _parent2, _scopeId));
+              else return [createVNode(_component_Logo, { size: 20 })];
+            }),
+            _: 1
+          }, _parent));
+          _push2(ssrRenderComponent(_component_UiButton, {
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": "Close menu",
+            onClick: ($event) => mobileOpen.value = false
+          }, {
+            default: withCtx((_, _push3, _parent2, _scopeId) => {
+              if (_push3) _push3(ssrRenderComponent(unref(X), { class: "size-4" }, null, _parent2, _scopeId));
+              else return [createVNode(unref(X), { class: "size-4" })];
+            }),
+            _: 1
+          }, _parent));
+          _push2(`</div><nav class="flex flex-1 flex-col gap-4 overflow-y-auto px-2 py-3"><div><p class="text-muted-foreground mb-1 px-2 text-[11px] font-medium tracking-wide uppercase"> Browse </p><div class="flex flex-col gap-0.5"><!--[-->`);
+          ssrRenderList(BROWSE, (item) => {
+            _push2(ssrRenderComponent(_component_NuxtLink, {
+              key: item.to,
+              to: item.to,
+              class: unref(cn)("text-muted-foreground hover:text-foreground hover:bg-accent/50 flex items-center gap-2 rounded-md px-2 py-1.5 text-sm", isActive(item.to) && "bg-accent text-accent-foreground")
+            }, {
+              default: withCtx((_, _push3, _parent2, _scopeId) => {
+                if (_push3) {
+                  ssrRenderVNode(_push3, createVNode(resolveDynamicComponent(item.icon), { class: "size-4" }, null), _parent2, _scopeId);
+                  _push3(` ${ssrInterpolate(item.label)}`);
+                } else return [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "size-4" })), createTextVNode(" " + toDisplayString(item.label), 1)];
+              }),
+              _: 2
+            }, _parent));
+          });
+          _push2(`<!--]--></div></div><div><p class="text-muted-foreground mb-1 px-2 text-[11px] font-medium tracking-wide uppercase"> Tools </p><div class="flex flex-col gap-0.5"><!--[-->`);
+          ssrRenderList(TOOLS, (item) => {
+            _push2(ssrRenderComponent(_component_NuxtLink, {
+              key: item.to,
+              to: item.to,
+              class: unref(cn)("text-muted-foreground hover:text-foreground hover:bg-accent/50 flex items-center gap-2 rounded-md px-2 py-1.5 text-sm", isActive(item.to) && "bg-accent text-accent-foreground")
+            }, {
+              default: withCtx((_, _push3, _parent2, _scopeId) => {
+                if (_push3) {
+                  ssrRenderVNode(_push3, createVNode(resolveDynamicComponent(item.icon), { class: "size-4" }, null), _parent2, _scopeId);
+                  _push3(` ${ssrInterpolate(item.label)}`);
+                } else return [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "size-4" })), createTextVNode(" " + toDisplayString(item.label), 1)];
+              }),
+              _: 2
+            }, _parent));
+          });
+          _push2(`<!--]--></div></div></nav></aside></div>`);
+        } else _push2(`<!---->`);
+      }, "body", false, _parent);
+      _push(`<div class="flex min-w-0 flex-1 flex-col"><header class="bg-background/80 sticky top-0 z-30 backdrop-blur"><div class="flex h-14 max-h-14 min-h-14 items-center gap-2 overflow-hidden border-b px-4 sm:px-6">`);
+      _push(ssrRenderComponent(_component_UiButton, {
+        variant: "ghost",
+        size: "icon-sm",
+        class: "md:hidden",
+        "aria-label": "Open menu",
+        onClick: ($event) => mobileOpen.value = true
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) _push2(ssrRenderComponent(unref(Menu), { class: "size-4" }, null, _parent2, _scopeId));
+          else return [createVNode(unref(Menu), { class: "size-4" })];
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/",
+        class: "flex items-center md:hidden",
+        "aria-label": "nomnomtokens home"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) _push2(ssrRenderComponent(_component_Logo, {
+            size: 20,
+            "show-wordmark": false
+          }, null, _parent2, _scopeId));
+          else return [createVNode(_component_Logo, {
+            size: 20,
+            "show-wordmark": false
+          })];
+        }),
+        _: 1
+      }, _parent));
+      _push(`<div class="ml-auto flex items-center gap-2"><span class="flex items-center md:hidden"${ssrRenderAttr("title", unref(connected) ? "Live" : "Reconnecting\u2026")}><span class="${ssrRenderClass([unref(connected) ? "bg-success animate-pulse" : "bg-muted-foreground", "size-1.5 rounded-full"])}"></span></span>`);
+      _push(ssrRenderComponent(_component_UiButton, {
+        variant: "outline",
+        size: "sm",
+        class: "gap-2 font-normal",
+        onClick: ($event) => paletteOpen.value = true
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<span class="text-muted-foreground"${_scopeId}>Search\u2026</span>`);
+            _push2(ssrRenderComponent(_component_UiKbd, null, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) _push3(`\u2318K`);
+                else return [createTextVNode("\u2318K")];
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else return [createVNode("span", { class: "text-muted-foreground" }, "Search\u2026"), createVNode(_component_UiKbd, null, {
+            default: withCtx(() => [createTextVNode("\u2318K")]),
+            _: 1
+          })];
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UiTooltip, {
+        side: "left",
+        content: `${THEME_LABEL[unref(theme).preference.value]} \u2014 click to change`
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) _push2(ssrRenderComponent(_component_UiButton, {
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": THEME_LABEL[unref(theme).preference.value],
+            onClick: ($event) => unref(theme).cycle()
+          }, {
+            default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+              if (_push3) _push3(ssrRenderComponent(_component_ClientOnly, null, { fallback: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                if (_push4) _push4(ssrRenderComponent(unref(Sun), { class: "size-4" }, null, _parent4, _scopeId3));
+                else return [createVNode(unref(Sun), { class: "size-4" })];
+              }) }, _parent3, _scopeId2));
+              else return [createVNode(_component_ClientOnly, null, {
+                fallback: withCtx(() => [createVNode(unref(Sun), { class: "size-4" })]),
+                default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(THEME_ICON[unref(theme).preference.value]), { class: "size-4" }))]),
+                _: 1
+              })];
+            }),
+            _: 1
+          }, _parent2, _scopeId));
+          else return [createVNode(_component_UiButton, {
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": THEME_LABEL[unref(theme).preference.value],
+            onClick: ($event) => unref(theme).cycle()
+          }, {
+            default: withCtx(() => [createVNode(_component_ClientOnly, null, {
+              fallback: withCtx(() => [createVNode(unref(Sun), { class: "size-4" })]),
+              default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(THEME_ICON[unref(theme).preference.value]), { class: "size-4" }))]),
+              _: 1
+            })]),
+            _: 1
+          }, 8, ["aria-label", "onClick"])];
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div></div></header><main class="mx-auto w-full max-w-7xl flex-1 px-4 py-6 sm:px-6">`);
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</main><footer class="text-muted-foreground mx-auto w-full max-w-7xl px-4 pb-8 text-xs sm:px-6">`);
+      _push(ssrRenderComponent(_component_UiSeparator, { class: "mb-4" }, null, _parent));
+      _push(`<p> Everything on this page was computed on this machine from <code class="font-mono">${ssrInterpolate(unref(meta)?.dbPath ?? "~/.nomnomtokens/data.db")}</code>. Nothing was sent anywhere. </p></footer></div>`);
+      _push(ssrRenderComponent(_component_CommandPalette, {
+        open: unref(paletteOpen),
+        onClose: ($event) => paletteOpen.value = false
+      }, null, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+var _sfc_setup = default_vue_vue_type_script_setup_true_lang_default.setup;
+default_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("layouts/default.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+var default_default = default_vue_vue_type_script_setup_true_lang_default;
+
+export { default_default as default };
+//# sourceMappingURL=default-BokiYQNv.mjs.map