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

package/dist/TopPagesCard-CgtNyhwY.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),B={class:"w-full"},T={key:0,class:"flex items-center gap-2 py-3"},$={key:1,class:"text-xs text-destructive py-2"},L={key:2,class:"rounded-xl border bg-background p-4 text-center"},A={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"},C={class:"flex items-center gap-2"},z={class:"text-[10px] text-muted-foreground"},F={class:"divide-y"},I={class:"flex items-center gap-2 mb-1.5"},j={class:"text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0"},U=["title"],O={class:"ml-7 space-y-1.5"},q={class:"h-1.5 rounded-full bg-muted overflow-hidden"},R={class:"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:"flex items-center gap-1"},K={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:"TopPagesCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(f,{emit:h}){const{$useRoute:y,$useModuleOverlay:X}=useNuxtApp(),l=f,N=h,V=y(),_=e.computed(()=>V.params.slug),k=$useModuleApi(l.instanceId),d=e.ref(!0),i=e.ref(null),a=e.ref([]),u=e.ref(0),m=e.ref(null);function E(){const t=l.resolvedArgs?._cachedData;return t?(a.value=t.pages?.map(s=>({pagePath:s.page,screenPageViews:s.views,totalUsers:s.users,averageSessionDuration:b(s.avgDuration)}))||[],u.value=t.totalPagesTracked||a.value.length,m.value=l.resolvedArgs._fetchedAt||null,d.value=!1,!0):!1}function b(t){if(!t)return 0;const s=t.match(/(\d+)m/),n=t.match(/(\d+)s/);return(s?parseInt(s[1])*60:0)+(n?parseInt(n[1]):0)}async function D(){const{startDate:t,endDate:s,limit:n}=l.resolvedArgs||{};d.value=!0,i.value=null;try{const o=new URLSearchParams;t&&o.set("startDate",t),s&&o.set("endDate",s),n&&o.set("limit",String(n));const r=await k.get(`/top-pages?${o.toString()}`);a.value=r.rows||[],u.value=r.rowCount||a.value.length,m.value=new Date().toISOString(),x({count:a.value.length,totalPagesTracked:u.value,pages:a.value.map(p=>({page:p.pagePath,views:p.screenPageViews,users:p.totalUsers,avgDuration:v(p.averageSessionDuration)}))})}catch(o){i.value=o?.data?.statusMessage||o?.message||"Failed to load top pages",x(`Error loading top pages: ${i.value}`)}finally{d.value=!1}}e.onMounted(()=>{l.status==="completed"&&E()||D()});function x(t){l.status!=="completed"&&N("submit",t)}const v=t=>{if(!t)return"0s";const s=Math.floor(t/60),n=Math.round(t%60);return s>0?`${s}m ${n}s`:`${n}s`},g=t=>t==null?"0":t.toLocaleString(),w=t=>t?new Date(t).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"",S=e.computed(()=>a.value.length===0?1:Math.max(...a.value.map(t=>t.screenPageViews||0))),P=e.computed(()=>{const{startDate:t,endDate:s}=l.resolvedArgs||{};if(!t&&!s)return"Last 30 days";const n=t||"30daysAgo",o=s||"today",r=n.match(/^(\d+)daysAgo$/);return r?`Last ${r[1]} days`:`${n} → ${o}`});return(t,s)=>{const n=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",B,[e.unref(d)?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(e.unref(c.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),s[0]||(s[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading top pages…",-1))])):e.unref(i)?(e.openBlock(),e.createElementBlock("div",$,e.toDisplayString(e.unref(i)),1)):e.unref(a).length===0?(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(e.unref(c.FileText),{class:"size-8 text-muted-foreground mx-auto mb-2"}),s[1]||(s[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No page data found for this period.",-1))])):(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",M,[e.createElementVNode("div",C,[e.createVNode(e.unref(c.FileText),{class:"size-3.5 text-primary"}),s[2]||(s[2]=e.createElementVNode("span",{class:"text-xs font-medium"},"Most Popular Pages",-1))]),e.createElementVNode("span",z,e.toDisplayString(e.unref(P)),1)]),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(o,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:"px-3 py-2.5 hover:bg-muted/30 transition-colors"},[e.createElementVNode("div",I,[e.createElementVNode("span",j,e.toDisplayString(r+1)+".",1),e.createElementVNode("span",{class:"text-xs font-medium truncate flex-1",title:o.pagePath},e.toDisplayString(o.pagePath),9,U)]),e.createElementVNode("div",O,[e.createElementVNode("div",q,[e.createElementVNode("div",{class:"h-full rounded-full bg-primary/70 transition-all",style:e.normalizeStyle({width:`${(o.screenPageViews||0)/e.unref(S)*100}%`})},null,4)]),e.createElementVNode("div",R,[e.createElementVNode("span",G,[e.createVNode(e.unref(c.Eye),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(g(o.screenPageViews))+" views ",1)]),e.createElementVNode("span",H,[e.createVNode(e.unref(c.Users),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(g(o.totalUsers))+" users ",1)]),e.createElementVNode("span",J,[e.createVNode(e.unref(c.Clock),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(v(o.averageSessionDuration)),1)])])])]))),128))]),e.createElementVNode("div",K,[e.createElementVNode("span",Q,[e.createTextVNode(" Top "+e.toDisplayString(e.unref(a).length)+" of "+e.toDisplayString(g(e.unref(u)))+" pages ",1),e.unref(m)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" · fetched "+e.toDisplayString(w(e.unref(m))),1)],64)):e.createCommentVNode("",!0)]),e.createVNode(n,{to:`/projects/${e.unref(_)}/modules/${f.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.ExternalLink),{class:"size-3"}),s[3]||(s[3]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=W;

package/dist/TrafficSourcesCard-CPAxaQTi.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("lucide-vue-next"),C={class:"w-full"},$={key:0,class:"flex items-center gap-2 py-3"},L={key:1,class:"text-xs text-destructive py-2"},A={key:2,class:"rounded-xl border bg-background p-4 text-center"},U={key:3,class:"rounded-xl border bg-background overflow-hidden"},z={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},T={class:"flex items-center gap-2"},F={class:"text-[10px] text-muted-foreground"},G={key:0,class:"px-3 pt-3 pb-2"},M={class:"h-3 rounded-full bg-muted overflow-hidden flex"},j=["title"],R={class:"flex flex-wrap gap-x-3 gap-y-1 mt-2"},I={class:"text-[10px] text-muted-foreground"},P={class:"text-[10px] font-medium"},q={key:1,class:"border-t"},O={class:"divide-y"},H={class:"text-xs font-medium truncate flex-1"},J={class:"flex items-center gap-3 text-[10px] text-muted-foreground shrink-0"},K={class:"flex items-center gap-1"},Q={class:"flex items-center gap-1"},W={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},X={key:0,class:"text-[10px] text-muted-foreground"},Y=e.defineComponent({__name:"TrafficSourcesCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(g,{emit:k}){const{$useRoute:_,$useModuleOverlay:Z}=useNuxtApp(),l=g,N=k,E=_(),V=e.computed(()=>E.params.slug),x=$useModuleApi(l.instanceId),m=e.ref(!0),u=e.ref(null),c=e.ref([]),a=e.ref([]),p=e.ref(null);function S(){const s=l.resolvedArgs?._cachedData;return s?(a.value=(s.topChannels||[]).map(t=>({sessionDefaultChannelGroup:t.channel,sessions:t.sessions,totalUsers:t.users,newUsers:t.newUsers,engagementRate:parseFloat(t.engagementRate)/100})),c.value=(s.topSources||[]).map(t=>({sessionSource:t.source,sessions:t.sessions,totalUsers:t.users})),p.value=l.resolvedArgs._fetchedAt||null,m.value=!1,!0):!1}async function B(){const{startDate:s,endDate:t}=l.resolvedArgs||{};m.value=!0,u.value=null;try{const o=new URLSearchParams;s&&o.set("startDate",s),t&&o.set("endDate",t);const[n,d]=await Promise.all([x.get(`/top-sources?${o.toString()}`),x.get(`/acquisition/channels?${o.toString()}`)]);c.value=n.rows||[],a.value=d.rows||[],p.value=new Date().toISOString(),h({topChannels:a.value.map(r=>({channel:r.sessionDefaultChannelGroup,sessions:r.sessions,users:r.totalUsers,newUsers:r.newUsers,engagementRate:`${(r.engagementRate*100).toFixed(1)}%`})),topSources:c.value.map(r=>({source:r.sessionSource,sessions:r.sessions,users:r.totalUsers}))})}catch(o){u.value=o?.data?.statusMessage||o?.message||"Failed to load traffic sources",h(`Error loading traffic sources: ${u.value}`)}finally{m.value=!1}}e.onMounted(()=>{l.status==="completed"&&S()||B()});function h(s){l.status!=="completed"&&N("submit",s)}const f=s=>s==null?"0":Math.round(s).toLocaleString(),D=s=>s?new Date(s).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"",b=e.computed(()=>a.value.reduce((s,t)=>s+(t.sessions||0),0)),y=["bg-primary/70","bg-blue-500/70","bg-emerald-500/70","bg-amber-500/70","bg-purple-500/70","bg-pink-500/70","bg-cyan-500/70","bg-orange-500/70","bg-indigo-500/70","bg-rose-500/70"],v=["bg-primary","bg-blue-500","bg-emerald-500","bg-amber-500","bg-purple-500","bg-pink-500","bg-cyan-500","bg-orange-500","bg-indigo-500","bg-rose-500"],w=e.computed(()=>{const{startDate:s,endDate:t}=l.resolvedArgs||{};if(!s&&!t)return"Last 30 days";const o=s||"30daysAgo",n=o.match(/^(\d+)daysAgo$/);return n?`Last ${n[1]} days`:`${o} → ${t||"today"}`});return(s,t)=>{const o=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",C,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(e.unref(i.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),t[0]||(t[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading traffic sources…",-1))])):e.unref(u)?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(e.unref(u)),1)):e.unref(a).length===0&&e.unref(c).length===0?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(i.Globe),{class:"size-8 text-muted-foreground mx-auto mb-2"}),t[1]||(t[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No traffic source data found for this period.",-1))])):(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",z,[e.createElementVNode("div",T,[e.createVNode(e.unref(i.Globe),{class:"size-3.5 text-primary"}),t[2]||(t[2]=e.createElementVNode("span",{class:"text-xs font-medium"},"Traffic Sources",-1))]),e.createElementVNode("span",F,e.toDisplayString(e.unref(w)),1)]),e.unref(a).length>0?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(n,d)=>(e.openBlock(),e.createElementBlock("div",{key:n.sessionDefaultChannelGroup,class:e.normalizeClass(["h-full first:rounded-l-full last:rounded-r-full",y[d%y.length]]),style:e.normalizeStyle({width:`${e.unref(b)>0?(n.sessions||0)/e.unref(b)*100:0}%`}),title:`${n.sessionDefaultChannelGroup}: ${f(n.sessions)} sessions`},null,14,j))),128))]),e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a).slice(0,6),(n,d)=>(e.openBlock(),e.createElementBlock("div",{key:n.sessionDefaultChannelGroup,class:"flex items-center gap-1.5"},[e.createElementVNode("span",{class:e.normalizeClass(["size-2 rounded-full shrink-0",v[d%v.length]])},null,2),e.createElementVNode("span",I,e.toDisplayString(n.sessionDefaultChannelGroup),1),e.createElementVNode("span",P,e.toDisplayString(f(n.sessions)),1)]))),128))])])):e.createCommentVNode("",!0),e.unref(c).length>0?(e.openBlock(),e.createElementBlock("div",q,[t[3]||(t[3]=e.createElementVNode("div",{class:"px-3 py-1.5 bg-muted/20"},[e.createElementVNode("span",{class:"text-[10px] font-medium text-muted-foreground uppercase tracking-wide"},"Top Sources")],-1)),e.createElementVNode("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),n=>(e.openBlock(),e.createElementBlock("div",{key:n.sessionSource,class:"px-3 py-2 flex items-center justify-between hover:bg-muted/30 transition-colors"},[e.createElementVNode("span",H,e.toDisplayString(n.sessionSource),1),e.createElementVNode("div",J,[e.createElementVNode("span",K,[e.createVNode(e.unref(i.MousePointerClick),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(f(n.sessions)),1)]),e.createElementVNode("span",Q,[e.createVNode(e.unref(i.Users),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(f(n.totalUsers)),1)])])]))),128))])])):e.createCommentVNode("",!0),e.createElementVNode("div",W,[e.unref(p)?(e.openBlock(),e.createElementBlock("span",X," Fetched "+e.toDisplayString(D(e.unref(p))),1)):e.createCommentVNode("",!0),e.createVNode(o,{to:`/projects/${e.unref(V)}/modules/${g.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.ExternalLink),{class:"size-3"}),t[4]||(t[4]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=Y;

package/dist/{TrafficSourcesCard-CMhcj2k2.mjs → TrafficSourcesCard-Ct20QYax.mjs}

@@ -1,27 +1,27 @@
-import { defineComponent as I, computed as _, ref as x, onMounted as P, resolveComponent as B, openBlock as r, createElementBlock as a, unref as s, createVNode as m, createElementVNode as n, toDisplayString as d, Fragment as y, renderList as k, normalizeStyle as q, normalizeClass as N, createCommentVNode as S, createTextVNode as w, withCtx as O } from "vue";
-import { Loader2 as H, Globe as z, MousePointerClick as J, Users as K, ExternalLink as Q } from "lucide-vue-next";
-const W = { class: "w-full" }, X = {
+import { defineComponent as P, computed as _, ref as x, onMounted as B, resolveComponent as O, openBlock as r, createElementBlock as a, unref as s, createVNode as m, createElementVNode as o, toDisplayString as d, Fragment as y, renderList as k, normalizeStyle as q, normalizeClass as U, createCommentVNode as S, createTextVNode as w, withCtx as H } from "vue";
+import { Loader2 as J, Globe as z, MousePointerClick as K, Users as Q, ExternalLink as W } from "lucide-vue-next";
+const X = { class: "w-full" }, Y = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, Y = {
+}, Z = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, Z = {
+}, ee = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center"
-}, ee = {
+}, se = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, se = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, te = { class: "flex items-center gap-2" }, ne = { class: "text-[10px] text-muted-foreground" }, oe = {
+}, te = { 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" }, re = {
   key: 0,
   class: "px-3 pt-3 pb-2"
-}, re = { class: "h-3 rounded-full bg-muted overflow-hidden flex" }, ae = ["title"], le = { class: "flex flex-wrap gap-x-3 gap-y-1 mt-2" }, ie = { class: "text-[10px] text-muted-foreground" }, ue = { class: "text-[10px] font-medium" }, de = {
+}, ae = { class: "h-3 rounded-full bg-muted overflow-hidden flex" }, le = ["title"], ie = { class: "flex flex-wrap gap-x-3 gap-y-1 mt-2" }, ue = { class: "text-[10px] text-muted-foreground" }, de = { class: "text-[10px] font-medium" }, ce = {
   key: 1,
   class: "border-t"
-}, ce = { class: "divide-y" }, me = { class: "text-xs font-medium truncate flex-1" }, pe = { class: "flex items-center gap-3 text-[10px] text-muted-foreground shrink-0" }, ge = { class: "flex items-center gap-1" }, fe = { class: "flex items-center gap-1" }, xe = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, he = {
+}, me = { class: "divide-y" }, pe = { class: "text-xs font-medium truncate flex-1" }, ge = { class: "flex items-center gap-3 text-[10px] text-muted-foreground shrink-0" }, fe = { class: "flex items-center gap-1" }, xe = { class: "flex items-center gap-1" }, he = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, be = {
   key: 0,
   class: "text-[10px] text-muted-foreground"
-}, _e = /* @__PURE__ */ I({
+}, ke = /* @__PURE__ */ P({
   __name: "TrafficSourcesCard",
   props: {
     toolName: {},
@@ -33,7 +33,7 @@ const W = { class: "w-full" }, X = {
   },
   emits: ["submit"],
   setup(D, { emit: G }) {
-    const c = D, F = G, R = useRoute(), T = _(() => R.params.slug), C = useModuleApi(c.instanceId), h = x(!0), g = x(null), p = x([]), u = x([]), b = x(null);
+    const { $useRoute: F, $useModuleOverlay: ve } = useNuxtApp(), c = D, M = G, R = F(), T = _(() => R.params.slug), C = $useModuleApi(c.instanceId), h = x(!0), g = x(null), p = x([]), u = x([]), b = x(null);
     function j() {
       const t = c.resolvedArgs?._cachedData;
       return t ? (u.value = (t.topChannels || []).map((e) => ({
@@ -48,17 +48,17 @@ const W = { class: "w-full" }, X = {
         totalUsers: e.users
       })), b.value = c.resolvedArgs._fetchedAt || null, h.value = !1, !0) : !1;
     }
-    async function M() {
+    async function V() {
       const { startDate: t, endDate: e } = c.resolvedArgs || {};
       h.value = !0, g.value = null;
       try {
         const l = new URLSearchParams();
         t && l.set("startDate", t), e && l.set("endDate", e);
-        const [o, f] = await Promise.all([
+        const [n, f] = await Promise.all([
           C.get(`/top-sources?${l.toString()}`),
           C.get(`/acquisition/channels?${l.toString()}`)
         ]);
-        p.value = o.rows || [], u.value = f.rows || [], b.value = (/* @__PURE__ */ new Date()).toISOString(), $({
+        p.value = n.rows || [], u.value = f.rows || [], b.value = (/* @__PURE__ */ new Date()).toISOString(), $({
           topChannels: u.value.map((i) => ({
             channel: i.sessionDefaultChannelGroup,
             sessions: i.sessions,
@@ -78,13 +78,13 @@ const W = { class: "w-full" }, X = {
         h.value = !1;
       }
     }
-    P(() => {
-      c.status === "completed" && j() || M();
+    B(() => {
+      c.status === "completed" && j() || V();
     });
     function $(t) {
-      c.status !== "completed" && F("submit", t);
+      c.status !== "completed" && M("submit", t);
     }
-    const v = (t) => t == null ? "0" : Math.round(t).toLocaleString(), V = (t) => t ? new Date(t).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", L = _(() => u.value.reduce((t, e) => t + (e.sessions || 0), 0)), U = [
+    const v = (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" }) : "", L = _(() => u.value.reduce((t, e) => t + (e.sessions || 0), 0)), A = [
       "bg-primary/70",
       "bg-blue-500/70",
       "bg-emerald-500/70",
@@ -95,7 +95,7 @@ const W = { class: "w-full" }, X = {
       "bg-orange-500/70",
       "bg-indigo-500/70",
       "bg-rose-500/70"
-    ], A = [
+    ], N = [
       "bg-primary",
       "bg-blue-500",
       "bg-emerald-500",
@@ -106,82 +106,82 @@ const W = { class: "w-full" }, X = {
       "bg-orange-500",
       "bg-indigo-500",
       "bg-rose-500"
-    ], E = _(() => {
+    ], I = _(() => {
       const { startDate: t, endDate: e } = c.resolvedArgs || {};
       if (!t && !e) return "Last 30 days";
-      const l = t || "30daysAgo", o = l.match(/^(\d+)daysAgo$/);
-      return o ? `Last ${o[1]} days` : `${l} → ${e || "today"}`;
+      const l = t || "30daysAgo", n = l.match(/^(\d+)daysAgo$/);
+      return n ? `Last ${n[1]} days` : `${l} → ${e || "today"}`;
     });
     return (t, e) => {
-      const l = B("NuxtLink");
-      return r(), a("div", W, [
-        s(h) ? (r(), a("div", X, [
-          m(s(H), { class: "size-4 animate-spin text-muted-foreground" }),
-          e[0] || (e[0] = n("span", { class: "text-xs text-muted-foreground" }, "Loading traffic sources…", -1))
-        ])) : s(g) ? (r(), a("div", Y, d(s(g)), 1)) : s(u).length === 0 && s(p).length === 0 ? (r(), a("div", Z, [
+      const l = O("NuxtLink");
+      return r(), a("div", X, [
+        s(h) ? (r(), a("div", Y, [
+          m(s(J), { class: "size-4 animate-spin text-muted-foreground" }),
+          e[0] || (e[0] = o("span", { class: "text-xs text-muted-foreground" }, "Loading traffic sources…", -1))
+        ])) : s(g) ? (r(), a("div", Z, d(s(g)), 1)) : s(u).length === 0 && s(p).length === 0 ? (r(), a("div", ee, [
           m(s(z), { class: "size-8 text-muted-foreground mx-auto mb-2" }),
-          e[1] || (e[1] = n("p", { class: "text-sm text-muted-foreground" }, "No traffic source data found for this period.", -1))
-        ])) : (r(), a("div", ee, [
-          n("div", se, [
-            n("div", te, [
+          e[1] || (e[1] = o("p", { class: "text-sm text-muted-foreground" }, "No traffic source data found for this period.", -1))
+        ])) : (r(), a("div", se, [
+          o("div", te, [
+            o("div", oe, [
               m(s(z), { class: "size-3.5 text-primary" }),
-              e[2] || (e[2] = n("span", { class: "text-xs font-medium" }, "Traffic Sources", -1))
+              e[2] || (e[2] = o("span", { class: "text-xs font-medium" }, "Traffic Sources", -1))
             ]),
-            n("span", ne, d(s(E)), 1)
+            o("span", ne, d(s(I)), 1)
           ]),
-          s(u).length > 0 ? (r(), a("div", oe, [
-            n("div", re, [
-              (r(!0), a(y, null, k(s(u), (o, f) => (r(), a("div", {
-                key: o.sessionDefaultChannelGroup,
-                class: N(["h-full first:rounded-l-full last:rounded-r-full", U[f % U.length]]),
-                style: q({ width: `${s(L) > 0 ? (o.sessions || 0) / s(L) * 100 : 0}%` }),
-                title: `${o.sessionDefaultChannelGroup}: ${v(o.sessions)} sessions`
-              }, null, 14, ae))), 128))
+          s(u).length > 0 ? (r(), a("div", re, [
+            o("div", ae, [
+              (r(!0), a(y, null, k(s(u), (n, f) => (r(), a("div", {
+                key: n.sessionDefaultChannelGroup,
+                class: U(["h-full first:rounded-l-full last:rounded-r-full", A[f % A.length]]),
+                style: q({ width: `${s(L) > 0 ? (n.sessions || 0) / s(L) * 100 : 0}%` }),
+                title: `${n.sessionDefaultChannelGroup}: ${v(n.sessions)} sessions`
+              }, null, 14, le))), 128))
             ]),
-            n("div", le, [
-              (r(!0), a(y, null, k(s(u).slice(0, 6), (o, f) => (r(), a("div", {
-                key: o.sessionDefaultChannelGroup,
+            o("div", ie, [
+              (r(!0), a(y, null, k(s(u).slice(0, 6), (n, f) => (r(), a("div", {
+                key: n.sessionDefaultChannelGroup,
                 class: "flex items-center gap-1.5"
               }, [
-                n("span", {
-                  class: N(["size-2 rounded-full shrink-0", A[f % A.length]])
+                o("span", {
+                  class: U(["size-2 rounded-full shrink-0", N[f % N.length]])
                 }, null, 2),
-                n("span", ie, d(o.sessionDefaultChannelGroup), 1),
-                n("span", ue, d(v(o.sessions)), 1)
+                o("span", ue, d(n.sessionDefaultChannelGroup), 1),
+                o("span", de, d(v(n.sessions)), 1)
               ]))), 128))
             ])
           ])) : S("", !0),
-          s(p).length > 0 ? (r(), a("div", de, [
-            e[3] || (e[3] = n("div", { class: "px-3 py-1.5 bg-muted/20" }, [
-              n("span", { class: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide" }, "Top Sources")
+          s(p).length > 0 ? (r(), a("div", ce, [
+            e[3] || (e[3] = o("div", { class: "px-3 py-1.5 bg-muted/20" }, [
+              o("span", { class: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide" }, "Top Sources")
             ], -1)),
-            n("div", ce, [
-              (r(!0), a(y, null, k(s(p), (o) => (r(), a("div", {
-                key: o.sessionSource,
+            o("div", me, [
+              (r(!0), a(y, null, k(s(p), (n) => (r(), a("div", {
+                key: n.sessionSource,
                 class: "px-3 py-2 flex items-center justify-between hover:bg-muted/30 transition-colors"
               }, [
-                n("span", me, d(o.sessionSource), 1),
-                n("div", pe, [
-                  n("span", ge, [
-                    m(s(J), { class: "size-2.5" }),
-                    w(" " + d(v(o.sessions)), 1)
-                  ]),
-                  n("span", fe, [
+                o("span", pe, d(n.sessionSource), 1),
+                o("div", ge, [
+                  o("span", fe, [
                     m(s(K), { class: "size-2.5" }),
-                    w(" " + d(v(o.totalUsers)), 1)
+                    w(" " + d(v(n.sessions)), 1)
+                  ]),
+                  o("span", xe, [
+                    m(s(Q), { class: "size-2.5" }),
+                    w(" " + d(v(n.totalUsers)), 1)
                   ])
                 ])
               ]))), 128))
             ])
           ])) : S("", !0),
-          n("div", xe, [
-            s(b) ? (r(), a("span", he, " Fetched " + d(V(s(b))), 1)) : S("", !0),
+          o("div", he, [
+            s(b) ? (r(), a("span", be, " Fetched " + d(E(s(b))), 1)) : S("", !0),
             m(l, {
               to: `/projects/${s(T)}/modules/${D.instanceId}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
-              default: O(() => [
-                m(s(Q), { class: "size-3" }),
+              default: H(() => [
+                m(s(W), { class: "size-3" }),
                 e[4] || (e[4] = w(" View full report ", -1))
               ]),
               _: 1
@@ -193,5 +193,5 @@ const W = { class: "w-full" }, X = {
   }
 });
 export {
-  _e as default
+  ke as default
 };

package/dist/VisitorStatsCard-Cs6jPehw.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("lucide-vue-next"),C={class:"w-full"},M={key:0,class:"flex items-center gap-2 py-3"},F={key:1,class:"text-xs text-destructive py-2"},L={key:2,class:"rounded-xl border bg-background overflow-hidden"},z={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},j={class:"flex items-center gap-2"},O={class:"text-[10px] text-muted-foreground"},T={class:"grid grid-cols-2 sm:grid-cols-4 divide-x divide-y"},I={class:"flex items-center gap-1.5"},q={class:"text-[10px] text-muted-foreground uppercase tracking-wide"},Y={class:"text-sm font-semibold"},G={key:0,class:"flex items-center gap-0.5"},H={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},J={key:0,class:"text-[10px] text-muted-foreground"},K=e.defineComponent({__name:"VisitorStatsCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(f,{emit:w}){const{$useRoute:S,$useModuleOverlay:Q}=useNuxtApp(),i=f,V=w,_=S(),N=e.computed(()=>_.params.slug),D=$useModuleApi(i.instanceId),u=e.ref(!0),c=e.ref(null),r=e.ref({}),l=e.ref({}),d=e.ref(null);function B(){const t=i.resolvedArgs?._cachedData;return t?(r.value={totalUsers:t.totalUsers||0,sessions:t.sessions||0,screenPageViews:t.pageViews||0,newUsers:t.newUsers||0,bounceRate:v(t.bounceRate),averageSessionDuration:E(t.avgSessionDuration),engagementRate:v(t.engagementRate),screenPageViewsPerSession:parseFloat(t.pagesPerSession)||0},l.value=Object.fromEntries(Object.entries(t.changes||{}).map(([s,n])=>[s,P(n)])),d.value=i.resolvedArgs._fetchedAt||null,u.value=!1,!0):!1}function v(t){return t?parseFloat(t)/100:0}function E(t){if(!t)return 0;const s=t.match(/(\d+)m/),n=t.match(/(\d+)s/);return(s?parseInt(s[1])*60:0)+(n?parseInt(n[1]):0)}function P(t){return!t||t==="N/A"?null:parseFloat(t.replace("+",""))}async function $(){const{startDate:t,endDate:s}=i.resolvedArgs||{};u.value=!0,c.value=null;try{const n=new URLSearchParams;t&&n.set("startDate",t),s&&n.set("endDate",s);const a=await D.get(`/report?${n.toString()}`);r.value=a.totals||{},l.value=a.changes||{},d.value=new Date().toISOString(),h({period:x.value,totalUsers:Math.round(r.value.totalUsers||0),sessions:Math.round(r.value.sessions||0),pageViews:Math.round(r.value.screenPageViews||0),newUsers:Math.round(r.value.newUsers||0),bounceRate:`${(r.value.bounceRate*100).toFixed(1)}%`,avgSessionDuration:y(r.value.averageSessionDuration),engagementRate:`${(r.value.engagementRate*100).toFixed(1)}%`,pagesPerSession:(r.value.screenPageViewsPerSession||0).toFixed(1),changes:Object.fromEntries(Object.entries(l.value).map(([A,p])=>[A,p!==null?`${p>0?"+":""}${p.toFixed(1)}%`:"N/A"]))})}catch(n){c.value=n?.data?.statusMessage||n?.message||"Failed to load visitor stats",h(`Error loading visitor stats: ${c.value}`)}finally{u.value=!1}}e.onMounted(()=>{i.status==="completed"&&B()||$()});function h(t){i.status!=="completed"&&V("submit",t)}const x=e.computed(()=>{const{startDate:t,endDate:s}=i.resolvedArgs||{};if(!t&&!s)return"Last 30 days";const n=t||"30daysAgo",a=n.match(/^(\d+)daysAgo$/);return n==="yesterday"&&(!s||s==="yesterday")?"Yesterday":a?`Last ${a[1]} days`:`${n} → ${s||"today"}`}),y=t=>{if(!t)return"0s";const s=Math.floor(t/60),n=Math.round(t%60);return s>0?`${s}m ${n}s`:`${n}s`},m=t=>t==null?"0":Math.round(t).toLocaleString(),k=t=>t==null?"0%":`${(t*100).toFixed(1)}%`,R=t=>t?new Date(t).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"",g=(t,s=!1)=>{if(t==null)return"text-muted-foreground";const n=s?t<0:t>0,a=s?t>0:t<0;return n?"text-emerald-600 dark:text-emerald-400":a?"text-red-600 dark:text-red-400":"text-muted-foreground"},b=t=>t==null?null:`${t>0?"+":""}${t.toFixed(1)}%`,U=e.computed(()=>[{label:"Users",value:m(r.value.totalUsers),change:l.value.totalUsers,icon:o.Users},{label:"Sessions",value:m(r.value.sessions),change:l.value.sessions,icon:o.MousePointerClick},{label:"Page Views",value:m(r.value.screenPageViews),change:l.value.screenPageViews,icon:o.Eye},{label:"New Users",value:m(r.value.newUsers),change:l.value.newUsers,icon:o.Users},{label:"Bounce Rate",value:k(r.value.bounceRate),change:l.value.bounceRate,inverted:!0,icon:o.ArrowDownRight},{label:"Engagement",value:k(r.value.engagementRate),change:l.value.engagementRate,icon:o.Timer},{label:"Avg Duration",value:y(r.value.averageSessionDuration),change:l.value.averageSessionDuration,icon:o.Timer},{label:"Pages/Session",value:(r.value.screenPageViewsPerSession||0).toFixed(1),change:l.value.screenPageViewsPerSession,icon:o.Eye}]);return(t,s)=>{const n=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",C,[e.unref(u)?(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(e.unref(o.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),s[0]||(s[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading visitor statistics…",-1))])):e.unref(c)?(e.openBlock(),e.createElementBlock("div",F,e.toDisplayString(e.unref(c)),1)):(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",z,[e.createElementVNode("div",j,[e.createVNode(e.unref(o.BarChart3),{class:"size-3.5 text-primary"}),s[1]||(s[1]=e.createElementVNode("span",{class:"text-xs font-medium"},"Visitor Statistics",-1))]),e.createElementVNode("span",O,e.toDisplayString(e.unref(x)),1)]),e.createElementVNode("div",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(U),a=>(e.openBlock(),e.createElementBlock("div",{key:a.label,class:"px-3 py-3 space-y-1"},[e.createElementVNode("div",I,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.icon),{class:"size-3 text-muted-foreground"})),e.createElementVNode("span",q,e.toDisplayString(a.label),1)]),e.createElementVNode("p",Y,e.toDisplayString(a.value),1),b(a.change)?(e.openBlock(),e.createElementBlock("div",G,[(a.change??0)>0?(e.openBlock(),e.createBlock(e.unref(o.ArrowUpRight),{key:0,class:e.normalizeClass(["size-2.5",g(a.change,a.inverted)])},null,8,["class"])):(a.change??0)<0?(e.openBlock(),e.createBlock(e.unref(o.ArrowDownRight),{key:1,class:e.normalizeClass(["size-2.5",g(a.change,a.inverted)])},null,8,["class"])):(e.openBlock(),e.createBlock(e.unref(o.Minus),{key:2,class:"size-2.5 text-muted-foreground"})),e.createElementVNode("span",{class:e.normalizeClass(["text-[10px] font-medium",g(a.change,a.inverted)])},e.toDisplayString(b(a.change)),3)])):e.createCommentVNode("",!0)]))),128))]),e.createElementVNode("div",H,[e.unref(d)?(e.openBlock(),e.createElementBlock("span",J," Fetched "+e.toDisplayString(R(e.unref(d))),1)):e.createCommentVNode("",!0),e.createVNode(n,{to:`/projects/${e.unref(N)}/modules/${f.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ExternalLink),{class:"size-3"}),s[2]||(s[2]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=K;

package/dist/{VisitorStatsCard-BHn4oSnt.mjs → VisitorStatsCard-DMULybKV.mjs}

@@ -1,21 +1,21 @@
-import { defineComponent as H, computed as w, ref as m, onMounted as J, resolveComponent as K, openBlock as o, createElementBlock as c, unref as r, createVNode as h, createElementVNode as l, toDisplayString as d, Fragment as Q, renderList as W, createBlock as x, resolveDynamicComponent as X, normalizeClass as _, createCommentVNode as U, withCtx as Z, createTextVNode as ee } from "vue";
-import { Users as A, MousePointerClick as te, Eye as F, ArrowDownRight as M, Timer as C, Loader2 as se, BarChart3 as ne, ArrowUpRight as ae, Minus as re, ExternalLink as oe } from "lucide-vue-next";
-const ie = { class: "w-full" }, le = {
+import { defineComponent as J, computed as w, ref as m, onMounted as K, resolveComponent as Q, openBlock as o, createElementBlock as c, unref as r, createVNode as h, createElementVNode as l, toDisplayString as d, Fragment as W, renderList as X, createBlock as x, resolveDynamicComponent as Z, normalizeClass as _, createCommentVNode as U, withCtx as ee, createTextVNode as te } from "vue";
+import { Users as A, MousePointerClick as se, Eye as M, ArrowDownRight as F, Timer as C, Loader2 as ne, BarChart3 as ae, ArrowUpRight as re, Minus as oe, ExternalLink as ie } from "lucide-vue-next";
+const le = { class: "w-full" }, ce = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, ce = {
+}, ue = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, ue = {
+}, de = {
   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" }, ge = { class: "flex items-center gap-2" }, me = { class: "text-[10px] text-muted-foreground" }, ve = { class: "grid grid-cols-2 sm:grid-cols-4 divide-x divide-y" }, pe = { class: "flex items-center gap-1.5" }, fe = { class: "text-[10px] text-muted-foreground uppercase tracking-wide" }, he = { class: "text-sm font-semibold" }, xe = {
+}, ge = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, me = { class: "flex items-center gap-2" }, ve = { class: "text-[10px] text-muted-foreground" }, pe = { class: "grid grid-cols-2 sm:grid-cols-4 divide-x divide-y" }, fe = { class: "flex items-center gap-1.5" }, he = { class: "text-[10px] text-muted-foreground uppercase tracking-wide" }, xe = { class: "text-sm font-semibold" }, ye = {
   key: 0,
   class: "flex items-center gap-0.5"
-}, ye = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, be = {
+}, be = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, we = {
   key: 0,
   class: "text-[10px] text-muted-foreground"
-}, Se = /* @__PURE__ */ H({
+}, Pe = /* @__PURE__ */ J({
   __name: "VisitorStatsCard",
   props: {
     toolName: {},
@@ -26,9 +26,9 @@ const ie = { class: "w-full" }, le = {
     status: {}
   },
   emits: ["submit"],
-  setup(S, { emit: L }) {
-    const u = S, N = L, j = useRoute(), z = w(() => j.params.slug), E = useModuleApi(u.instanceId), v = m(!0), g = m(null), a = m({}), i = m({}), p = m(null);
-    function I() {
+  setup(S, { emit: N }) {
+    const { $useRoute: L, $useModuleOverlay: _e } = useNuxtApp(), u = S, j = N, z = L(), E = w(() => z.params.slug), I = $useModuleApi(u.instanceId), v = m(!0), g = m(null), a = m({}), i = m({}), p = m(null);
+    function O() {
       const e = u.resolvedArgs?._cachedData;
       return e ? (a.value = {
         totalUsers: e.totalUsers || 0,
@@ -40,7 +40,7 @@ const ie = { class: "w-full" }, le = {
         engagementRate: D(e.engagementRate),
         screenPageViewsPerSession: parseFloat(e.pagesPerSession) || 0
       }, i.value = Object.fromEntries(
-        Object.entries(e.changes || {}).map(([t, s]) => [t, O(s)])
+        Object.entries(e.changes || {}).map(([t, s]) => [t, T(s)])
       ), p.value = u.resolvedArgs._fetchedAt || null, v.value = !1, !0) : !1;
     }
     function D(e) {
@@ -51,28 +51,28 @@ const ie = { class: "w-full" }, le = {
       const t = e.match(/(\d+)m/), s = e.match(/(\d+)s/);
       return (t ? parseInt(t[1]) * 60 : 0) + (s ? parseInt(s[1]) : 0);
     }
-    function O(e) {
+    function T(e) {
       return !e || e === "N/A" ? null : parseFloat(e.replace("+", ""));
     }
-    async function T() {
+    async function Y() {
       const { startDate: e, endDate: t } = u.resolvedArgs || {};
       v.value = !0, g.value = null;
       try {
         const s = new URLSearchParams();
         e && s.set("startDate", e), t && s.set("endDate", t);
-        const n = await E.get(`/report?${s.toString()}`);
+        const n = await I.get(`/report?${s.toString()}`);
         a.value = n.totals || {}, i.value = n.changes || {}, p.value = (/* @__PURE__ */ new Date()).toISOString(), P({
-          period: k.value,
+          period: $.value,
           totalUsers: Math.round(a.value.totalUsers || 0),
           sessions: Math.round(a.value.sessions || 0),
           pageViews: Math.round(a.value.screenPageViews || 0),
           newUsers: Math.round(a.value.newUsers || 0),
           bounceRate: `${(a.value.bounceRate * 100).toFixed(1)}%`,
-          avgSessionDuration: V(a.value.averageSessionDuration),
+          avgSessionDuration: k(a.value.averageSessionDuration),
           engagementRate: `${(a.value.engagementRate * 100).toFixed(1)}%`,
           pagesPerSession: (a.value.screenPageViewsPerSession || 0).toFixed(1),
           changes: Object.fromEntries(
-            Object.entries(i.value).map(([G, b]) => [G, b !== null ? `${b > 0 ? "+" : ""}${b.toFixed(1)}%` : "N/A"])
+            Object.entries(i.value).map(([H, b]) => [H, b !== null ? `${b > 0 ? "+" : ""}${b.toFixed(1)}%` : "N/A"])
           )
         });
       } catch (s) {
@@ -81,67 +81,67 @@ const ie = { class: "w-full" }, le = {
         v.value = !1;
       }
     }
-    J(() => {
-      u.status === "completed" && I() || T();
+    K(() => {
+      u.status === "completed" && O() || Y();
     });
     function P(e) {
-      u.status !== "completed" && N("submit", e);
+      u.status !== "completed" && j("submit", e);
     }
-    const k = w(() => {
+    const $ = w(() => {
       const { startDate: e, endDate: t } = u.resolvedArgs || {};
       if (!e && !t) return "Last 30 days";
       const s = e || "30daysAgo", n = s.match(/^(\d+)daysAgo$/);
       return s === "yesterday" && (!t || t === "yesterday") ? "Yesterday" : n ? `Last ${n[1]} days` : `${s} → ${t || "today"}`;
-    }), V = (e) => {
+    }), k = (e) => {
       if (!e) return "0s";
       const t = Math.floor(e / 60), s = Math.round(e % 60);
       return t > 0 ? `${t}m ${s}s` : `${s}s`;
-    }, f = (e) => e == null ? "0" : Math.round(e).toLocaleString(), $ = (e) => e == null ? "0%" : `${(e * 100).toFixed(1)}%`, Y = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", y = (e, t = !1) => {
+    }, f = (e) => e == null ? "0" : Math.round(e).toLocaleString(), V = (e) => e == null ? "0%" : `${(e * 100).toFixed(1)}%`, q = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", y = (e, t = !1) => {
       if (e == null) return "text-muted-foreground";
       const s = t ? e < 0 : e > 0, n = t ? e > 0 : e < 0;
       return s ? "text-emerald-600 dark:text-emerald-400" : n ? "text-red-600 dark:text-red-400" : "text-muted-foreground";
-    }, R = (e) => e == null ? null : `${e > 0 ? "+" : ""}${e.toFixed(1)}%`, q = w(() => [
+    }, R = (e) => e == null ? null : `${e > 0 ? "+" : ""}${e.toFixed(1)}%`, G = w(() => [
       { label: "Users", value: f(a.value.totalUsers), change: i.value.totalUsers, icon: A },
-      { label: "Sessions", value: f(a.value.sessions), change: i.value.sessions, icon: te },
-      { label: "Page Views", value: f(a.value.screenPageViews), change: i.value.screenPageViews, icon: F },
+      { label: "Sessions", value: f(a.value.sessions), change: i.value.sessions, icon: se },
+      { label: "Page Views", value: f(a.value.screenPageViews), change: i.value.screenPageViews, icon: M },
       { label: "New Users", value: f(a.value.newUsers), change: i.value.newUsers, icon: A },
-      { label: "Bounce Rate", value: $(a.value.bounceRate), change: i.value.bounceRate, inverted: !0, icon: M },
-      { label: "Engagement", value: $(a.value.engagementRate), change: i.value.engagementRate, icon: C },
-      { label: "Avg Duration", value: V(a.value.averageSessionDuration), change: i.value.averageSessionDuration, icon: C },
-      { label: "Pages/Session", value: (a.value.screenPageViewsPerSession || 0).toFixed(1), change: i.value.screenPageViewsPerSession, icon: F }
+      { label: "Bounce Rate", value: V(a.value.bounceRate), change: i.value.bounceRate, inverted: !0, icon: F },
+      { label: "Engagement", value: V(a.value.engagementRate), change: i.value.engagementRate, icon: C },
+      { label: "Avg Duration", value: k(a.value.averageSessionDuration), change: i.value.averageSessionDuration, icon: C },
+      { label: "Pages/Session", value: (a.value.screenPageViewsPerSession || 0).toFixed(1), change: i.value.screenPageViewsPerSession, icon: M }
     ]);
     return (e, t) => {
-      const s = K("NuxtLink");
-      return o(), c("div", ie, [
-        r(v) ? (o(), c("div", le, [
-          h(r(se), { class: "size-4 animate-spin text-muted-foreground" }),
+      const s = Q("NuxtLink");
+      return o(), c("div", le, [
+        r(v) ? (o(), c("div", ce, [
+          h(r(ne), { class: "size-4 animate-spin text-muted-foreground" }),
           t[0] || (t[0] = l("span", { class: "text-xs text-muted-foreground" }, "Loading visitor statistics…", -1))
-        ])) : r(g) ? (o(), c("div", ce, d(r(g)), 1)) : (o(), c("div", ue, [
-          l("div", de, [
-            l("div", ge, [
-              h(r(ne), { class: "size-3.5 text-primary" }),
+        ])) : r(g) ? (o(), c("div", ue, d(r(g)), 1)) : (o(), c("div", de, [
+          l("div", ge, [
+            l("div", me, [
+              h(r(ae), { class: "size-3.5 text-primary" }),
               t[1] || (t[1] = l("span", { class: "text-xs font-medium" }, "Visitor Statistics", -1))
             ]),
-            l("span", me, d(r(k)), 1)
+            l("span", ve, d(r($)), 1)
           ]),
-          l("div", ve, [
-            (o(!0), c(Q, null, W(r(q), (n) => (o(), c("div", {
+          l("div", pe, [
+            (o(!0), c(W, null, X(r(G), (n) => (o(), c("div", {
               key: n.label,
               class: "px-3 py-3 space-y-1"
             }, [
-              l("div", pe, [
-                (o(), x(X(n.icon), { class: "size-3 text-muted-foreground" })),
-                l("span", fe, d(n.label), 1)
+              l("div", fe, [
+                (o(), x(Z(n.icon), { class: "size-3 text-muted-foreground" })),
+                l("span", he, d(n.label), 1)
               ]),
-              l("p", he, d(n.value), 1),
-              R(n.change) ? (o(), c("div", xe, [
-                (n.change ?? 0) > 0 ? (o(), x(r(ae), {
+              l("p", xe, d(n.value), 1),
+              R(n.change) ? (o(), c("div", ye, [
+                (n.change ?? 0) > 0 ? (o(), x(r(re), {
                   key: 0,
                   class: _(["size-2.5", y(n.change, n.inverted)])
-                }, null, 8, ["class"])) : (n.change ?? 0) < 0 ? (o(), x(r(M), {
+                }, null, 8, ["class"])) : (n.change ?? 0) < 0 ? (o(), x(r(F), {
                   key: 1,
                   class: _(["size-2.5", y(n.change, n.inverted)])
-                }, null, 8, ["class"])) : (o(), x(r(re), {
+                }, null, 8, ["class"])) : (o(), x(r(oe), {
                   key: 2,
                   class: "size-2.5 text-muted-foreground"
                 })),
@@ -151,15 +151,15 @@ const ie = { class: "w-full" }, le = {
               ])) : U("", !0)
             ]))), 128))
           ]),
-          l("div", ye, [
-            r(p) ? (o(), c("span", be, " Fetched " + d(Y(r(p))), 1)) : U("", !0),
+          l("div", be, [
+            r(p) ? (o(), c("span", we, " Fetched " + d(q(r(p))), 1)) : U("", !0),
             h(s, {
-              to: `/projects/${r(z)}/modules/${S.instanceId}`,
+              to: `/projects/${r(E)}/modules/${S.instanceId}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
-              default: Z(() => [
-                h(r(oe), { class: "size-3" }),
-                t[2] || (t[2] = ee(" View full report ", -1))
+              default: ee(() => [
+                h(r(ie), { class: "size-3" }),
+                t[2] || (t[2] = te(" View full report ", -1))
               ]),
               _: 1
             }, 8, ["to"])
@@ -170,5 +170,5 @@ const ie = { class: "w-full" }, le = {
   }
 });
 export {
-  Se as default
+  Pe as default
 };