@oneclick.dev/cms-core-modules 0.0.79 → 0.0.81

package/dist/{DeviceBreakdownCard-Oh_yzipG.mjs → DeviceBreakdownCard-W1frLe0L.mjs}

@@ -1,18 +1,18 @@
-import { defineComponent as P, computed as _, ref as h, onMounted as R, resolveComponent as q, openBlock as i, createElementBlock as l, unref as s, createVNode as m, createElementVNode as o, toDisplayString as c, Fragment as k, renderList as D, normalizeStyle as G, normalizeClass as L, createBlock as H, resolveDynamicComponent as J, createTextVNode as f, createCommentVNode as K, withCtx as Q } from "vue";
-import { Loader2 as W, Monitor as w, MousePointerClick as X, Users as Y, ExternalLink as Z, Smartphone as ee, Tablet as te } from "lucide-vue-next";
-const se = { class: "w-full" }, oe = {
+import { defineComponent as O, computed as _, ref as h, onMounted as q, resolveComponent as G, openBlock as i, createElementBlock as l, unref as s, createVNode as m, createElementVNode as o, toDisplayString as c, Fragment as k, renderList as L, normalizeStyle as H, normalizeClass as $, createBlock as J, resolveDynamicComponent as K, createTextVNode as v, createCommentVNode as Q, withCtx as W } from "vue";
+import { Loader2 as X, Monitor as w, MousePointerClick as Y, Users as Z, ExternalLink as ee, Smartphone as te, Tablet as se } from "lucide-vue-next";
+const oe = { class: "w-full" }, ne = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, ne = {
+}, re = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, re = {
+}, ae = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center space-y-2"
-}, ae = {
+}, ie = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, ie = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, le = { class: "flex items-center gap-2" }, de = { class: "text-[10px] text-muted-foreground" }, ce = { class: "px-3 pt-3 pb-1" }, ue = { class: "flex h-3 rounded-full overflow-hidden" }, me = { class: "divide-y" }, pe = { class: "flex items-center gap-2" }, ve = { class: "text-xs font-medium capitalize flex-1" }, fe = { class: "text-sm font-semibold tabular-nums" }, xe = { class: "ml-6 mt-1 flex items-center gap-3 text-[10px] text-muted-foreground" }, ge = { class: "flex items-center gap-1" }, he = { class: "flex items-center gap-1" }, ye = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, be = { class: "text-[10px] text-muted-foreground" }, Ce = /* @__PURE__ */ P({
+}, le = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, de = { class: "flex items-center gap-2" }, ce = { class: "text-[10px] text-muted-foreground" }, ue = { class: "px-3 pt-3 pb-1" }, me = { class: "flex h-3 rounded-full overflow-hidden" }, pe = { class: "divide-y" }, fe = { class: "flex items-center gap-2" }, ve = { class: "text-xs font-medium capitalize flex-1" }, xe = { class: "text-sm font-semibold tabular-nums" }, ge = { class: "ml-6 mt-1 flex items-center gap-3 text-[10px] text-muted-foreground" }, he = { class: "flex items-center gap-1" }, ye = { class: "flex items-center gap-1" }, be = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, _e = { class: "text-[10px] text-muted-foreground" }, Ce = /* @__PURE__ */ O({
   __name: "DeviceBreakdownCard",
   props: {
     toolName: {},
@@ -24,17 +24,17 @@ const se = { class: "w-full" }, oe = {
   },
   emits: ["submit"],
   setup(C, { emit: S }) {
-    const { $useRoute: N, $useModuleOverlay: _e } = useNuxtApp(), u = C, A = S, z = N(), M = _(() => z.params.slug), F = $useModuleApi(u.instanceId), x = h(!0), v = h(null), r = h([]), g = h(null), j = (t) => {
+    const { $useRoute: N, $useModuleApi: A } = useNuxtApp(), u = C, z = S, F = N(), M = _(() => F.params.slug), j = A(u.instanceId), x = h(!0), f = h(null), r = h([]), g = h(null), B = (t) => {
       const e = (t || "").toLowerCase();
-      return e === "mobile" || e === "smartphone" ? ee : e === "tablet" ? te : w;
-    }, B = (t) => {
+      return e === "mobile" || e === "smartphone" ? te : e === "tablet" ? se : w;
+    }, I = (t) => {
       const e = (t || "").toLowerCase();
       return e === "desktop" ? "bg-blue-500" : e === "mobile" || e === "smartphone" ? "bg-emerald-500" : e === "tablet" ? "bg-amber-500" : "bg-violet-500";
-    }, I = (t) => {
+    }, T = (t) => {
       const e = (t || "").toLowerCase();
       return e === "desktop" ? "text-blue-500" : e === "mobile" || e === "smartphone" ? "text-emerald-500" : e === "tablet" ? "text-amber-500" : "text-violet-500";
     };
-    function T() {
+    function U() {
       const t = u.resolvedArgs?._cachedData;
       return t ? (r.value = (t.devices || []).map((e) => ({
         deviceCategory: e.device,
@@ -42,16 +42,16 @@ const se = { class: "w-full" }, oe = {
         totalUsers: e.users
       })), g.value = u.resolvedArgs._fetchedAt || null, x.value = !1, !0) : !1;
     }
-    async function U() {
+    async function V() {
       const { startDate: t, endDate: e } = u.resolvedArgs || {};
-      x.value = !0, v.value = null;
+      x.value = !0, f.value = null;
       try {
         const a = new URLSearchParams();
         t && a.set("startDate", t), e && a.set("endDate", e);
-        const n = await F.get(`/devices?${a.toString()}`);
+        const n = await j.get(`/devices?${a.toString()}`);
         r.value = n.rows || [], g.value = (/* @__PURE__ */ new Date()).toISOString();
-        const p = r.value.reduce((d, O) => d + (O.sessions || 0), 0);
-        $({
+        const p = r.value.reduce((d, R) => d + (R.sessions || 0), 0);
+        D({
           count: r.value.length,
           devices: r.value.map((d) => ({
             device: d.deviceCategory,
@@ -62,89 +62,89 @@ const se = { class: "w-full" }, oe = {
           suggestion: r.value.length === 0 ? "No device data found for this period." : `Device breakdown: ${r.value.map((d) => `${d.deviceCategory} ${(d.sessions / p * 100).toFixed(0)}%`).join(", ")}.`
         });
       } catch (a) {
-        v.value = a?.data?.statusMessage || a?.message || "Failed to load device data", $(`Error loading device data: ${v.value}`);
+        f.value = a?.data?.statusMessage || a?.message || "Failed to load device data", D(`Error loading device data: ${f.value}`);
       } finally {
         x.value = !1;
       }
     }
-    R(() => {
-      u.status === "completed" && T() || U();
+    q(() => {
+      u.status === "completed" && U() || V();
     });
-    function $(t) {
-      u.status !== "completed" && A("submit", t);
+    function D(t) {
+      u.status !== "completed" && z("submit", t);
     }
-    const y = (t) => t == null ? "0" : Math.round(t).toLocaleString(), V = (t) => t ? new Date(t).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", b = _(
+    const y = (t) => t == null ? "0" : Math.round(t).toLocaleString(), E = (t) => t ? new Date(t).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", b = _(
       () => r.value.reduce((t, e) => t + (e.sessions || 0), 0) || 1
-    ), E = _(() => {
+    ), P = _(() => {
       const { startDate: t, endDate: e } = u.resolvedArgs || {};
       if (!t && !e) return "Last 30 days";
       const a = t || "30daysAgo", n = a.match(/^(\d+)daysAgo$/);
       return n ? `Last ${n[1]} days` : `${a} → ${e || "today"}`;
     });
     return (t, e) => {
-      const a = q("NuxtLink");
-      return i(), l("div", se, [
-        s(x) ? (i(), l("div", oe, [
-          m(s(W), { class: "size-4 animate-spin text-muted-foreground" }),
+      const a = G("NuxtLink");
+      return i(), l("div", oe, [
+        s(x) ? (i(), l("div", ne, [
+          m(s(X), { class: "size-4 animate-spin text-muted-foreground" }),
           e[0] || (e[0] = o("span", { class: "text-xs text-muted-foreground" }, "Loading device data…", -1))
-        ])) : s(v) ? (i(), l("div", ne, c(s(v)), 1)) : s(r).length === 0 ? (i(), l("div", re, [
+        ])) : s(f) ? (i(), l("div", re, c(s(f)), 1)) : s(r).length === 0 ? (i(), l("div", ae, [
           m(s(w), { class: "size-8 text-muted-foreground mx-auto" }),
           e[1] || (e[1] = o("p", { class: "text-sm text-muted-foreground" }, "No device data found for this period.", -1))
-        ])) : (i(), l("div", ae, [
-          o("div", ie, [
-            o("div", le, [
+        ])) : (i(), l("div", ie, [
+          o("div", le, [
+            o("div", de, [
               m(s(w), { class: "size-3.5 text-primary" }),
               e[2] || (e[2] = o("span", { class: "text-xs font-medium" }, "Device Breakdown", -1))
             ]),
-            o("span", de, c(s(E)), 1)
+            o("span", ce, c(s(P)), 1)
           ]),
-          o("div", ce, [
-            o("div", ue, [
-              (i(!0), l(k, null, D(s(r), (n, p) => (i(), l("div", {
+          o("div", ue, [
+            o("div", me, [
+              (i(!0), l(k, null, L(s(r), (n, p) => (i(), l("div", {
                 key: p,
-                class: L([B(n.deviceCategory), "transition-all first:rounded-l-full last:rounded-r-full"]),
-                style: G({ width: `${n.sessions / s(b) * 100}%` })
+                class: $([I(n.deviceCategory), "transition-all first:rounded-l-full last:rounded-r-full"]),
+                style: H({ width: `${n.sessions / s(b) * 100}%` })
               }, null, 6))), 128))
             ])
           ]),
-          o("div", me, [
-            (i(!0), l(k, null, D(s(r), (n, p) => (i(), l("div", {
+          o("div", pe, [
+            (i(!0), l(k, null, L(s(r), (n, p) => (i(), l("div", {
               key: p,
               class: "px-3 py-2.5 hover:bg-muted/30 transition-colors"
             }, [
-              o("div", pe, [
-                (i(), H(J(j(n.deviceCategory)), {
-                  class: L(["size-4 shrink-0", I(n.deviceCategory)])
+              o("div", fe, [
+                (i(), J(K(B(n.deviceCategory)), {
+                  class: $(["size-4 shrink-0", T(n.deviceCategory)])
                 }, null, 8, ["class"])),
                 o("span", ve, c(n.deviceCategory), 1),
-                o("span", fe, c((n.sessions / s(b) * 100).toFixed(1)) + "% ", 1)
+                o("span", xe, c((n.sessions / s(b) * 100).toFixed(1)) + "% ", 1)
               ]),
-              o("div", xe, [
-                o("span", ge, [
-                  m(s(X), { class: "size-2.5" }),
-                  f(" " + c(y(n.sessions)) + " sessions ", 1)
-                ]),
+              o("div", ge, [
                 o("span", he, [
                   m(s(Y), { class: "size-2.5" }),
-                  f(" " + c(y(n.totalUsers)) + " users ", 1)
+                  v(" " + c(y(n.sessions)) + " sessions ", 1)
+                ]),
+                o("span", ye, [
+                  m(s(Z), { class: "size-2.5" }),
+                  v(" " + c(y(n.totalUsers)) + " users ", 1)
                 ])
               ])
             ]))), 128))
           ]),
-          o("div", ye, [
-            o("span", be, [
-              f(c(y(s(b))) + " total sessions ", 1),
+          o("div", be, [
+            o("span", _e, [
+              v(c(y(s(b))) + " total sessions ", 1),
               s(g) ? (i(), l(k, { key: 0 }, [
-                f(" · fetched " + c(V(s(g))), 1)
-              ], 64)) : K("", !0)
+                v(" · fetched " + c(E(s(g))), 1)
+              ], 64)) : Q("", !0)
             ]),
             m(a, {
               to: `/projects/${s(M)}/modules/${C.instanceId}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
-              default: Q(() => [
-                m(s(Z), { class: "size-3" }),
-                e[3] || (e[3] = f(" View full report ", -1))
+              default: W(() => [
+                m(s(ee), { class: "size-3" }),
+                e[3] || (e[3] = v(" View full report ", -1))
               ]),
               _: 1
             }, 8, ["to"])

package/dist/{PeakHoursCard-DzNo4SNo.mjs → PeakHoursCard-9-EZFZLR.mjs}

@@ -1,21 +1,21 @@
-import { defineComponent as Y, computed as g, ref as f, onMounted as Z, resolveComponent as ee, openBlock as r, createElementBlock as l, unref as a, createVNode as $, createElementVNode as o, toDisplayString as y, createCommentVNode as L, Fragment as A, renderList as N, normalizeStyle as te, normalizeClass as W, createStaticVNode as se, createTextVNode as F, withCtx as oe } from "vue";
-import { Loader2 as ae, Clock as ne, ExternalLink as re } from "lucide-vue-next";
-const le = { class: "w-full" }, ue = {
+import { defineComponent as Z, computed as g, ref as f, onMounted as ee, resolveComponent as te, openBlock as r, createElementBlock as l, unref as a, createVNode as $, createElementVNode as o, toDisplayString as y, createCommentVNode as L, Fragment as A, renderList as N, normalizeStyle as se, normalizeClass as F, createStaticVNode as oe, createTextVNode as I, withCtx as ae } from "vue";
+import { Loader2 as ne, Clock as re, ExternalLink as le } from "lucide-vue-next";
+const ue = { class: "w-full" }, ie = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, ie = {
+}, de = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, de = {
+}, ce = {
   key: 2,
   class: "rounded-xl border bg-background overflow-hidden"
-}, ce = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, pe = { class: "flex items-center gap-2" }, fe = { class: "text-[10px] text-muted-foreground" }, me = {
+}, pe = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, fe = { class: "flex items-center gap-2" }, me = { class: "text-[10px] text-muted-foreground" }, xe = {
   key: 0,
   class: "px-3 pt-3 pb-1"
-}, xe = { class: "flex items-center gap-2 text-xs" }, ge = { class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium" }, ye = { class: "px-3 py-3" }, he = { class: "flex items-end gap-[2px] h-16" }, be = ["title"], ve = {
+}, ge = { class: "flex items-center gap-2 text-xs" }, ye = { class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium" }, he = { class: "px-3 py-3" }, be = { class: "flex items-end gap-[2px] h-16" }, ve = ["title"], ke = {
   key: 1,
   class: "px-3 pb-3"
-}, ke = { class: "space-y-[2px]" }, _e = { class: "text-[8px] text-muted-foreground w-6 shrink-0 text-right" }, Se = { class: "flex gap-[2px] flex-1" }, Me = ["title"], $e = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, Ae = { class: "text-[10px] text-muted-foreground" }, Ne = /* @__PURE__ */ Y({
+}, _e = { class: "space-y-[2px]" }, Se = { class: "text-[8px] text-muted-foreground w-6 shrink-0 text-right" }, Me = { class: "flex gap-[2px] flex-1" }, $e = ["title"], Ae = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, De = { class: "text-[10px] text-muted-foreground" }, Ne = /* @__PURE__ */ Z({
   __name: "PeakHoursCard",
   props: {
     toolName: {},
@@ -26,8 +26,8 @@ const le = { class: "w-full" }, ue = {
     status: {}
   },
   emits: ["submit"],
-  setup(P, { emit: I }) {
-    const { $useRoute: V, $useModuleOverlay: De } = useNuxtApp(), c = P, j = I, z = V(), E = g(() => z.params.slug), B = $useModuleApi(c.instanceId), h = f(!0), m = f(null), b = f([]), x = f(null), v = f(null), R = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], H = {
+  setup(P, { emit: O }) {
+    const { $useRoute: V, $useModuleApi: j } = useNuxtApp(), c = P, z = O, E = V(), B = g(() => E.params.slug), R = j(c.instanceId), h = f(!0), m = f(null), b = f([]), x = f(null), v = f(null), U = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], H = {
       Sunday: "Sun",
       Monday: "Mon",
       Tuesday: "Tue",
@@ -35,22 +35,22 @@ const le = { class: "w-full" }, ue = {
       Thursday: "Thu",
       Friday: "Fri",
       Saturday: "Sat"
-    }, p = f([]), U = g(() => Math.max(...p.value.map((e) => e.sessions), 1));
-    function q(e) {
-      const t = e / U.value;
+    }, p = f([]), q = g(() => Math.max(...p.value.map((e) => e.sessions), 1));
+    function G(e) {
+      const t = e / q.value;
       return t === 0 ? "bg-muted/40" : t < 0.2 ? "bg-blue-100 dark:bg-blue-950" : t < 0.4 ? "bg-blue-200 dark:bg-blue-900" : t < 0.6 ? "bg-blue-300 dark:bg-blue-700" : t < 0.8 ? "bg-blue-400 dark:bg-blue-600" : "bg-blue-500 dark:bg-blue-500";
     }
-    function G() {
+    function J() {
       const e = c.resolvedArgs?._cachedData;
       return e ? (b.value = e.hourly || [], x.value = e.peakHour ?? null, p.value = e.heatmap || [], v.value = c.resolvedArgs._fetchedAt || null, h.value = !1, !0) : !1;
     }
-    async function J() {
+    async function K() {
       const { startDate: e, endDate: t } = c.resolvedArgs || {};
       h.value = !0, m.value = null;
       try {
         const u = new URLSearchParams();
         e && u.set("startDate", e), t && u.set("endDate", t);
-        const d = (await B.get(`/audience/hours?${u.toString()}`)).rows || [];
+        const d = (await R.get(`/audience/hours?${u.toString()}`)).rows || [];
         p.value = d.map((s) => ({
           day: s.dayOfWeekName,
           hour: parseInt(s.hour, 10),
@@ -72,13 +72,13 @@ const le = { class: "w-full" }, ue = {
         const w = {};
         for (const s of d)
           w[s.dayOfWeekName] = (w[s.dayOfWeekName] || 0) + (s.sessions || 0);
-        const O = Object.entries(w).sort((s, M) => M[1] - s[1])[0]?.[0] || "—";
+        const W = Object.entries(w).sort((s, M) => M[1] - s[1])[0]?.[0] || "—";
         T({
           peakHour: S,
-          peakDay: O,
+          peakDay: W,
           hourly: _,
           heatmap: p.value,
-          suggestion: `Peak traffic hour is ${k(S)} with ${D.toLocaleString()} sessions. The busiest day is ${O}.`
+          suggestion: `Peak traffic hour is ${k(S)} with ${D.toLocaleString()} sessions. The busiest day is ${W}.`
         });
       } catch (u) {
         m.value = u?.data?.statusMessage || u?.message || "Failed to load peak hours data", T(`Error loading peak hours data: ${m.value}`);
@@ -86,66 +86,66 @@ const le = { class: "w-full" }, ue = {
         h.value = !1;
       }
     }
-    Z(() => {
-      c.status === "completed" && G() || J();
+    ee(() => {
+      c.status === "completed" && J() || K();
     });
     function T(e) {
-      c.status !== "completed" && j("submit", e);
+      c.status !== "completed" && z("submit", e);
     }
     function k(e) {
       return e === 0 ? "12 AM" : e < 12 ? `${e} AM` : e === 12 ? "12 PM" : `${e - 12} PM`;
     }
-    const K = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", Q = g(() => Math.max(...b.value.map((e) => e.sessions), 1)), X = g(() => {
+    const Q = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", X = g(() => Math.max(...b.value.map((e) => e.sessions), 1)), Y = g(() => {
       const { startDate: e, endDate: t } = c.resolvedArgs || {};
       if (!e && !t) return "Last 30 days";
       const u = e || "30daysAgo", n = u.match(/^(\d+)daysAgo$/);
       return n ? `Last ${n[1]} days` : `${u} → ${t || "today"}`;
-    }), C = g(() => R.filter((e) => p.value.some((t) => t.day === e)));
+    }), C = g(() => U.filter((e) => p.value.some((t) => t.day === e)));
     return (e, t) => {
-      const u = ee("NuxtLink");
-      return r(), l("div", le, [
-        a(h) ? (r(), l("div", ue, [
-          $(a(ae), { class: "size-4 animate-spin text-muted-foreground" }),
+      const u = te("NuxtLink");
+      return r(), l("div", ue, [
+        a(h) ? (r(), l("div", ie, [
+          $(a(ne), { class: "size-4 animate-spin text-muted-foreground" }),
           t[0] || (t[0] = o("span", { class: "text-xs text-muted-foreground" }, "Loading peak hours data…", -1))
-        ])) : a(m) ? (r(), l("div", ie, y(a(m)), 1)) : (r(), l("div", de, [
-          o("div", ce, [
-            o("div", pe, [
-              $(a(ne), { class: "size-3.5 text-primary" }),
+        ])) : a(m) ? (r(), l("div", de, y(a(m)), 1)) : (r(), l("div", ce, [
+          o("div", pe, [
+            o("div", fe, [
+              $(a(re), { class: "size-3.5 text-primary" }),
               t[1] || (t[1] = o("span", { class: "text-xs font-medium" }, "Peak Traffic Hours", -1))
             ]),
-            o("span", fe, y(a(X)), 1)
+            o("span", me, y(a(Y)), 1)
           ]),
-          a(x) !== null ? (r(), l("div", me, [
-            o("div", xe, [
-              o("span", ge, " 🔥 " + y(k(a(x))), 1),
+          a(x) !== null ? (r(), l("div", xe, [
+            o("div", ge, [
+              o("span", ye, " 🔥 " + y(k(a(x))), 1),
               t[2] || (t[2] = o("span", { class: "text-muted-foreground" }, "is the busiest hour", -1))
             ])
           ])) : L("", !0),
-          o("div", ye, [
-            o("div", he, [
+          o("div", he, [
+            o("div", be, [
               (r(!0), l(A, null, N(a(b), (n) => (r(), l("div", {
                 key: n.hour,
-                class: W(["flex-1 rounded-t transition-all hover:opacity-80 group relative", n.hour === a(x) ? "bg-blue-500" : "bg-blue-300/60 dark:bg-blue-700/60"]),
-                style: te({ height: `${Math.max(n.sessions / a(Q) * 100, 2)}%` }),
+                class: F(["flex-1 rounded-t transition-all hover:opacity-80 group relative", n.hour === a(x) ? "bg-blue-500" : "bg-blue-300/60 dark:bg-blue-700/60"]),
+                style: se({ height: `${Math.max(n.sessions / a(X) * 100, 2)}%` }),
                 title: `${k(n.hour)}: ${n.sessions.toLocaleString()} sessions`
-              }, null, 14, be))), 128))
+              }, null, 14, ve))), 128))
             ]),
-            t[3] || (t[3] = se('<div class="flex mt-1 text-[8px] text-muted-foreground"><span class="flex-1 text-left">12AM</span><span class="flex-1 text-center">6AM</span><span class="flex-1 text-center">12PM</span><span class="flex-1 text-center">6PM</span><span class="flex-1 text-right">11PM</span></div>', 1))
+            t[3] || (t[3] = oe('<div class="flex mt-1 text-[8px] text-muted-foreground"><span class="flex-1 text-left">12AM</span><span class="flex-1 text-center">6AM</span><span class="flex-1 text-center">12PM</span><span class="flex-1 text-center">6PM</span><span class="flex-1 text-right">11PM</span></div>', 1))
           ]),
-          a(C).length > 0 ? (r(), l("div", ve, [
+          a(C).length > 0 ? (r(), l("div", ke, [
             t[4] || (t[4] = o("p", { class: "text-[10px] text-muted-foreground mb-1.5 font-medium" }, "Weekly Heatmap", -1)),
-            o("div", ke, [
+            o("div", _e, [
               (r(!0), l(A, null, N(a(C), (n) => (r(), l("div", {
                 key: n,
                 class: "flex items-center gap-1"
               }, [
-                o("span", _e, y(H[n]), 1),
-                o("div", Se, [
+                o("span", Se, y(H[n]), 1),
+                o("div", Me, [
                   (r(), l(A, null, N(24, (d) => o("div", {
                     key: d,
-                    class: W(["flex-1 h-2.5 rounded-[2px] transition-colors", q(a(p).find((i) => i.day === n && i.hour === d - 1)?.sessions || 0)]),
+                    class: F(["flex-1 h-2.5 rounded-[2px] transition-colors", G(a(p).find((i) => i.day === n && i.hour === d - 1)?.sessions || 0)]),
                     title: `${H[n]} ${k(d - 1)}: ${(a(p).find((i) => i.day === n && i.hour === d - 1)?.sessions || 0).toLocaleString()} sessions`
-                  }, null, 10, Me)), 64))
+                  }, null, 10, $e)), 64))
                 ])
               ]))), 128))
             ]),
@@ -155,19 +155,19 @@ const le = { class: "w-full" }, ue = {
               o("span", { class: "flex-1 text-right" }, "11PM")
             ], -1))
           ])) : L("", !0),
-          o("div", $e, [
-            o("span", Ae, [
+          o("div", Ae, [
+            o("span", De, [
               a(v) ? (r(), l(A, { key: 0 }, [
-                F("fetched " + y(K(a(v))), 1)
+                I("fetched " + y(Q(a(v))), 1)
               ], 64)) : L("", !0)
             ]),
             $(u, {
-              to: `/projects/${a(E)}/modules/${P.instanceId}/audience`,
+              to: `/projects/${a(B)}/modules/${P.instanceId}/audience`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
-              default: oe(() => [
-                $(a(re), { class: "size-3" }),
-                t[6] || (t[6] = F(" View full report ", -1))
+              default: ae(() => [
+                $(a(le), { class: "size-3" }),
+                t[6] || (t[6] = I(" View full report ", -1))
               ]),
               _: 1
             }, 8, ["to"])

package/dist/PeakHoursCard-BR5zmta4.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("lucide-vue-next"),z={class:"w-full"},I={key:0,class:"flex items-center gap-2 py-3"},q={key:1,class:"text-xs text-destructive py-2"},R={key:2,class:"rounded-xl border bg-background overflow-hidden"},U={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},G={class:"flex items-center gap-2"},J={class:"text-[10px] text-muted-foreground"},K={key:0,class:"px-3 pt-3 pb-1"},Q={class:"flex items-center gap-2 text-xs"},X={class:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium"},Y={class:"px-3 py-3"},Z={class:"flex items-end gap-[2px] h-16"},ee=["title"],te={key:1,class:"px-3 pb-3"},se={class:"space-y-[2px]"},oe={class:"text-[8px] text-muted-foreground w-6 shrink-0 text-right"},ne={class:"flex gap-[2px] flex-1"},re=["title"],ae={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},le={class:"text-[10px] text-muted-foreground"},ue=e.defineComponent({__name:"PeakHoursCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(N,{emit:B}){const{$useRoute:M,$useModuleApi:$}=useNuxtApp(),u=N,D=B,A=M(),L=e.computed(()=>A.params.slug),w=$(u.instanceId),m=e.ref(!0),c=e.ref(null),f=e.ref([]),i=e.ref(null),p=e.ref(null),P=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],E={Sunday:"Sun",Monday:"Mon",Tuesday:"Tue",Wednesday:"Wed",Thursday:"Thu",Friday:"Fri",Saturday:"Sat"},d=e.ref([]),T=e.computed(()=>Math.max(...d.value.map(t=>t.sessions),1));function C(t){const s=t/T.value;return s===0?"bg-muted/40":s<.2?"bg-blue-100 dark:bg-blue-950":s<.4?"bg-blue-200 dark:bg-blue-900":s<.6?"bg-blue-300 dark:bg-blue-700":s<.8?"bg-blue-400 dark:bg-blue-600":"bg-blue-500 dark:bg-blue-500"}function H(){const t=u.resolvedArgs?._cachedData;return t?(f.value=t.hourly||[],i.value=t.peakHour??null,d.value=t.heatmap||[],p.value=u.resolvedArgs._fetchedAt||null,m.value=!1,!0):!1}async function F(){const{startDate:t,endDate:s}=u.resolvedArgs||{};m.value=!0,c.value=null;try{const r=new URLSearchParams;t&&r.set("startDate",t),s&&r.set("endDate",s);const l=(await w.get(`/audience/hours?${r.toString()}`)).rows||[];d.value=l.map(o=>({day:o.dayOfWeekName,hour:parseInt(o.hour,10),sessions:o.sessions||0}));const a={};for(const o of l){const k=parseInt(o.hour,10);a[k]=(a[k]||0)+(o.sessions||0)}const g=[];for(let o=0;o<24;o++)g.push({hour:o,sessions:a[o]||0});f.value=g;let y=0,h=0;for(const o of g)o.sessions>h&&(y=o.hour,h=o.sessions);i.value=y,p.value=new Date().toISOString();const b={};for(const o of l)b[o.dayOfWeekName]=(b[o.dayOfWeekName]||0)+(o.sessions||0);const S=Object.entries(b).sort((o,k)=>k[1]-o[1])[0]?.[0]||"—";_({peakHour:y,peakDay:S,hourly:g,heatmap:d.value,suggestion:`Peak traffic hour is ${x(y)} with ${h.toLocaleString()} sessions. The busiest day is ${S}.`})}catch(r){c.value=r?.data?.statusMessage||r?.message||"Failed to load peak hours data",_(`Error loading peak hours data: ${c.value}`)}finally{m.value=!1}}e.onMounted(()=>{u.status==="completed"&&H()||F()});function _(t){u.status!=="completed"&&D("submit",t)}function x(t){return t===0?"12 AM":t<12?`${t} AM`:t===12?"12 PM":`${t-12} PM`}const O=t=>t?new Date(t).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"",W=e.computed(()=>Math.max(...f.value.map(t=>t.sessions),1)),j=e.computed(()=>{const{startDate:t,endDate:s}=u.resolvedArgs||{};if(!t&&!s)return"Last 30 days";const r=t||"30daysAgo",n=r.match(/^(\d+)daysAgo$/);return n?`Last ${n[1]} days`:`${r} → ${s||"today"}`}),V=e.computed(()=>P.filter(t=>d.value.some(s=>s.day===t)));return(t,s)=>{const r=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",z,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(e.unref(v.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),s[0]||(s[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading peak hours data…",-1))])):e.unref(c)?(e.openBlock(),e.createElementBlock("div",q,e.toDisplayString(e.unref(c)),1)):(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",U,[e.createElementVNode("div",G,[e.createVNode(e.unref(v.Clock),{class:"size-3.5 text-primary"}),s[1]||(s[1]=e.createElementVNode("span",{class:"text-xs font-medium"},"Peak Traffic Hours",-1))]),e.createElementVNode("span",J,e.toDisplayString(e.unref(j)),1)]),e.unref(i)!==null?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("span",X," 🔥 "+e.toDisplayString(x(e.unref(i))),1),s[2]||(s[2]=e.createElementVNode("span",{class:"text-muted-foreground"},"is the busiest hour",-1))])])):e.createCommentVNode("",!0),e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),n=>(e.openBlock(),e.createElementBlock("div",{key:n.hour,class:e.normalizeClass(["flex-1 rounded-t transition-all hover:opacity-80 group relative",n.hour===e.unref(i)?"bg-blue-500":"bg-blue-300/60 dark:bg-blue-700/60"]),style:e.normalizeStyle({height:`${Math.max(n.sessions/e.unref(W)*100,2)}%`}),title:`${x(n.hour)}: ${n.sessions.toLocaleString()} sessions`},null,14,ee))),128))]),s[3]||(s[3]=e.createStaticVNode('<div class="flex mt-1 text-[8px] text-muted-foreground"><span class="flex-1 text-left">12AM</span><span class="flex-1 text-center">6AM</span><span class="flex-1 text-center">12PM</span><span class="flex-1 text-center">6PM</span><span class="flex-1 text-right">11PM</span></div>',1))]),e.unref(V).length>0?(e.openBlock(),e.createElementBlock("div",te,[s[4]||(s[4]=e.createElementVNode("p",{class:"text-[10px] text-muted-foreground mb-1.5 font-medium"},"Weekly Heatmap",-1)),e.createElementVNode("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),n=>(e.openBlock(),e.createElementBlock("div",{key:n,class:"flex items-center gap-1"},[e.createElementVNode("span",oe,e.toDisplayString(E[n]),1),e.createElementVNode("div",ne,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(24,l=>e.createElementVNode("div",{key:l,class:e.normalizeClass(["flex-1 h-2.5 rounded-[2px] transition-colors",C(e.unref(d).find(a=>a.day===n&&a.hour===l-1)?.sessions||0)]),title:`${E[n]} ${x(l-1)}: ${(e.unref(d).find(a=>a.day===n&&a.hour===l-1)?.sessions||0).toLocaleString()} sessions`},null,10,re)),64))])]))),128))]),s[5]||(s[5]=e.createElementVNode("div",{class:"flex mt-1 ml-7 text-[8px] text-muted-foreground"},[e.createElementVNode("span",{class:"flex-1 text-left"},"12AM"),e.createElementVNode("span",{class:"flex-1 text-center"},"12PM"),e.createElementVNode("span",{class:"flex-1 text-right"},"11PM")],-1))])):e.createCommentVNode("",!0),e.createElementVNode("div",ae,[e.createElementVNode("span",le,[e.unref(p)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("fetched "+e.toDisplayString(O(e.unref(p))),1)],64)):e.createCommentVNode("",!0)]),e.createVNode(r,{to:`/projects/${e.unref(L)}/modules/${N.instanceId}/audience`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(v.ExternalLink),{class:"size-3"}),s[6]||(s[6]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=ue;

package/dist/ProductDetailsCard-6nHikw4V.mjs

@@ -0,0 +1,121 @@
+import { defineComponent as z, computed as i, ref as m, onMounted as E, resolveComponent as L, openBlock as a, createElementBlock as n, unref as t, createVNode as p, createElementVNode as r, toDisplayString as c, createBlock as M, normalizeClass as V, createCommentVNode as g, withCtx as j, createTextVNode as A } from "vue";
+import { Loader2 as P, Package as S, ExternalLink as B } from "lucide-vue-next";
+const D = { class: "w-full" }, F = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, R = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, T = {
+  key: 2,
+  class: "rounded-xl border bg-background p-3 space-y-3"
+}, U = { class: "flex items-start gap-3" }, q = { class: "shrink-0 size-16 rounded-lg bg-muted overflow-hidden flex items-center justify-center" }, G = ["src", "alt"], H = { class: "flex-1 min-w-0" }, J = { class: "text-sm font-semibold truncate" }, K = { class: "text-lg font-bold mt-0.5" }, O = { class: "flex items-center gap-2 mt-1" }, Q = { class: "text-xs text-muted-foreground" }, W = {
+  key: 0,
+  class: "text-xs text-muted-foreground line-clamp-2"
+}, Z = /* @__PURE__ */ z({
+  __name: "ProductDetailsCard",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  emits: ["submit"],
+  setup(f, { emit: v }) {
+    const { $useRoute: _, $useModuleApi: y } = useNuxtApp(), u = f, b = v, k = _(), h = i(() => k.params.slug), N = y(u.instanceId), d = m(!0), o = m(null), e = m(null);
+    async function w() {
+      const l = u.resolvedArgs?.productId;
+      if (!l) {
+        o.value = "No product ID provided", d.value = !1;
+        return;
+      }
+      d.value = !0, o.value = null;
+      try {
+        const s = await N.get(`/products/${l}`);
+        e.value = s, x({
+          productId: e.value.id,
+          title: e.value.title,
+          price: e.value.price,
+          currency: e.value.currency,
+          stock: e.value.stock,
+          status: e.value.status,
+          available: e.value.available
+        });
+      } catch (s) {
+        o.value = s?.data?.statusMessage || s?.message || "Failed to load product", x(`Error fetching product: ${o.value}`);
+      } finally {
+        d.value = !1;
+      }
+    }
+    E(() => {
+      w();
+    });
+    function x(l) {
+      u.status !== "completed" && b("submit", l);
+    }
+    const I = i(() => e.value ? new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency: e.value.currency || "EUR"
+    }).format(e.value.price) : ""), C = i(() => {
+      switch (e.value?.status) {
+        case "published":
+          return "text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";
+        case "draft":
+          return "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";
+        case "archived":
+          return "text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-800";
+        default:
+          return "text-muted-foreground bg-muted";
+      }
+    });
+    return (l, s) => {
+      const $ = L("NuxtLink");
+      return a(), n("div", D, [
+        t(d) ? (a(), n("div", F, [
+          p(t(P), { class: "size-4 animate-spin text-muted-foreground" }),
+          s[0] || (s[0] = r("span", { class: "text-xs text-muted-foreground" }, "Loading product…", -1))
+        ])) : t(o) ? (a(), n("div", R, c(t(o)), 1)) : t(e) ? (a(), n("div", T, [
+          r("div", U, [
+            r("div", q, [
+              t(e).featuredMedia ? (a(), n("img", {
+                key: 0,
+                src: t(e).featuredMedia,
+                alt: t(e).title,
+                class: "size-full object-cover"
+              }, null, 8, G)) : (a(), M(t(S), {
+                key: 1,
+                class: "size-6 text-muted-foreground"
+              }))
+            ]),
+            r("div", H, [
+              r("p", J, c(t(e).title), 1),
+              r("p", K, c(t(I)), 1),
+              r("div", O, [
+                r("span", {
+                  class: V(["text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase", t(C)])
+                }, c(t(e).status), 3),
+                r("span", Q, " Stock: " + c(t(e).stock ?? "—"), 1)
+              ])
+            ])
+          ]),
+          t(e).description ? (a(), n("p", W, c(t(e).description), 1)) : g("", !0),
+          p($, {
+            to: `/projects/${t(h)}/modules/${f.instanceId}/${t(e).id}`,
+            class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+          }, {
+            default: j(() => [
+              p(t(B), { class: "size-3" }),
+              s[1] || (s[1] = A(" View full details ", -1))
+            ]),
+            _: 1
+          }, 8, ["to"])
+        ])) : g("", !0)
+      ]);
+    };
+  }
+});
+export {
+  Z as default
+};

package/dist/ProductDetailsCard-Bn7qrgmc.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),b={class:"w-full"},N={key:0,class:"flex items-center gap-2 py-3"},h={key:1,class:"text-xs text-destructive py-2"},E={key:2,class:"rounded-xl border bg-background p-3 space-y-3"},V={class:"flex items-start gap-3"},B={class:"shrink-0 size-16 rounded-lg bg-muted overflow-hidden flex items-center justify-center"},S=["src","alt"],w={class:"flex-1 min-w-0"},C={class:"text-sm font-semibold truncate"},D={class:"text-lg font-bold mt-0.5"},I={class:"flex items-center gap-2 mt-1"},$={class:"text-xs text-muted-foreground"},z={key:0,class:"text-xs text-muted-foreground line-clamp-2"},M=e.defineComponent({__name:"ProductDetailsCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(l,{emit:d}){const{$useRoute:i,$useModuleApi:m}=useNuxtApp(),n=l,p=d,f=i(),g=e.computed(()=>f.params.slug),x=m(n.instanceId),a=e.ref(!0),o=e.ref(null),t=e.ref(null);async function v(){const s=n.resolvedArgs?.productId;if(!s){o.value="No product ID provided",a.value=!1;return}a.value=!0,o.value=null;try{const r=await x.get(`/products/${s}`);t.value=r,u({productId:t.value.id,title:t.value.title,price:t.value.price,currency:t.value.currency,stock:t.value.stock,status:t.value.status,available:t.value.available})}catch(r){o.value=r?.data?.statusMessage||r?.message||"Failed to load product",u(`Error fetching product: ${o.value}`)}finally{a.value=!1}}e.onMounted(()=>{v()});function u(s){n.status!=="completed"&&p("submit",s)}const k=e.computed(()=>t.value?new Intl.NumberFormat(void 0,{style:"currency",currency:t.value.currency||"EUR"}).format(t.value.price):""),y=e.computed(()=>{switch(t.value?.status){case"published":return"text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";case"draft":return"text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";case"archived":return"text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-800";default:return"text-muted-foreground bg-muted"}});return(s,r)=>{const _=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",b,[e.unref(a)?(e.openBlock(),e.createElementBlock("div",N,[e.createVNode(e.unref(c.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),r[0]||(r[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading product…",-1))])):e.unref(o)?(e.openBlock(),e.createElementBlock("div",h,e.toDisplayString(e.unref(o)),1)):e.unref(t)?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",V,[e.createElementVNode("div",B,[e.unref(t).featuredMedia?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(t).featuredMedia,alt:e.unref(t).title,class:"size-full object-cover"},null,8,S)):(e.openBlock(),e.createBlock(e.unref(c.Package),{key:1,class:"size-6 text-muted-foreground"}))]),e.createElementVNode("div",w,[e.createElementVNode("p",C,e.toDisplayString(e.unref(t).title),1),e.createElementVNode("p",D,e.toDisplayString(e.unref(k)),1),e.createElementVNode("div",I,[e.createElementVNode("span",{class:e.normalizeClass(["text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase",e.unref(y)])},e.toDisplayString(e.unref(t).status),3),e.createElementVNode("span",$," Stock: "+e.toDisplayString(e.unref(t).stock??"—"),1)])])]),e.unref(t).description?(e.openBlock(),e.createElementBlock("p",z,e.toDisplayString(e.unref(t).description),1)):e.createCommentVNode("",!0),e.createVNode(_,{to:`/projects/${e.unref(g)}/modules/${l.instanceId}/${e.unref(t).id}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.ExternalLink),{class:"size-3"}),r[1]||(r[1]=e.createTextVNode(" View full details ",-1))]),_:1},8,["to"])])):e.createCommentVNode("",!0)])}}});exports.default=M;

package/dist/RealtimeCard--APfRNc8.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("lucide-vue-next"),E={class:"w-full"},b={key:0,class:"flex items-center gap-2 py-3"},B={key:1,class:"text-xs text-destructive py-2"},w={key:2,class:"rounded-xl border bg-background overflow-hidden"},S={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},U={class:"flex items-center gap-2"},A={class:"px-3 py-4 text-center"},D={class:"flex items-center justify-center gap-2 mb-1"},j={class:"text-3xl font-bold"},z={class:"text-xs text-muted-foreground"},C={key:0,class:"border-t"},L={class:"divide-y"},R=["title"],P={class:"flex items-center gap-1 text-[10px] text-muted-foreground shrink-0 ml-2"},$={class:"font-medium"},F={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},I={key:0,class:"text-[10px] text-muted-foreground"},M=e.defineComponent({__name:"RealtimeCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(u,{emit:p}){const{$useRoute:f,$useModuleApi:g}=useNuxtApp(),n=u,v=p,x=f(),y=e.computed(()=>x.params.slug),N=g(n.instanceId),i=e.ref(!0),o=e.ref(null),a=e.ref(0),r=e.ref([]),c=e.ref(null);function _(){const s=n.resolvedArgs?._cachedData;return s?(a.value=s.activeUsersRightNow||0,r.value=(s.topActivePages||[]).map(t=>({page:t.page,activeUsers:t.activeUsers})),c.value=n.resolvedArgs._fetchedAt||null,i.value=!1,!0):!1}async function h(){i.value=!0,o.value=null;try{const s=await N.get("/realtime");a.value=s.activeUsers||0,r.value=s.activePages||[],c.value=new Date().toISOString(),m({activeUsersRightNow:a.value,topActivePages:r.value.map(t=>({page:t.page,activeUsers:t.activeUsers}))})}catch(s){o.value=s?.data?.statusMessage||s?.message||"Failed to load realtime data",m(`Error loading realtime data: ${o.value}`)}finally{i.value=!1}}e.onMounted(()=>{n.status==="completed"&&_()||h()});function m(s){n.status!=="completed"&&v("submit",s)}const V=s=>s?new Date(s).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"";return(s,t)=>{const k=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",E,[e.unref(i)?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(l.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),t[0]||(t[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading realtime data…",-1))])):e.unref(o)?(e.openBlock(),e.createElementBlock("div",B,e.toDisplayString(e.unref(o)),1)):(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("div",S,[e.createElementVNode("div",U,[e.createVNode(e.unref(l.Radio),{class:"size-3.5 text-emerald-500"}),t[1]||(t[1]=e.createElementVNode("span",{class:"text-xs font-medium"},"Realtime",-1))]),t[2]||(t[2]=e.createElementVNode("span",{class:"relative flex size-2"},[e.createElementVNode("span",{class:"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"}),e.createElementVNode("span",{class:"relative inline-flex rounded-full size-2 bg-emerald-500"})],-1))]),e.createElementVNode("div",A,[e.createElementVNode("div",D,[e.createVNode(e.unref(l.Users),{class:"size-5 text-primary"}),e.createElementVNode("span",j,e.toDisplayString(e.unref(a)),1)]),e.createElementVNode("p",z,"active "+e.toDisplayString(e.unref(a)===1?"user":"users")+" right now",1)]),e.unref(r).length>0?(e.openBlock(),e.createElementBlock("div",C,[t[3]||(t[3]=e.createElementVNode("div",{class:"px-3 py-1.5 bg-muted/20"},[e.createElementVNode("span",{class:"text-[10px] font-medium text-muted-foreground uppercase tracking-wide"},"Active Pages")],-1)),e.createElementVNode("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),d=>(e.openBlock(),e.createElementBlock("div",{key:d.page,class:"px-3 py-2 flex items-center justify-between hover:bg-muted/30 transition-colors"},[e.createElementVNode("span",{class:"text-xs truncate flex-1",title:d.page},e.toDisplayString(d.page),9,R),e.createElementVNode("div",P,[e.createVNode(e.unref(l.Users),{class:"size-2.5"}),e.createElementVNode("span",$,e.toDisplayString(d.activeUsers),1)])]))),128))])])):e.createCommentVNode("",!0),e.createElementVNode("div",F,[e.unref(c)?(e.openBlock(),e.createElementBlock("span",I," Fetched "+e.toDisplayString(V(e.unref(c))),1)):e.createCommentVNode("",!0),e.createVNode(k,{to:`/projects/${e.unref(y)}/modules/${u.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(l.ExternalLink),{class:"size-3"}),t[4]||(t[4]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=M;