@oneclick.dev/cms-core-modules 0.0.76 → 0.0.78

package/dist/{ContentEditor-7SDjf5Hk.mjs → ContentEditor-Dk-iDEjl.mjs}

@@ -28013,7 +28013,7 @@ const Xk = /* @__PURE__ */ we(Uk, [["render", Yk]]), Qk = { class: "flex flex-co
               ref_key: "frame",
               ref: m,
               src: h.value,
-              class: "relative w-full h-full z-[9999999]",
+              class: "relative w-full h-full z-[10000]",
               style: _e({ pointerEvents: f.value ? "none" : "auto" }),
               sandbox: "allow-scripts allow-same-origin",
               allow: "clipboard-read; clipboard-write",

package/dist/{CountryBreakdownCard-Dc_vZ9dJ.mjs → CountryBreakdownCard-B_VhBsm8.mjs}

@@ -1,18 +1,19 @@
 import { defineComponent as T, computed as y, ref as v, onMounted as j, resolveComponent as B, openBlock as l, createElementBlock as u, unref as s, createVNode as m, createElementVNode as o, toDisplayString as i, Fragment as k, renderList as P, normalizeStyle as R, createTextVNode as f, createCommentVNode as G, withCtx as K } from "vue";
 import { Loader2 as H, Globe as w, MousePointerClick as J, Users as O, ExternalLink as Z } from "lucide-vue-next";
-const q = { class: "w-full" }, Q = {
+import { useRoute as q, useModuleApi as Q } from "@oneclick.dev/cms-kit";
+const W = { class: "w-full" }, X = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, W = {
+}, Y = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, X = {
+}, ee = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center space-y-2"
-}, Y = {
+}, te = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, ee = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, te = { class: "flex items-center gap-2" }, se = { class: "text-[10px] text-muted-foreground" }, oe = { class: "divide-y" }, ne = { class: "flex items-center gap-2 mb-1.5" }, ae = { class: "text-sm shrink-0" }, re = { class: "text-xs font-medium truncate flex-1" }, ie = { class: "text-[10px] text-muted-foreground" }, de = { class: "ml-7 space-y-1.5" }, le = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, ue = { class: "flex items-center gap-3 text-[10px] text-muted-foreground" }, ce = { class: "flex items-center gap-1" }, me = { class: "flex items-center gap-1" }, pe = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, fe = { class: "text-[10px] text-muted-foreground" }, he = /* @__PURE__ */ T({
+}, se = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, oe = { class: "flex items-center gap-2" }, ne = { class: "text-[10px] text-muted-foreground" }, ae = { class: "divide-y" }, re = { class: "flex items-center gap-2 mb-1.5" }, ie = { class: "text-sm shrink-0" }, de = { class: "text-xs font-medium truncate flex-1" }, le = { class: "text-[10px] text-muted-foreground" }, ue = { class: "ml-7 space-y-1.5" }, ce = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, me = { class: "flex items-center gap-3 text-[10px] text-muted-foreground" }, pe = { class: "flex items-center gap-1" }, fe = { class: "flex items-center gap-1" }, ge = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, xe = { class: "text-[10px] text-muted-foreground" }, _e = /* @__PURE__ */ T({
   __name: "CountryBreakdownCard",
   props: {
     toolName: {},
@@ -24,7 +25,7 @@ const q = { class: "w-full" }, Q = {
   },
   emits: ["submit"],
   setup(_, { emit: A }) {
-    const c = _, C = A, N = useRoute(), L = y(() => N.params.slug), $ = useModuleApi(c.instanceId), g = v(!0), p = v(null), n = v([]), x = v(null), z = (e) => ({
+    const c = _, C = A, N = q(), L = y(() => N.params.slug), $ = Q(c.instanceId), g = v(!0), p = v(null), n = v([]), x = v(null), z = (e) => ({
       "United States": "🇺🇸",
       "United Kingdom": "🇬🇧",
       Germany: "🇩🇪",
@@ -123,44 +124,44 @@ const q = { class: "w-full" }, Q = {
     });
     return (e, t) => {
       const a = B("NuxtLink");
-      return l(), u("div", q, [
-        s(g) ? (l(), u("div", Q, [
+      return l(), u("div", W, [
+        s(g) ? (l(), u("div", X, [
           m(s(H), { class: "size-4 animate-spin text-muted-foreground" }),
           t[0] || (t[0] = o("span", { class: "text-xs text-muted-foreground" }, "Loading country data…", -1))
-        ])) : s(p) ? (l(), u("div", W, i(s(p)), 1)) : s(n).length === 0 ? (l(), u("div", X, [
+        ])) : s(p) ? (l(), u("div", Y, i(s(p)), 1)) : s(n).length === 0 ? (l(), u("div", ee, [
           m(s(w), { class: "size-8 text-muted-foreground mx-auto" }),
           t[1] || (t[1] = o("p", { class: "text-sm text-muted-foreground" }, "No geographic data found for this period.", -1))
-        ])) : (l(), u("div", Y, [
-          o("div", ee, [
-            o("div", te, [
+        ])) : (l(), u("div", te, [
+          o("div", se, [
+            o("div", oe, [
               m(s(w), { class: "size-3.5 text-primary" }),
               t[2] || (t[2] = o("span", { class: "text-xs font-medium" }, "Visitors by Country", -1))
             ]),
-            o("span", se, i(s(V)), 1)
+            o("span", ne, i(s(V)), 1)
           ]),
-          o("div", oe, [
+          o("div", ae, [
             (l(!0), u(k, null, P(s(n), (r, h) => (l(), u("div", {
               key: h,
               class: "px-3 py-2.5 hover:bg-muted/30 transition-colors"
             }, [
-              o("div", ne, [
-                o("span", ae, i(z(r.country)), 1),
-                o("span", re, i(r.country), 1),
-                o("span", ie, i((r.sessions / s(I) * 100).toFixed(1)) + "%", 1)
+              o("div", re, [
+                o("span", ie, i(z(r.country)), 1),
+                o("span", de, i(r.country), 1),
+                o("span", le, i((r.sessions / s(I) * 100).toFixed(1)) + "%", 1)
               ]),
-              o("div", de, [
-                o("div", le, [
+              o("div", ue, [
+                o("div", ce, [
                   o("div", {
                     class: "h-full rounded-full bg-blue-500/70 transition-all",
                     style: R({ width: `${r.sessions / s(M) * 100}%` })
                   }, null, 4)
                 ]),
-                o("div", ue, [
-                  o("span", ce, [
+                o("div", me, [
+                  o("span", pe, [
                     m(s(J), { class: "size-2.5" }),
                     f(" " + i(S(r.sessions)) + " sessions ", 1)
                   ]),
-                  o("span", me, [
+                  o("span", fe, [
                     m(s(O), { class: "size-2.5" }),
                     f(" " + i(S(r.totalUsers)) + " users ", 1)
                   ])
@@ -168,8 +169,8 @@ const q = { class: "w-full" }, Q = {
               ])
             ]))), 128))
           ]),
-          o("div", pe, [
-            o("span", fe, [
+          o("div", ge, [
+            o("span", xe, [
               f(i(s(n).length) + " countr" + i(s(n).length === 1 ? "y" : "ies") + " ", 1),
               s(x) ? (l(), u(k, { key: 0 }, [
                 f(" · fetched " + i(F(s(x))), 1)
@@ -192,5 +193,5 @@ const q = { class: "w-full" }, Q = {
   }
 });
 export {
-  he as default
+  _e as default
 };

package/dist/CountryBreakdownCard-Ghg0Wz-h.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("lucide-vue-next"),x=require("@oneclick.dev/cms-kit"),A={class:"w-full"},C={key:0,class:"flex items-center gap-2 py-3"},L={key:1,class:"text-xs text-destructive py-2"},$={key:2,class:"rounded-xl border bg-background p-4 text-center space-y-2"},z={key:3,class:"rounded-xl border bg-background overflow-hidden"},T={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},F={class:"flex items-center gap-2"},U={class:"text-[10px] text-muted-foreground"},I={class:"divide-y"},M={class:"flex items-center gap-2 mb-1.5"},j={class:"text-sm shrink-0"},P={class:"text-xs font-medium truncate flex-1"},R={class:"text-[10px] text-muted-foreground"},G={class:"ml-7 space-y-1.5"},q={class:"h-1.5 rounded-full bg-muted overflow-hidden"},K={class:"flex items-center gap-3 text-[10px] text-muted-foreground"},O={class:"flex items-center gap-1"},H={class:"flex items-center gap-1"},J={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},Z={class:"text-[10px] text-muted-foreground"},Q=e.defineComponent({__name:"CountryBreakdownCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(p,{emit:y}){const i=p,h=y,v=x.useRoute(),N=e.computed(()=>v.params.slug),_=x.useModuleApi(i.instanceId),d=e.ref(!0),c=e.ref(null),o=e.ref([]),u=e.ref(null),V=t=>({"United States":"🇺🇸","United Kingdom":"🇬🇧",Germany:"🇩🇪",France:"🇫🇷",Netherlands:"🇳🇱",Belgium:"🇧🇪",Canada:"🇨🇦",Australia:"🇦🇺",India:"🇮🇳",Brazil:"🇧🇷",Spain:"🇪🇸",Italy:"🇮🇹",Japan:"🇯🇵",China:"🇨🇳","South Korea":"🇰🇷",Mexico:"🇲🇽",Russia:"🇷🇺",Sweden:"🇸🇪",Norway:"🇳🇴",Denmark:"🇩🇰",Finland:"🇫🇮",Poland:"🇵🇱",Switzerland:"🇨🇭",Austria:"🇦🇹",Portugal:"🇵🇹",Ireland:"🇮🇪","New Zealand":"🇳🇿",Singapore:"🇸🇬","South Africa":"🇿🇦",Turkey:"🇹🇷",Indonesia:"🇮🇩",Thailand:"🇹🇭",Philippines:"🇵🇭",Vietnam:"🇻🇳",Argentina:"🇦🇷",Colombia:"🇨🇴",Israel:"🇮🇱",UAE:"🇦🇪","United Arab Emirates":"🇦🇪","Czech Republic":"🇨🇿",Czechia:"🇨🇿",Romania:"🇷🇴",Hungary:"🇭🇺",Ukraine:"🇺🇦",Greece:"🇬🇷",Luxembourg:"🇱🇺"})[t]||"🌍";function b(){const t=i.resolvedArgs?._cachedData;return t?(o.value=(t.countries||[]).map(s=>({country:s.country,sessions:s.sessions,totalUsers:s.users})),u.value=i.resolvedArgs._fetchedAt||null,d.value=!1,!0):!1}async function k(){const{startDate:t,endDate:s}=i.resolvedArgs||{};d.value=!0,c.value=null;try{const n=new URLSearchParams;t&&n.set("startDate",t),s&&n.set("endDate",s);const r=await _.get(`/countries?${n.toString()}`);o.value=r.rows||[],u.value=new Date().toISOString();const m=o.value.reduce((a,w)=>a+(w.sessions||0),0);f({count:o.value.length,countries:o.value.map(a=>({country:a.country,sessions:a.sessions,users:a.totalUsers,share:`${(a.sessions/m*100).toFixed(1)}%`})),suggestion:o.value.length===0?"No geographic data found for this period.":`Top countries by traffic: ${o.value.slice(0,5).map(a=>`${a.country} (${(a.sessions/m*100).toFixed(0)}%)`).join(", ")}.`})}catch(n){c.value=n?.data?.statusMessage||n?.message||"Failed to load country data",f(`Error loading country data: ${c.value}`)}finally{d.value=!1}}e.onMounted(()=>{i.status==="completed"&&b()||k()});function f(t){i.status!=="completed"&&h("submit",t)}const g=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"}):"",S=e.computed(()=>o.value.reduce((t,s)=>t+(s.sessions||0),0)||1),D=e.computed(()=>Math.max(...o.value.map(t=>t.sessions||0),1)),B=e.computed(()=>{const{startDate:t,endDate:s}=i.resolvedArgs||{};if(!t&&!s)return"Last 30 days";const n=t||"30daysAgo",r=n.match(/^(\d+)daysAgo$/);return r?`Last ${r[1]} days`:`${n} → ${s||"today"}`});return(t,s)=>{const n=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",A,[e.unref(d)?(e.openBlock(),e.createElementBlock("div",C,[e.createVNode(e.unref(l.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),s[0]||(s[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading country data…",-1))])):e.unref(c)?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(e.unref(c)),1)):e.unref(o).length===0?(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(e.unref(l.Globe),{class:"size-8 text-muted-foreground mx-auto"}),s[1]||(s[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No geographic data found for this period.",-1))])):(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",T,[e.createElementVNode("div",F,[e.createVNode(e.unref(l.Globe),{class:"size-3.5 text-primary"}),s[2]||(s[2]=e.createElementVNode("span",{class:"text-xs font-medium"},"Visitors by Country",-1))]),e.createElementVNode("span",U,e.toDisplayString(e.unref(B)),1)]),e.createElementVNode("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(r,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,class:"px-3 py-2.5 hover:bg-muted/30 transition-colors"},[e.createElementVNode("div",M,[e.createElementVNode("span",j,e.toDisplayString(V(r.country)),1),e.createElementVNode("span",P,e.toDisplayString(r.country),1),e.createElementVNode("span",R,e.toDisplayString((r.sessions/e.unref(S)*100).toFixed(1))+"%",1)]),e.createElementVNode("div",G,[e.createElementVNode("div",q,[e.createElementVNode("div",{class:"h-full rounded-full bg-blue-500/70 transition-all",style:e.normalizeStyle({width:`${r.sessions/e.unref(D)*100}%`})},null,4)]),e.createElementVNode("div",K,[e.createElementVNode("span",O,[e.createVNode(e.unref(l.MousePointerClick),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(g(r.sessions))+" sessions ",1)]),e.createElementVNode("span",H,[e.createVNode(e.unref(l.Users),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(g(r.totalUsers))+" users ",1)])])])]))),128))]),e.createElementVNode("div",J,[e.createElementVNode("span",Z,[e.createTextVNode(e.toDisplayString(e.unref(o).length)+" countr"+e.toDisplayString(e.unref(o).length===1?"y":"ies")+" ",1),e.unref(u)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" · fetched "+e.toDisplayString(E(e.unref(u))),1)],64)):e.createCommentVNode("",!0)]),e.createVNode(n,{to:`/projects/${e.unref(N)}/modules/${p.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"}),s[3]||(s[3]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=Q;

package/dist/{DeviceBreakdownCard-BJcQNo8a.mjs → DeviceBreakdownCard-CQR65Zr_.mjs}

@@ -1,18 +1,19 @@
-import { defineComponent as P, computed as _, ref as h, onMounted as R, resolveComponent as O, 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 q, normalizeClass as S, createBlock as G, resolveDynamicComponent as H, createTextVNode as p, createCommentVNode as J, withCtx as K } from "vue";
+import { defineComponent as P, computed as _, ref as h, onMounted as R, resolveComponent as O, 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 q, normalizeClass as S, createBlock as G, resolveDynamicComponent as H, createTextVNode as v, createCommentVNode as J, withCtx as K } from "vue";
 import { Loader2 as Q, Monitor as w, MousePointerClick as W, Users as X, ExternalLink as Y, Smartphone as Z, Tablet as ee } from "lucide-vue-next";
-const te = { class: "w-full" }, se = {
+import { useRoute as te, useModuleApi as se } from "@oneclick.dev/cms-kit";
+const oe = { class: "w-full" }, re = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, oe = {
+}, ne = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, ne = {
+}, ae = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center space-y-2"
-}, re = {
+}, ie = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, ae = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, ie = { class: "flex items-center gap-2" }, le = { class: "text-[10px] text-muted-foreground" }, de = { class: "px-3 pt-3 pb-1" }, ce = { class: "flex h-3 rounded-full overflow-hidden" }, ue = { class: "divide-y" }, me = { class: "flex items-center gap-2" }, fe = { class: "text-xs font-medium capitalize flex-1" }, ve = { class: "text-sm font-semibold tabular-nums" }, pe = { class: "ml-6 mt-1 flex items-center gap-3 text-[10px] text-muted-foreground" }, xe = { class: "flex items-center gap-1" }, ge = { class: "flex items-center gap-1" }, he = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, ye = { class: "text-[10px] text-muted-foreground" }, ke = /* @__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" }, fe = { class: "divide-y" }, pe = { 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" }, De = /* @__PURE__ */ P({
   __name: "DeviceBreakdownCard",
   props: {
     toolName: {},
@@ -24,7 +25,7 @@ const te = { class: "w-full" }, se = {
   },
   emits: ["submit"],
   setup(C, { emit: $ }) {
-    const u = C, N = $, z = useRoute(), A = _(() => z.params.slug), F = useModuleApi(u.instanceId), x = h(!0), v = h(null), r = h([]), g = h(null), M = (t) => {
+    const u = C, N = $, z = te(), A = _(() => z.params.slug), F = se(u.instanceId), x = h(!0), p = h(null), n = h([]), g = h(null), M = (t) => {
       const e = (t || "").toLowerCase();
       return e === "mobile" || e === "smartphone" ? Z : e === "tablet" ? ee : w;
     }, j = (t) => {
@@ -36,7 +37,7 @@ const te = { class: "w-full" }, se = {
     };
     function I() {
       const t = u.resolvedArgs?._cachedData;
-      return t ? (r.value = (t.devices || []).map((e) => ({
+      return t ? (n.value = (t.devices || []).map((e) => ({
         deviceCategory: e.device,
         sessions: e.sessions,
         totalUsers: e.users
@@ -44,25 +45,25 @@ const te = { class: "w-full" }, se = {
     }
     async function T() {
       const { startDate: t, endDate: e } = u.resolvedArgs || {};
-      x.value = !0, v.value = null;
+      x.value = !0, p.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()}`);
-        r.value = n.rows || [], g.value = (/* @__PURE__ */ new Date()).toISOString();
-        const f = r.value.reduce((d, E) => d + (E.sessions || 0), 0);
+        const r = await F.get(`/devices?${a.toString()}`);
+        n.value = r.rows || [], g.value = (/* @__PURE__ */ new Date()).toISOString();
+        const f = n.value.reduce((d, E) => d + (E.sessions || 0), 0);
         D({
-          count: r.value.length,
-          devices: r.value.map((d) => ({
+          count: n.value.length,
+          devices: n.value.map((d) => ({
             device: d.deviceCategory,
             sessions: d.sessions,
             users: d.totalUsers,
             share: `${(d.sessions / f * 100).toFixed(1)}%`
           })),
-          suggestion: r.value.length === 0 ? "No device data found for this period." : `Device breakdown: ${r.value.map((d) => `${d.deviceCategory} ${(d.sessions / f * 100).toFixed(0)}%`).join(", ")}.`
+          suggestion: n.value.length === 0 ? "No device data found for this period." : `Device breakdown: ${n.value.map((d) => `${d.deviceCategory} ${(d.sessions / f * 100).toFixed(0)}%`).join(", ")}.`
         });
       } catch (a) {
-        v.value = a?.data?.statusMessage || a?.message || "Failed to load device data", D(`Error loading device data: ${v.value}`);
+        p.value = a?.data?.statusMessage || a?.message || "Failed to load device data", D(`Error loading device data: ${p.value}`);
       } finally {
         x.value = !1;
       }
@@ -74,68 +75,68 @@ const te = { class: "w-full" }, se = {
       u.status !== "completed" && N("submit", t);
     }
     const y = (t) => t == null ? "0" : Math.round(t).toLocaleString(), U = (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
+      () => n.value.reduce((t, e) => t + (e.sessions || 0), 0) || 1
     ), V = _(() => {
       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"}`;
+      const a = t || "30daysAgo", r = a.match(/^(\d+)daysAgo$/);
+      return r ? `Last ${r[1]} days` : `${a} → ${e || "today"}`;
     });
     return (t, e) => {
       const a = O("NuxtLink");
-      return i(), l("div", te, [
-        s(x) ? (i(), l("div", se, [
+      return i(), l("div", oe, [
+        s(x) ? (i(), l("div", re, [
           m(s(Q), { 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", oe, c(s(v)), 1)) : s(r).length === 0 ? (i(), l("div", ne, [
+        ])) : s(p) ? (i(), l("div", ne, c(s(p)), 1)) : s(n).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", re, [
-          o("div", ae, [
-            o("div", ie, [
+        ])) : (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", le, c(s(V)), 1)
+            o("span", ce, c(s(V)), 1)
           ]),
-          o("div", de, [
-            o("div", ce, [
-              (i(!0), l(k, null, L(s(r), (n, f) => (i(), l("div", {
+          o("div", ue, [
+            o("div", me, [
+              (i(!0), l(k, null, L(s(n), (r, f) => (i(), l("div", {
                 key: f,
-                class: S([j(n.deviceCategory), "transition-all first:rounded-l-full last:rounded-r-full"]),
-                style: q({ width: `${n.sessions / s(b) * 100}%` })
+                class: S([j(r.deviceCategory), "transition-all first:rounded-l-full last:rounded-r-full"]),
+                style: q({ width: `${r.sessions / s(b) * 100}%` })
               }, null, 6))), 128))
             ])
           ]),
-          o("div", ue, [
-            (i(!0), l(k, null, L(s(r), (n, f) => (i(), l("div", {
+          o("div", fe, [
+            (i(!0), l(k, null, L(s(n), (r, f) => (i(), l("div", {
               key: f,
               class: "px-3 py-2.5 hover:bg-muted/30 transition-colors"
             }, [
-              o("div", me, [
-                (i(), G(H(M(n.deviceCategory)), {
-                  class: S(["size-4 shrink-0", B(n.deviceCategory)])
+              o("div", pe, [
+                (i(), G(H(M(r.deviceCategory)), {
+                  class: S(["size-4 shrink-0", B(r.deviceCategory)])
                 }, null, 8, ["class"])),
-                o("span", fe, c(n.deviceCategory), 1),
-                o("span", ve, c((n.sessions / s(b) * 100).toFixed(1)) + "% ", 1)
+                o("span", ve, c(r.deviceCategory), 1),
+                o("span", xe, c((r.sessions / s(b) * 100).toFixed(1)) + "% ", 1)
               ]),
-              o("div", pe, [
-                o("span", xe, [
+              o("div", ge, [
+                o("span", he, [
                   m(s(W), { class: "size-2.5" }),
-                  p(" " + c(y(n.sessions)) + " sessions ", 1)
+                  v(" " + c(y(r.sessions)) + " sessions ", 1)
                 ]),
-                o("span", ge, [
+                o("span", ye, [
                   m(s(X), { class: "size-2.5" }),
-                  p(" " + c(y(n.totalUsers)) + " users ", 1)
+                  v(" " + c(y(r.totalUsers)) + " users ", 1)
                 ])
               ])
             ]))), 128))
           ]),
-          o("div", he, [
-            o("span", ye, [
-              p(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 }, [
-                p(" · fetched " + c(U(s(g))), 1)
+                v(" · fetched " + c(U(s(g))), 1)
               ], 64)) : J("", !0)
             ]),
             m(a, {
@@ -144,7 +145,7 @@ const te = { class: "w-full" }, se = {
             }, {
               default: K(() => [
                 m(s(Y), { class: "size-3" }),
-                e[3] || (e[3] = p(" View full report ", -1))
+                e[3] || (e[3] = v(" View full report ", -1))
               ]),
               _: 1
             }, 8, ["to"])
@@ -155,5 +156,5 @@ const te = { class: "w-full" }, se = {
   }
 });
 export {
-  ke as default
+  De as default
 };

package/dist/DeviceBreakdownCard-Cpcj75Rv.js

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

package/dist/PeakHoursCard-CFIg8dys.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("lucide-vue-next"),B=require("@oneclick.dev/cms-kit"),j={class:"w-full"},z={key:0,class:"flex items-center gap-2 py-3"},I={key:1,class:"text-xs text-destructive py-2"},q={key:2,class:"rounded-xl border bg-background overflow-hidden"},R={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},K={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"},Q={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"},X={class:"px-3 py-3"},Y={class:"flex items-end gap-[2px] h-16"},Z=["title"],ee={key:1,class:"px-3 pb-3"},te={class:"space-y-[2px]"},se={class:"text-[8px] text-muted-foreground w-6 shrink-0 text-right"},oe={class:"flex gap-[2px] flex-1"},ne=["title"],re={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},ae={class:"text-[10px] text-muted-foreground"},le=e.defineComponent({__name:"PeakHoursCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(N,{emit:M}){const u=N,D=M,$=B.useRoute(),L=e.computed(()=>$.params.slug),A=B.useModuleApi(u.instanceId),m=e.ref(!0),d=e.ref(null),f=e.ref([]),i=e.ref(null),p=e.ref(null),w=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],E={Sunday:"Sun",Monday:"Mon",Tuesday:"Tue",Wednesday:"Wed",Thursday:"Thu",Friday:"Fri",Saturday:"Sat"},c=e.ref([]),P=e.computed(()=>Math.max(...c.value.map(t=>t.sessions),1));function T(t){const s=t/P.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 C(){const t=u.resolvedArgs?._cachedData;return t?(f.value=t.hourly||[],i.value=t.peakHour??null,c.value=t.heatmap||[],p.value=u.resolvedArgs._fetchedAt||null,m.value=!1,!0):!1}async function H(){const{startDate:t,endDate:s}=u.resolvedArgs||{};m.value=!0,d.value=null;try{const r=new URLSearchParams;t&&r.set("startDate",t),s&&r.set("endDate",s);const l=(await A.get(`/audience/hours?${r.toString()}`)).rows||[];c.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:c.value,suggestion:`Peak traffic hour is ${x(y)} with ${h.toLocaleString()} sessions. The busiest day is ${S}.`})}catch(r){d.value=r?.data?.statusMessage||r?.message||"Failed to load peak hours data",_(`Error loading peak hours data: ${d.value}`)}finally{m.value=!1}}e.onMounted(()=>{u.status==="completed"&&C()||H()});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 F=t=>t?new Date(t).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"",O=e.computed(()=>Math.max(...f.value.map(t=>t.sessions),1)),W=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(()=>w.filter(t=>c.value.some(s=>s.day===t)));return(t,s)=>{const r=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",j,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",z,[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(d)?(e.openBlock(),e.createElementBlock("div",I,e.toDisplayString(e.unref(d)),1)):(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",R,[e.createElementVNode("div",K,[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(W)),1)]),e.unref(i)!==null?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",J,[e.createElementVNode("span",Q," 🔥 "+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",X,[e.createElementVNode("div",Y,[(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(O)*100,2)}%`}),title:`${x(n.hour)}: ${n.sessions.toLocaleString()} sessions`},null,14,Z))),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",ee,[s[4]||(s[4]=e.createElementVNode("p",{class:"text-[10px] text-muted-foreground mb-1.5 font-medium"},"Weekly Heatmap",-1)),e.createElementVNode("div",te,[(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",se,e.toDisplayString(E[n]),1),e.createElementVNode("div",oe,[(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",T(e.unref(c).find(a=>a.day===n&&a.hour===l-1)?.sessions||0)]),title:`${E[n]} ${x(l-1)}: ${(e.unref(c).find(a=>a.day===n&&a.hour===l-1)?.sessions||0).toLocaleString()} sessions`},null,10,ne)),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",re,[e.createElementVNode("span",ae,[e.unref(p)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("fetched "+e.toDisplayString(F(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=le;

package/dist/{PeakHoursCard-hV8PdGsf.mjs → PeakHoursCard-_1JS0tpZ.mjs}

@@ -1,21 +1,22 @@
-import { defineComponent as X, computed as g, ref as f, onMounted as Y, resolveComponent as Z, openBlock as r, createElementBlock as l, unref as o, createVNode as $, createElementVNode as a, toDisplayString as y, createCommentVNode as L, Fragment as A, renderList as N, normalizeStyle as ee, normalizeClass as F, createStaticVNode as te, createTextVNode as I, withCtx as se } from "vue";
-import { Loader2 as ae, Clock as oe, ExternalLink as ne } from "lucide-vue-next";
-const re = { class: "w-full" }, le = {
+import { defineComponent as X, computed as g, ref as f, onMounted as Y, resolveComponent as Z, 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 ee, normalizeClass as F, createStaticVNode as te, createTextVNode as I, withCtx as se } from "vue";
+import { Loader2 as oe, Clock as ae, ExternalLink as ne } from "lucide-vue-next";
+import { useRoute as re, useModuleApi as le } from "@oneclick.dev/cms-kit";
+const ue = { class: "w-full" }, ie = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, ue = {
+}, de = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, ie = {
+}, ce = {
   key: 2,
   class: "rounded-xl border bg-background overflow-hidden"
-}, de = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, ce = { class: "flex items-center gap-2" }, pe = { class: "text-[10px] text-muted-foreground" }, fe = {
+}, 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"
-}, me = { class: "flex items-center gap-2 text-xs" }, xe = { 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" }, ge = { class: "px-3 py-3" }, ye = { class: "flex items-end gap-[2px] h-16" }, he = ["title"], be = {
+}, 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"
-}, ve = { class: "space-y-[2px]" }, ke = { class: "text-[8px] text-muted-foreground w-6 shrink-0 text-right" }, _e = { class: "flex gap-[2px] flex-1" }, Se = ["title"], Me = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, $e = { class: "text-[10px] text-muted-foreground" }, we = /* @__PURE__ */ X({
+}, _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" }, Pe = /* @__PURE__ */ X({
   __name: "PeakHoursCard",
   props: {
     toolName: {},
@@ -27,7 +28,7 @@ const re = { class: "w-full" }, le = {
   },
   emits: ["submit"],
   setup(P, { emit: O }) {
-    const c = P, V = O, j = useRoute(), z = g(() => j.params.slug), E = useModuleApi(c.instanceId), h = f(!0), m = f(null), b = f([]), x = f(null), v = f(null), B = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], H = {
+    const c = P, V = O, j = re(), z = g(() => j.params.slug), E = le(c.instanceId), h = f(!0), m = f(null), b = f([]), x = f(null), v = f(null), B = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], H = {
       Sunday: "Sun",
       Monday: "Mon",
       Tuesday: "Tue",
@@ -103,70 +104,70 @@ const re = { class: "w-full" }, le = {
     }), C = g(() => B.filter((e) => p.value.some((t) => t.day === e)));
     return (e, t) => {
       const u = Z("NuxtLink");
-      return r(), l("div", re, [
-        o(h) ? (r(), l("div", le, [
-          $(o(ae), { class: "size-4 animate-spin text-muted-foreground" }),
-          t[0] || (t[0] = a("span", { class: "text-xs text-muted-foreground" }, "Loading peak hours data…", -1))
-        ])) : o(m) ? (r(), l("div", ue, y(o(m)), 1)) : (r(), l("div", ie, [
-          a("div", de, [
-            a("div", ce, [
-              $(o(oe), { class: "size-3.5 text-primary" }),
-              t[1] || (t[1] = a("span", { class: "text-xs font-medium" }, "Peak Traffic Hours", -1))
+      return r(), l("div", ue, [
+        a(h) ? (r(), l("div", ie, [
+          $(a(oe), { 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", de, y(a(m)), 1)) : (r(), l("div", ce, [
+          o("div", pe, [
+            o("div", fe, [
+              $(a(ae), { class: "size-3.5 text-primary" }),
+              t[1] || (t[1] = o("span", { class: "text-xs font-medium" }, "Peak Traffic Hours", -1))
             ]),
-            a("span", pe, y(o(Q)), 1)
+            o("span", me, y(a(Q)), 1)
           ]),
-          o(x) !== null ? (r(), l("div", fe, [
-            a("div", me, [
-              a("span", xe, " 🔥 " + y(k(o(x))), 1),
-              t[2] || (t[2] = a("span", { class: "text-muted-foreground" }, "is the busiest hour", -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),
-          a("div", ge, [
-            a("div", ye, [
-              (r(!0), l(A, null, N(o(b), (n) => (r(), l("div", {
+          o("div", he, [
+            o("div", be, [
+              (r(!0), l(A, null, N(a(b), (n) => (r(), l("div", {
                 key: n.hour,
-                class: F(["flex-1 rounded-t transition-all hover:opacity-80 group relative", n.hour === o(x) ? "bg-blue-500" : "bg-blue-300/60 dark:bg-blue-700/60"]),
-                style: ee({ height: `${Math.max(n.sessions / o(K) * 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: ee({ height: `${Math.max(n.sessions / a(K) * 100, 2)}%` }),
                 title: `${k(n.hour)}: ${n.sessions.toLocaleString()} sessions`
-              }, null, 14, he))), 128))
+              }, null, 14, ve))), 128))
             ]),
             t[3] || (t[3] = te('<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))
           ]),
-          o(C).length > 0 ? (r(), l("div", be, [
-            t[4] || (t[4] = a("p", { class: "text-[10px] text-muted-foreground mb-1.5 font-medium" }, "Weekly Heatmap", -1)),
-            a("div", ve, [
-              (r(!0), l(A, null, N(o(C), (n) => (r(), l("div", {
+          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", _e, [
+              (r(!0), l(A, null, N(a(C), (n) => (r(), l("div", {
                 key: n,
                 class: "flex items-center gap-1"
               }, [
-                a("span", ke, y(H[n]), 1),
-                a("div", _e, [
-                  (r(), l(A, null, N(24, (d) => a("div", {
+                o("span", Se, y(H[n]), 1),
+                o("div", Me, [
+                  (r(), l(A, null, N(24, (d) => o("div", {
                     key: d,
-                    class: F(["flex-1 h-2.5 rounded-[2px] transition-colors", U(o(p).find((i) => i.day === n && i.hour === d - 1)?.sessions || 0)]),
-                    title: `${H[n]} ${k(d - 1)}: ${(o(p).find((i) => i.day === n && i.hour === d - 1)?.sessions || 0).toLocaleString()} sessions`
-                  }, null, 10, Se)), 64))
+                    class: F(["flex-1 h-2.5 rounded-[2px] transition-colors", U(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, $e)), 64))
                 ])
               ]))), 128))
             ]),
-            t[5] || (t[5] = a("div", { class: "flex mt-1 ml-7 text-[8px] text-muted-foreground" }, [
-              a("span", { class: "flex-1 text-left" }, "12AM"),
-              a("span", { class: "flex-1 text-center" }, "12PM"),
-              a("span", { class: "flex-1 text-right" }, "11PM")
+            t[5] || (t[5] = o("div", { class: "flex mt-1 ml-7 text-[8px] text-muted-foreground" }, [
+              o("span", { class: "flex-1 text-left" }, "12AM"),
+              o("span", { class: "flex-1 text-center" }, "12PM"),
+              o("span", { class: "flex-1 text-right" }, "11PM")
             ], -1))
           ])) : L("", !0),
-          a("div", Me, [
-            a("span", $e, [
-              o(v) ? (r(), l(A, { key: 0 }, [
-                I("fetched " + y(J(o(v))), 1)
+          o("div", Ae, [
+            o("span", De, [
+              a(v) ? (r(), l(A, { key: 0 }, [
+                I("fetched " + y(J(a(v))), 1)
               ], 64)) : L("", !0)
             ]),
             $(u, {
-              to: `/projects/${o(z)}/modules/${P.instanceId}/audience`,
+              to: `/projects/${a(z)}/modules/${P.instanceId}/audience`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
               default: se(() => [
-                $(o(ne), { class: "size-3" }),
+                $(a(ne), { class: "size-3" }),
                 t[6] || (t[6] = I(" View full report ", -1))
               ]),
               _: 1
@@ -178,5 +179,5 @@ const re = { class: "w-full" }, le = {
   }
 });
 export {
-  we as default
+  Pe as default
 };