@oneclick.dev/cms-core-modules 0.0.71 → 0.0.73

package/dist/Overview-B8OF-JJr.mjs

@@ -0,0 +1,567 @@
+import { defineComponent as _e, ref as m, computed as te, watch as he, onMounted as ye, resolveComponent as h, openBlock as n, createElementBlock as i, createElementVNode as s, toDisplayString as u, unref as r, Fragment as w, renderList as D, normalizeClass as L, createVNode as t, withCtx as l, createCommentVNode as P, createBlock as T, createTextVNode as y, resolveDynamicComponent as W, normalizeStyle as se } from "vue";
+import { useModule as be, useModuleRoute as we, useModuleBreadcrumbs as Ce } from "@oneclick.dev/cms-kit";
+import "./index-CMk3uhUt.mjs";
+import { g as oe, h as ae } from "./index-N6w5-hDF-6k_ELHYC.mjs";
+import { MousePointerClick as ke, Users as $e, Eye as De, Clock as Pe, Zap as Te, TrendingDown as le, TrendingUp as ne, UserPlus as Ue, Activity as Se, RefreshCw as Ve, Loader2 as Re, ArrowUpRight as Me, Globe as Fe, Minus as Ae, Smartphone as ze, Tablet as Ne, Monitor as Be } from "lucide-vue-next";
+import { S as re, C as j, A as ie, z as ue } from "./index-_2lRVt_k.mjs";
+import { C as ce, a as H } from "./index-p5Uqu8c2.mjs";
+const Le = { class: "w-full max-w-7xl mx-auto py-8 px-4 space-y-6" }, je = { class: "flex items-center justify-between" }, Ge = { class: "text-muted-foreground text-sm mt-1" }, Ie = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, Xe = { class: "flex items-center border rounded-lg overflow-hidden" }, Ee = ["onClick"], Oe = { class: "text-sm text-destructive font-medium" }, We = {
+  key: 2,
+  class: "flex items-center justify-center py-20"
+}, He = { class: "flex items-start justify-between" }, qe = { class: "flex items-center gap-2" }, Ke = { class: "text-sm font-medium" }, Ze = { class: "grid grid-cols-2 @sm:grid-cols-4 gap-4" }, Je = { class: "flex items-center gap-1.5 text-muted-foreground mb-2" }, Qe = { class: "text-xs font-medium uppercase tracking-wide" }, Ye = { class: "text-2xl font-semibold tabular-nums" }, et = {
+  key: 0,
+  class: "flex items-center gap-1 mt-1"
+}, tt = { class: "grid @lg:grid-cols-2 gap-6" }, st = { class: "grid @lg:grid-cols-2 gap-6" }, ot = { class: "divide-y" }, at = { class: "flex items-center gap-3 min-w-0" }, lt = { class: "text-muted-foreground w-5 text-right shrink-0" }, nt = { class: "truncate font-mono text-xs" }, rt = { class: "flex items-center gap-4 shrink-0 tabular-nums" }, it = { class: "text-muted-foreground text-xs w-16 text-right" }, ut = { class: "text-muted-foreground text-xs w-16 text-right" }, ct = {
+  key: 0,
+  class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, dt = { class: "divide-y" }, mt = { class: "flex items-center gap-3 min-w-0" }, ft = { class: "text-muted-foreground w-5 text-right shrink-0" }, vt = { class: "truncate" }, pt = { class: "flex items-center gap-4 shrink-0 tabular-nums" }, gt = { class: "text-muted-foreground text-xs w-20 text-right" }, xt = {
+  key: 0,
+  class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, _t = { class: "grid @lg:grid-cols-2 gap-6" }, ht = { class: "space-y-3" }, yt = { class: "text-sm capitalize flex-1" }, bt = { class: "flex-1 h-2 bg-muted rounded-full overflow-hidden" }, wt = { class: "text-xs tabular-nums text-muted-foreground w-16 text-right" }, Ct = {
+  key: 0,
+  class: "py-4 text-center text-muted-foreground text-sm"
+}, kt = { class: "space-y-3" }, $t = { class: "text-sm flex-1" }, Dt = { class: "flex-1 h-2 bg-muted rounded-full overflow-hidden" }, Pt = { class: "text-xs tabular-nums text-muted-foreground w-16 text-right" }, Tt = {
+  key: 0,
+  class: "py-4 text-center text-muted-foreground text-sm"
+}, Nt = /* @__PURE__ */ _e({
+  __name: "Overview",
+  setup(Ut) {
+    const { config: G } = be(), { moduleId: de } = we();
+    Ce(() => [{ label: "Overview" }]);
+    const C = m(!0), V = m(null), R = m("30"), U = m([]), f = m({}), me = m({}), v = m({}), q = m(0), I = m([]), X = m([]), M = m([]), F = m([]), A = te(() => !!(G.serviceAccount && G.propertyId));
+    function k(a) {
+      return `/api/v1/modules/${de}${a}`;
+    }
+    const fe = [
+      { label: "7 days", value: "7" },
+      { label: "14 days", value: "14" },
+      { label: "30 days", value: "30" },
+      { label: "90 days", value: "90" }
+    ], x = {
+      sessions: "#3b82f6",
+      users: "#8b5cf6",
+      pageViews: "#10b981"
+    }, E = {
+      sessions: { label: "Sessions", color: x.sessions },
+      totalUsers: { label: "Users", color: x.users }
+    }, O = {
+      screenPageViews: { label: "Page Views", color: x.pageViews }
+    }, S = (a, e) => e, K = (a) => a.sessions || 0, ve = (a) => a.totalUsers || 0, Z = (a) => a.screenPageViews || 0, J = (a) => {
+      const e = U.value[Math.round(a)];
+      if (!e) return "";
+      const d = new Date(e.date);
+      return `${d.getDate()}/${d.getMonth() + 1}`;
+    }, Q = (a) => {
+      const e = U.value[Math.round(Number(a))];
+      return e ? new Date(e.date).toLocaleDateString(void 0, { weekday: "short", month: "short", day: "numeric" }) : "";
+    }, pe = te(() => [
+      {
+        label: "Sessions",
+        value: p(f.value.sessions || 0),
+        icon: ke,
+        change: v.value.sessions
+      },
+      {
+        label: "Users",
+        value: p(f.value.totalUsers || 0),
+        icon: $e,
+        change: v.value.totalUsers
+      },
+      {
+        label: "Page Views",
+        value: p(f.value.screenPageViews || 0),
+        icon: De,
+        change: v.value.screenPageViews
+      },
+      {
+        label: "Avg. Duration",
+        value: ge(f.value.averageSessionDuration || 0),
+        icon: Pe,
+        change: v.value.averageSessionDuration
+      },
+      {
+        label: "Engagement",
+        value: `${((f.value.engagementRate || 0) * 100).toFixed(1)}%`,
+        icon: Te,
+        change: v.value.engagementRate,
+        positive: !0
+      },
+      {
+        label: "Bounce Rate",
+        value: `${((f.value.bounceRate || 0) * 100).toFixed(1)}%`,
+        icon: (f.value.bounceRate || 0) > 0.5 ? le : ne,
+        change: v.value.bounceRate,
+        positive: !1
+      },
+      {
+        label: "New Users",
+        value: p(f.value.newUsers || 0),
+        icon: Ue,
+        change: v.value.newUsers
+      },
+      {
+        label: "Pages / Session",
+        value: (f.value.screenPageViewsPerSession || 0).toFixed(1),
+        icon: Se,
+        change: v.value.screenPageViewsPerSession
+      }
+    ]);
+    function p(a) {
+      return a >= 1e6 ? `${(a / 1e6).toFixed(1)}M` : a >= 1e3 ? `${(a / 1e3).toFixed(1)}K` : Math.round(a).toString();
+    }
+    function ge(a) {
+      const e = Math.floor(a / 60), d = Math.round(a % 60);
+      return e > 0 ? `${e}m ${d}s` : `${d}s`;
+    }
+    function z(a, e = !0) {
+      if (a == null)
+        return { text: "—", cls: "text-muted-foreground", icon: Ae };
+      const c = `${Math.abs(a).toFixed(1)}%`, b = a > 0;
+      return {
+        text: c,
+        cls: (e ? b : !b) ? "text-emerald-600 dark:text-emerald-400" : "text-red-500 dark:text-red-400",
+        icon: b ? ne : le
+      };
+    }
+    function xe(a) {
+      const e = a.toLowerCase();
+      return e === "mobile" ? ze : e === "tablet" ? Ne : Be;
+    }
+    async function N() {
+      if (!A.value) return;
+      C.value = !0, V.value = null;
+      const a = `${R.value}daysAgo`;
+      try {
+        const [e, d, c, b, g, _] = await Promise.all([
+          $fetch(k(`/report?startDate=${a}&endDate=today`)),
+          $fetch(k("/realtime")).catch(() => ({ activeUsers: 0 })),
+          $fetch(k(`/top-pages?startDate=${a}&endDate=today&limit=10`)),
+          $fetch(k(`/top-sources?startDate=${a}&endDate=today`)),
+          $fetch(k(`/devices?startDate=${a}&endDate=today`)),
+          $fetch(k(`/countries?startDate=${a}&endDate=today`))
+        ]);
+        U.value = e.rows || [], f.value = e.totals || {}, me.value = e.previousTotals || {}, v.value = e.changes || {}, q.value = d.activeUsers || 0, I.value = c.rows || [], X.value = b.rows || [], M.value = g.rows || [], F.value = _.rows || [];
+      } catch (e) {
+        console.error("Failed to fetch analytics data:", e), V.value = e?.data?.statusMessage || e?.message || "Failed to load analytics data";
+      } finally {
+        C.value = !1;
+      }
+    }
+    return he(R, () => N()), ye(() => {
+      A.value ? N() : C.value = !1;
+    }), (a, e) => {
+      const d = h("Button"), c = h("Card"), b = h("Badge"), g = h("CardTitle"), _ = h("CardHeader"), Y = h("ChartLegendContent"), ee = h("ChartContainer"), $ = h("CardContent");
+      return n(), i("div", Le, [
+        s("div", je, [
+          s("div", null, [
+            e[0] || (e[0] = s("h1", { class: "text-2xl font-semibold" }, "Analytics Overview", -1)),
+            s("p", Ge, "Property " + u(r(G).propertyId || "—"), 1)
+          ]),
+          A.value ? (n(), i("div", Ie, [
+            s("div", Xe, [
+              (n(), i(w, null, D(fe, (o) => s("button", {
+                key: o.value,
+                class: L(["px-3 py-1.5 text-xs font-medium transition-colors", R.value === o.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"]),
+                onClick: (B) => R.value = o.value
+              }, u(o.label), 11, Ee)), 64))
+            ]),
+            t(d, {
+              variant: "outline",
+              size: "icon",
+              onClick: N,
+              disabled: C.value
+            }, {
+              default: l(() => [
+                t(r(Ve), {
+                  class: L(["size-4", { "animate-spin": C.value }])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])) : P("", !0)
+        ]),
+        A.value ? V.value ? (n(), T(c, {
+          key: 1,
+          class: "p-6 border-destructive/50 bg-destructive/5"
+        }, {
+          default: l(() => [
+            s("p", Oe, u(V.value), 1),
+            t(d, {
+              variant: "outline",
+              size: "sm",
+              class: "mt-3",
+              onClick: N
+            }, {
+              default: l(() => [...e[2] || (e[2] = [
+                y("Retry", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : C.value ? (n(), i("div", We, [
+          t(r(Re), { class: "size-8 animate-spin text-muted-foreground" })
+        ])) : (n(), i(w, { key: 3 }, [
+          t(c, { class: "p-4" }, {
+            default: l(() => [
+              s("div", He, [
+                s("div", qe, [
+                  e[3] || (e[3] = s("span", { class: "relative flex h-2.5 w-2.5" }, [
+                    s("span", { class: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
+                    s("span", { class: "relative inline-flex rounded-full h-2.5 w-2.5 bg-green-500" })
+                  ], -1)),
+                  s("span", Ke, u(q.value) + " visitors", 1),
+                  e[4] || (e[4] = s("span", { class: "text-xs text-muted-foreground translate-y-0.25" }, "in the last 30 minutes", -1))
+                ]),
+                t(b, {
+                  variant: "outline",
+                  class: "text-xs"
+                }, {
+                  default: l(() => [...e[5] || (e[5] = [
+                    y("Live", -1)
+                  ])]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          s("div", Ze, [
+            (n(!0), i(w, null, D(pe.value, (o) => (n(), T(c, {
+              key: o.label,
+              class: "p-4"
+            }, {
+              default: l(() => [
+                s("div", Je, [
+                  (n(), T(W(o.icon), { class: "size-3.5" })),
+                  s("span", Qe, u(o.label), 1)
+                ]),
+                s("p", Ye, u(o.value), 1),
+                o.change !== void 0 ? (n(), i("div", et, [
+                  (n(), T(W(z(o.change, o.positive !== !1).icon), {
+                    class: L(["size-3", z(o.change, o.positive !== !1).cls])
+                  }, null, 8, ["class"])),
+                  s("span", {
+                    class: L(["text-xs font-medium", z(o.change, o.positive !== !1).cls])
+                  }, u(z(o.change, o.positive !== !1).text), 3),
+                  e[6] || (e[6] = s("span", { class: "text-xs text-muted-foreground" }, "vs prev.", -1))
+                ])) : P("", !0)
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          s("div", tt, [
+            t(c, null, {
+              default: l(() => [
+                t(_, { class: "pb-2" }, {
+                  default: l(() => [
+                    t(g, { class: "text-base" }, {
+                      default: l(() => [...e[7] || (e[7] = [
+                        y("Sessions & Users", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                t($, null, {
+                  default: l(() => [
+                    t(ee, {
+                      config: E,
+                      class: "h-[240px] w-full"
+                    }, {
+                      default: l(() => [
+                        t(r(re), {
+                          data: U.value,
+                          margin: { top: 8, right: 8, bottom: 24, left: 40 }
+                        }, {
+                          default: l(() => [
+                            t(r(ce), {
+                              x: S,
+                              y: K,
+                              color: x.sessions,
+                              opacity: 0.1,
+                              curveType: "monotoneX"
+                            }, null, 8, ["color"]),
+                            t(r(H), {
+                              x: S,
+                              y: K,
+                              color: x.sessions,
+                              lineWidth: 2,
+                              curveType: "monotoneX"
+                            }, null, 8, ["color"]),
+                            t(r(H), {
+                              x: S,
+                              y: ve,
+                              color: x.users,
+                              lineWidth: 2,
+                              curveType: "monotoneX"
+                            }, null, 8, ["color"]),
+                            t(r(j), {
+                              type: "x",
+                              tickFormat: J,
+                              numTicks: 6
+                            }),
+                            t(r(j), {
+                              type: "y",
+                              numTicks: 4
+                            }),
+                            t(r(ie), {
+                              template: r(oe)(E, r(ae), { labelFormatter: Q })
+                            }, null, 8, ["template"]),
+                            t(r(ue))
+                          ]),
+                          _: 1
+                        }, 8, ["data"]),
+                        t(Y, { config: E })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            t(c, null, {
+              default: l(() => [
+                t(_, { class: "pb-2" }, {
+                  default: l(() => [
+                    t(g, { class: "text-base" }, {
+                      default: l(() => [...e[8] || (e[8] = [
+                        y("Page Views", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                t($, null, {
+                  default: l(() => [
+                    t(ee, {
+                      config: O,
+                      class: "h-[240px] w-full"
+                    }, {
+                      default: l(() => [
+                        t(r(re), {
+                          data: U.value,
+                          margin: { top: 8, right: 8, bottom: 24, left: 40 }
+                        }, {
+                          default: l(() => [
+                            t(r(ce), {
+                              x: S,
+                              y: Z,
+                              color: x.pageViews,
+                              opacity: 0.15,
+                              curveType: "monotoneX"
+                            }, null, 8, ["color"]),
+                            t(r(H), {
+                              x: S,
+                              y: Z,
+                              color: x.pageViews,
+                              lineWidth: 2,
+                              curveType: "monotoneX"
+                            }, null, 8, ["color"]),
+                            t(r(j), {
+                              type: "x",
+                              tickFormat: J,
+                              numTicks: 6
+                            }),
+                            t(r(j), {
+                              type: "y",
+                              numTicks: 4
+                            }),
+                            t(r(ie), {
+                              template: r(oe)(O, r(ae), { labelFormatter: Q })
+                            }, null, 8, ["template"]),
+                            t(r(ue))
+                          ]),
+                          _: 1
+                        }, 8, ["data"]),
+                        t(Y, { config: O })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          s("div", st, [
+            t(c, null, {
+              default: l(() => [
+                t(_, { class: "pb-2" }, {
+                  default: l(() => [
+                    t(g, { class: "text-base" }, {
+                      default: l(() => [...e[9] || (e[9] = [
+                        y("Top Pages", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                t($, { class: "p-0" }, {
+                  default: l(() => [
+                    s("div", ot, [
+                      (n(!0), i(w, null, D(I.value, (o, B) => (n(), i("div", {
+                        key: o.pagePath,
+                        class: "flex items-center justify-between px-6 py-3 text-sm"
+                      }, [
+                        s("div", at, [
+                          s("span", lt, u(B + 1), 1),
+                          s("span", nt, u(o.pagePath), 1)
+                        ]),
+                        s("div", rt, [
+                          s("span", it, u(p(o.screenPageViews)) + " views", 1),
+                          s("span", ut, u(p(o.totalUsers)) + " users", 1)
+                        ])
+                      ]))), 128)),
+                      I.value.length ? P("", !0) : (n(), i("div", ct, "No data available"))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            t(c, null, {
+              default: l(() => [
+                t(_, { class: "pb-2" }, {
+                  default: l(() => [
+                    t(g, { class: "text-base" }, {
+                      default: l(() => [...e[10] || (e[10] = [
+                        y("Traffic Sources", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                t($, { class: "p-0" }, {
+                  default: l(() => [
+                    s("div", dt, [
+                      (n(!0), i(w, null, D(X.value, (o, B) => (n(), i("div", {
+                        key: o.sessionSource,
+                        class: "flex items-center justify-between px-6 py-3 text-sm"
+                      }, [
+                        s("div", mt, [
+                          s("span", ft, u(B + 1), 1),
+                          t(r(Me), { class: "size-3.5 text-muted-foreground shrink-0" }),
+                          s("span", vt, u(o.sessionSource || "(direct)"), 1)
+                        ]),
+                        s("div", pt, [
+                          s("span", gt, u(p(o.sessions)) + " sessions", 1)
+                        ])
+                      ]))), 128)),
+                      X.value.length ? P("", !0) : (n(), i("div", xt, "No data available"))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          s("div", _t, [
+            t(c, null, {
+              default: l(() => [
+                t(_, { class: "pb-2" }, {
+                  default: l(() => [
+                    t(g, { class: "text-base" }, {
+                      default: l(() => [...e[11] || (e[11] = [
+                        y("Devices", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                t($, null, {
+                  default: l(() => [
+                    s("div", ht, [
+                      (n(!0), i(w, null, D(M.value, (o) => (n(), i("div", {
+                        key: o.deviceCategory,
+                        class: "flex items-center gap-3"
+                      }, [
+                        (n(), T(W(xe(o.deviceCategory)), { class: "size-4 text-muted-foreground shrink-0" })),
+                        s("span", yt, u(o.deviceCategory), 1),
+                        s("div", bt, [
+                          s("div", {
+                            class: "h-full bg-primary rounded-full transition-all",
+                            style: se({ width: `${o.sessions / (M.value[0]?.sessions || 1) * 100}%` })
+                          }, null, 4)
+                        ]),
+                        s("span", wt, u(p(o.sessions)), 1)
+                      ]))), 128)),
+                      M.value.length ? P("", !0) : (n(), i("div", Ct, "No data available"))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            t(c, null, {
+              default: l(() => [
+                t(_, { class: "pb-2" }, {
+                  default: l(() => [
+                    t(g, { class: "text-base" }, {
+                      default: l(() => [...e[12] || (e[12] = [
+                        y("Top Countries", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                t($, null, {
+                  default: l(() => [
+                    s("div", kt, [
+                      (n(!0), i(w, null, D(F.value, (o) => (n(), i("div", {
+                        key: o.country,
+                        class: "flex items-center gap-3"
+                      }, [
+                        t(r(Fe), { class: "size-4 text-muted-foreground shrink-0" }),
+                        s("span", $t, u(o.country), 1),
+                        s("div", Dt, [
+                          s("div", {
+                            class: "h-full bg-primary rounded-full transition-all",
+                            style: se({ width: `${o.sessions / (F.value[0]?.sessions || 1) * 100}%` })
+                          }, null, 4)
+                        ]),
+                        s("span", Pt, u(p(o.sessions)), 1)
+                      ]))), 128)),
+                      F.value.length ? P("", !0) : (n(), i("div", Tt, "No data available"))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ], 64)) : (n(), T(c, {
+          key: 0,
+          class: "p-8 text-center"
+        }, {
+          default: l(() => [...e[1] || (e[1] = [
+            s("div", { class: "mx-auto max-w-md space-y-3" }, [
+              s("p", { class: "text-lg font-medium" }, "Setup required"),
+              s("p", { class: "text-sm text-muted-foreground" }, "Connect a Google Service Account and enter your GA4 Property ID in the module settings to start seeing analytics.")
+            ], -1)
+          ])]),
+          _: 1
+        }))
+      ]);
+    };
+  }
+});
+export {
+  Nt as default
+};

package/dist/Overview-DSU1Nh7B.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("@oneclick.dev/cms-kit");require("./index-BuzLn4Km.js");const D=require("./index-N6w5-hDF-DCuxwPBX.js"),a=require("lucide-vue-next"),c=require("./index-DQYBP8Js.js"),N=require("./index-C4YUVWzJ.js"),Z={class:"w-full max-w-7xl mx-auto py-8 px-4 space-y-6"},J={class:"flex items-center justify-between"},Q={class:"text-muted-foreground text-sm mt-1"},Y={key:0,class:"flex items-center gap-2"},ee={class:"flex items-center border rounded-lg overflow-hidden"},te=["onClick"],oe={class:"text-sm text-destructive font-medium"},se={key:2,class:"flex items-center justify-center py-20"},ae={class:"flex items-start justify-between"},ne={class:"flex items-center gap-2"},le={class:"text-sm font-medium"},re={class:"grid grid-cols-2 @sm:grid-cols-4 gap-4"},ce={class:"flex items-center gap-1.5 text-muted-foreground mb-2"},ie={class:"text-xs font-medium uppercase tracking-wide"},de={class:"text-2xl font-semibold tabular-nums"},ue={key:0,class:"flex items-center gap-1 mt-1"},me={class:"grid @lg:grid-cols-2 gap-6"},pe={class:"grid @lg:grid-cols-2 gap-6"},fe={class:"divide-y"},xe={class:"flex items-center gap-3 min-w-0"},ve={class:"text-muted-foreground w-5 text-right shrink-0"},ge={class:"truncate font-mono text-xs"},he={class:"flex items-center gap-4 shrink-0 tabular-nums"},Ve={class:"text-muted-foreground text-xs w-16 text-right"},Ne={class:"text-muted-foreground text-xs w-16 text-right"},_e={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},ye={class:"divide-y"},Ce={class:"flex items-center gap-3 min-w-0"},we={class:"text-muted-foreground w-5 text-right shrink-0"},ke={class:"truncate"},be={class:"flex items-center gap-4 shrink-0 tabular-nums"},Ee={class:"text-muted-foreground text-xs w-20 text-right"},Be={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},De={class:"grid @lg:grid-cols-2 gap-6"},Se={class:"space-y-3"},Te={class:"text-sm capitalize flex-1"},$e={class:"flex-1 h-2 bg-muted rounded-full overflow-hidden"},Pe={class:"text-xs tabular-nums text-muted-foreground w-16 text-right"},Ue={key:0,class:"py-4 text-center text-muted-foreground text-sm"},Fe={class:"space-y-3"},ze={class:"text-sm flex-1"},Re={class:"flex-1 h-2 bg-muted rounded-full overflow-hidden"},Me={class:"text-xs tabular-nums text-muted-foreground w-16 text-right"},Ae={key:0,class:"py-4 text-center text-muted-foreground text-sm"},Le=e.defineComponent({__name:"Overview",setup(qe){const{config:S}=F.useModule(),{moduleId:G}=F.useModuleRoute();F.useModuleBreadcrumbs(()=>[{label:"Overview"}]);const x=e.ref(!0),_=e.ref(null),y=e.ref("30"),h=e.ref([]),r=e.ref({}),I=e.ref({}),i=e.ref({}),z=e.ref(0),T=e.ref([]),$=e.ref([]),C=e.ref([]),w=e.ref([]),k=e.computed(()=>!!(S.serviceAccount&&S.propertyId));function v(s){return`/api/v1/modules/${G}${s}`}const O=[{label:"7 days",value:"7"},{label:"14 days",value:"14"},{label:"30 days",value:"30"},{label:"90 days",value:"90"}],m={sessions:"#3b82f6",users:"#8b5cf6",pageViews:"#10b981"},P={sessions:{label:"Sessions",color:m.sessions},totalUsers:{label:"Users",color:m.users}},U={screenPageViews:{label:"Page Views",color:m.pageViews}},V=(s,t)=>t,R=s=>s.sessions||0,X=s=>s.totalUsers||0,M=s=>s.screenPageViews||0,A=s=>{const t=h.value[Math.round(s)];if(!t)return"";const l=new Date(t.date);return`${l.getDate()}/${l.getMonth()+1}`},L=s=>{const t=h.value[Math.round(Number(s))];return t?new Date(t.date).toLocaleDateString(void 0,{weekday:"short",month:"short",day:"numeric"}):""},H=e.computed(()=>[{label:"Sessions",value:d(r.value.sessions||0),icon:a.MousePointerClick,change:i.value.sessions},{label:"Users",value:d(r.value.totalUsers||0),icon:a.Users,change:i.value.totalUsers},{label:"Page Views",value:d(r.value.screenPageViews||0),icon:a.Eye,change:i.value.screenPageViews},{label:"Avg. Duration",value:W(r.value.averageSessionDuration||0),icon:a.Clock,change:i.value.averageSessionDuration},{label:"Engagement",value:`${((r.value.engagementRate||0)*100).toFixed(1)}%`,icon:a.Zap,change:i.value.engagementRate,positive:!0},{label:"Bounce Rate",value:`${((r.value.bounceRate||0)*100).toFixed(1)}%`,icon:(r.value.bounceRate||0)>.5?a.TrendingDown:a.TrendingUp,change:i.value.bounceRate,positive:!1},{label:"New Users",value:d(r.value.newUsers||0),icon:a.UserPlus,change:i.value.newUsers},{label:"Pages / Session",value:(r.value.screenPageViewsPerSession||0).toFixed(1),icon:a.Activity,change:i.value.screenPageViewsPerSession}]);function d(s){return s>=1e6?`${(s/1e6).toFixed(1)}M`:s>=1e3?`${(s/1e3).toFixed(1)}K`:Math.round(s).toString()}function W(s){const t=Math.floor(s/60),l=Math.round(s%60);return t>0?`${t}m ${l}s`:`${l}s`}function b(s,t=!0){if(s==null)return{text:"—",cls:"text-muted-foreground",icon:a.Minus};const n=`${Math.abs(s).toFixed(1)}%`,f=s>0;return{text:n,cls:(t?f:!f)?"text-emerald-600 dark:text-emerald-400":"text-red-500 dark:text-red-400",icon:f?a.TrendingUp:a.TrendingDown}}function K(s){const t=s.toLowerCase();return t==="mobile"?a.Smartphone:t==="tablet"?a.Tablet:a.Monitor}async function E(){if(!k.value)return;x.value=!0,_.value=null;const s=`${y.value}daysAgo`;try{const[t,l,n,f,u,p]=await Promise.all([$fetch(v(`/report?startDate=${s}&endDate=today`)),$fetch(v("/realtime")).catch(()=>({activeUsers:0})),$fetch(v(`/top-pages?startDate=${s}&endDate=today&limit=10`)),$fetch(v(`/top-sources?startDate=${s}&endDate=today`)),$fetch(v(`/devices?startDate=${s}&endDate=today`)),$fetch(v(`/countries?startDate=${s}&endDate=today`))]);h.value=t.rows||[],r.value=t.totals||{},I.value=t.previousTotals||{},i.value=t.changes||{},z.value=l.activeUsers||0,T.value=n.rows||[],$.value=f.rows||[],C.value=u.rows||[],w.value=p.rows||[]}catch(t){console.error("Failed to fetch analytics data:",t),_.value=t?.data?.statusMessage||t?.message||"Failed to load analytics data"}finally{x.value=!1}}return e.watch(y,()=>E()),e.onMounted(()=>{k.value?E():x.value=!1}),(s,t)=>{const l=e.resolveComponent("Button"),n=e.resolveComponent("Card"),f=e.resolveComponent("Badge"),u=e.resolveComponent("CardTitle"),p=e.resolveComponent("CardHeader"),q=e.resolveComponent("ChartLegendContent"),j=e.resolveComponent("ChartContainer"),g=e.resolveComponent("CardContent");return e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",J,[e.createElementVNode("div",null,[t[0]||(t[0]=e.createElementVNode("h1",{class:"text-2xl font-semibold"},"Analytics Overview",-1)),e.createElementVNode("p",Q,"Property "+e.toDisplayString(e.unref(S).propertyId||"—"),1)]),k.value?(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("div",ee,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(O,o=>e.createElementVNode("button",{key:o.value,class:e.normalizeClass(["px-3 py-1.5 text-xs font-medium transition-colors",y.value===o.value?"bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground hover:bg-muted"]),onClick:B=>y.value=o.value},e.toDisplayString(o.label),11,te)),64))]),e.createVNode(l,{variant:"outline",size:"icon",onClick:E,disabled:x.value},{default:e.withCtx(()=>[e.createVNode(e.unref(a.RefreshCw),{class:e.normalizeClass(["size-4",{"animate-spin":x.value}])},null,8,["class"])]),_:1},8,["disabled"])])):e.createCommentVNode("",!0)]),k.value?_.value?(e.openBlock(),e.createBlock(n,{key:1,class:"p-6 border-destructive/50 bg-destructive/5"},{default:e.withCtx(()=>[e.createElementVNode("p",oe,e.toDisplayString(_.value),1),e.createVNode(l,{variant:"outline",size:"sm",class:"mt-3",onClick:E},{default:e.withCtx(()=>[...t[2]||(t[2]=[e.createTextVNode("Retry",-1)])]),_:1})]),_:1})):x.value?(e.openBlock(),e.createElementBlock("div",se,[e.createVNode(e.unref(a.Loader2),{class:"size-8 animate-spin text-muted-foreground"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createVNode(n,{class:"p-4"},{default:e.withCtx(()=>[e.createElementVNode("div",ae,[e.createElementVNode("div",ne,[t[3]||(t[3]=e.createElementVNode("span",{class:"relative flex h-2.5 w-2.5"},[e.createElementVNode("span",{class:"animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"}),e.createElementVNode("span",{class:"relative inline-flex rounded-full h-2.5 w-2.5 bg-green-500"})],-1)),e.createElementVNode("span",le,e.toDisplayString(z.value)+" visitors",1),t[4]||(t[4]=e.createElementVNode("span",{class:"text-xs text-muted-foreground translate-y-0.25"},"in the last 30 minutes",-1))]),e.createVNode(f,{variant:"outline",class:"text-xs"},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("Live",-1)])]),_:1})])]),_:1}),e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,o=>(e.openBlock(),e.createBlock(n,{key:o.label,class:"p-4"},{default:e.withCtx(()=>[e.createElementVNode("div",ce,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{class:"size-3.5"})),e.createElementVNode("span",ie,e.toDisplayString(o.label),1)]),e.createElementVNode("p",de,e.toDisplayString(o.value),1),o.change!==void 0?(e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(o.change,o.positive!==!1).icon),{class:e.normalizeClass(["size-3",b(o.change,o.positive!==!1).cls])},null,8,["class"])),e.createElementVNode("span",{class:e.normalizeClass(["text-xs font-medium",b(o.change,o.positive!==!1).cls])},e.toDisplayString(b(o.change,o.positive!==!1).text),3),t[6]||(t[6]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"vs prev.",-1))])):e.createCommentVNode("",!0)]),_:2},1024))),128))]),e.createElementVNode("div",me,[e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(p,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(u,{class:"text-base"},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode("Sessions & Users",-1)])]),_:1})]),_:1}),e.createVNode(g,null,{default:e.withCtx(()=>[e.createVNode(j,{config:P,class:"h-[240px] w-full"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.S),{data:h.value,margin:{top:8,right:8,bottom:24,left:40}},{default:e.withCtx(()=>[e.createVNode(e.unref(N.C),{x:V,y:R,color:m.sessions,opacity:.1,curveType:"monotoneX"},null,8,["color"]),e.createVNode(e.unref(N.C$1),{x:V,y:R,color:m.sessions,lineWidth:2,curveType:"monotoneX"},null,8,["color"]),e.createVNode(e.unref(N.C$1),{x:V,y:X,color:m.users,lineWidth:2,curveType:"monotoneX"},null,8,["color"]),e.createVNode(e.unref(c.C),{type:"x",tickFormat:A,numTicks:6}),e.createVNode(e.unref(c.C),{type:"y",numTicks:4}),e.createVNode(e.unref(c.A),{template:e.unref(D.st)(P,e.unref(D.Ue),{labelFormatter:L})},null,8,["template"]),e.createVNode(e.unref(c.z))]),_:1},8,["data"]),e.createVNode(q,{config:P})]),_:1})]),_:1})]),_:1}),e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(p,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(u,{class:"text-base"},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("Page Views",-1)])]),_:1})]),_:1}),e.createVNode(g,null,{default:e.withCtx(()=>[e.createVNode(j,{config:U,class:"h-[240px] w-full"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.S),{data:h.value,margin:{top:8,right:8,bottom:24,left:40}},{default:e.withCtx(()=>[e.createVNode(e.unref(N.C),{x:V,y:M,color:m.pageViews,opacity:.15,curveType:"monotoneX"},null,8,["color"]),e.createVNode(e.unref(N.C$1),{x:V,y:M,color:m.pageViews,lineWidth:2,curveType:"monotoneX"},null,8,["color"]),e.createVNode(e.unref(c.C),{type:"x",tickFormat:A,numTicks:6}),e.createVNode(e.unref(c.C),{type:"y",numTicks:4}),e.createVNode(e.unref(c.A),{template:e.unref(D.st)(U,e.unref(D.Ue),{labelFormatter:L})},null,8,["template"]),e.createVNode(e.unref(c.z))]),_:1},8,["data"]),e.createVNode(q,{config:U})]),_:1})]),_:1})]),_:1})]),e.createElementVNode("div",pe,[e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(p,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(u,{class:"text-base"},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("Top Pages",-1)])]),_:1})]),_:1}),e.createVNode(g,{class:"p-0"},{default:e.withCtx(()=>[e.createElementVNode("div",fe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,(o,B)=>(e.openBlock(),e.createElementBlock("div",{key:o.pagePath,class:"flex items-center justify-between px-6 py-3 text-sm"},[e.createElementVNode("div",xe,[e.createElementVNode("span",ve,e.toDisplayString(B+1),1),e.createElementVNode("span",ge,e.toDisplayString(o.pagePath),1)]),e.createElementVNode("div",he,[e.createElementVNode("span",Ve,e.toDisplayString(d(o.screenPageViews))+" views",1),e.createElementVNode("span",Ne,e.toDisplayString(d(o.totalUsers))+" users",1)])]))),128)),T.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",_e,"No data available"))])]),_:1})]),_:1}),e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(p,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(u,{class:"text-base"},{default:e.withCtx(()=>[...t[10]||(t[10]=[e.createTextVNode("Traffic Sources",-1)])]),_:1})]),_:1}),e.createVNode(g,{class:"p-0"},{default:e.withCtx(()=>[e.createElementVNode("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,(o,B)=>(e.openBlock(),e.createElementBlock("div",{key:o.sessionSource,class:"flex items-center justify-between px-6 py-3 text-sm"},[e.createElementVNode("div",Ce,[e.createElementVNode("span",we,e.toDisplayString(B+1),1),e.createVNode(e.unref(a.ArrowUpRight),{class:"size-3.5 text-muted-foreground shrink-0"}),e.createElementVNode("span",ke,e.toDisplayString(o.sessionSource||"(direct)"),1)]),e.createElementVNode("div",be,[e.createElementVNode("span",Ee,e.toDisplayString(d(o.sessions))+" sessions",1)])]))),128)),$.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Be,"No data available"))])]),_:1})]),_:1})]),e.createElementVNode("div",De,[e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(p,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(u,{class:"text-base"},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("Devices",-1)])]),_:1})]),_:1}),e.createVNode(g,null,{default:e.withCtx(()=>[e.createElementVNode("div",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.deviceCategory,class:"flex items-center gap-3"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(K(o.deviceCategory)),{class:"size-4 text-muted-foreground shrink-0"})),e.createElementVNode("span",Te,e.toDisplayString(o.deviceCategory),1),e.createElementVNode("div",$e,[e.createElementVNode("div",{class:"h-full bg-primary rounded-full transition-all",style:e.normalizeStyle({width:`${o.sessions/(C.value[0]?.sessions||1)*100}%`})},null,4)]),e.createElementVNode("span",Pe,e.toDisplayString(d(o.sessions)),1)]))),128)),C.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ue,"No data available"))])]),_:1})]),_:1}),e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(p,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(u,{class:"text-base"},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("Top Countries",-1)])]),_:1})]),_:1}),e.createVNode(g,null,{default:e.withCtx(()=>[e.createElementVNode("div",Fe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.country,class:"flex items-center gap-3"},[e.createVNode(e.unref(a.Globe),{class:"size-4 text-muted-foreground shrink-0"}),e.createElementVNode("span",ze,e.toDisplayString(o.country),1),e.createElementVNode("div",Re,[e.createElementVNode("div",{class:"h-full bg-primary rounded-full transition-all",style:e.normalizeStyle({width:`${o.sessions/(w.value[0]?.sessions||1)*100}%`})},null,4)]),e.createElementVNode("span",Me,e.toDisplayString(d(o.sessions)),1)]))),128)),w.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ae,"No data available"))])]),_:1})]),_:1})])],64)):(e.openBlock(),e.createBlock(n,{key:0,class:"p-8 text-center"},{default:e.withCtx(()=>[...t[1]||(t[1]=[e.createElementVNode("div",{class:"mx-auto max-w-md space-y-3"},[e.createElementVNode("p",{class:"text-lg font-medium"},"Setup required"),e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"Connect a Google Service Account and enter your GA4 Property ID in the module settings to start seeing analytics.")],-1)])]),_:1}))])}}});exports.default=Le;

package/dist/PeakHoursCard-BNl_U1r_.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("lucide-vue-next"),W={class:"w-full"},j={key:0,class:"flex items-center gap-2 py-3"},z={key:1,class:"text-xs text-destructive py-2"},I={key:2,class:"rounded-xl border bg-background overflow-hidden"},q={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},R={class:"flex items-center gap-2"},U={class:"text-[10px] text-muted-foreground"},G={key:0,class:"px-3 pt-3 pb-1"},J={class:"flex items-center gap-2 text-xs"},K={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"},Q={class:"px-3 py-3"},X={class:"flex items-end gap-[2px] h-16"},Y=["title"],Z={key:1,class:"px-3 pb-3"},ee={class:"space-y-[2px]"},te={class:"text-[8px] text-muted-foreground w-6 shrink-0 text-right"},se={class:"flex gap-[2px] flex-1"},oe=["title"],ne={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},re={class:"text-[10px] text-muted-foreground"},ae=e.defineComponent({__name:"PeakHoursCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(N,{emit:B}){const u=N,M=B,D=useRoute(),$=e.computed(()=>D.params.slug),L=useModuleApi(u.instanceId),m=e.ref(!0),c=e.ref(null),f=e.ref([]),i=e.ref(null),p=e.ref(null),A=["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([]),w=e.computed(()=>Math.max(...d.value.map(t=>t.sessions),1));function P(t){const s=t/w.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 T(){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 C(){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 L.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"&&T()||C()});function _(t){u.status!=="completed"&&M("submit",t)}function x(t){return t===0?"12 AM":t<12?`${t} AM`:t===12?"12 PM":`${t-12} PM`}const H=t=>t?new Date(t).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"",F=e.computed(()=>Math.max(...f.value.map(t=>t.sessions),1)),O=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(()=>A.filter(t=>d.value.some(s=>s.day===t)));return(t,s)=>{const r=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",W,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",j,[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",z,e.toDisplayString(e.unref(c)),1)):(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("div",q,[e.createElementVNode("div",R,[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",U,e.toDisplayString(e.unref(O)),1)]),e.unref(i)!==null?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",J,[e.createElementVNode("span",K," 🔥 "+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",Q,[e.createElementVNode("div",X,[(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(F)*100,2)}%`}),title:`${x(n.hour)}: ${n.sessions.toLocaleString()} sessions`},null,14,Y))),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",Z,[s[4]||(s[4]=e.createElementVNode("p",{class:"text-[10px] text-muted-foreground mb-1.5 font-medium"},"Weekly Heatmap",-1)),e.createElementVNode("div",ee,[(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",te,e.toDisplayString(E[n]),1),e.createElementVNode("div",se,[(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",P(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,oe)),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",ne,[e.createElementVNode("span",re,[e.unref(p)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("fetched "+e.toDisplayString(H(e.unref(p))),1)],64)):e.createCommentVNode("",!0)]),e.createVNode(r,{to:`/projects/${e.unref($)}/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=ae;