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

package/dist/TopPagesCard-Dv52to_J.mjs

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

package/dist/TopPagesCard-pZ-nAsaI.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),P={class:"w-full"},B={key:0,class:"flex items-center gap-2 py-3"},T={key:1,class:"text-xs text-destructive py-2"},L={key:2,class:"rounded-xl border bg-background p-4 text-center"},$={key:3,class:"rounded-xl border bg-background overflow-hidden"},A={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},M={class:"flex items-center gap-2"},C={class:"text-[10px] text-muted-foreground"},z={class:"divide-y"},F={class:"flex items-center gap-2 mb-1.5"},I={class:"text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0"},j=["title"],U={class:"ml-7 space-y-1.5"},q={class:"h-1.5 rounded-full bg-muted overflow-hidden"},O={class:"flex items-center gap-3 text-[10px] text-muted-foreground"},R={class:"flex items-center gap-1"},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"},K={class:"text-[10px] text-muted-foreground"},Q=e.defineComponent({__name:"TopPagesCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(f,{emit:h}){const l=f,y=h,V=useRoute(),N=e.computed(()=>V.params.slug),_=useModuleApi(l.instanceId),d=e.ref(!0),i=e.ref(null),a=e.ref([]),u=e.ref(0),m=e.ref(null);function k(){const t=l.resolvedArgs?._cachedData;return t?(a.value=t.pages?.map(s=>({pagePath:s.page,screenPageViews:s.views,totalUsers:s.users,averageSessionDuration:E(s.avgDuration)}))||[],u.value=t.totalPagesTracked||a.value.length,m.value=l.resolvedArgs._fetchedAt||null,d.value=!1,!0):!1}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)}async function b(){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 _.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"&&k()||b()});function x(t){l.status!=="completed"&&y("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(),D=t=>t?new Date(t).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"",w=e.computed(()=>a.value.length===0?1:Math.max(...a.value.map(t=>t.screenPageViews||0))),S=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",P,[e.unref(d)?(e.openBlock(),e.createElementBlock("div",B,[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",T,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",$,[e.createElementVNode("div",A,[e.createElementVNode("div",M,[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",C,e.toDisplayString(e.unref(S)),1)]),e.createElementVNode("div",z,[(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",F,[e.createElementVNode("span",I,e.toDisplayString(r+1)+".",1),e.createElementVNode("span",{class:"text-xs font-medium truncate flex-1",title:o.pagePath},e.toDisplayString(o.pagePath),9,j)]),e.createElementVNode("div",U,[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(w)*100}%`})},null,4)]),e.createElementVNode("div",O,[e.createElementVNode("span",R,[e.createVNode(e.unref(c.Eye),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(g(o.screenPageViews))+" views ",1)]),e.createElementVNode("span",G,[e.createVNode(e.unref(c.Users),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(g(o.totalUsers))+" users ",1)]),e.createElementVNode("span",H,[e.createVNode(e.unref(c.Clock),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(v(o.averageSessionDuration)),1)])])])]))),128))]),e.createElementVNode("div",J,[e.createElementVNode("span",K,[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(D(e.unref(m))),1)],64)):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(c.ExternalLink),{class:"size-3"}),s[3]||(s[3]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=Q;

package/dist/TrafficSourcesCard-CBOPV1J1.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("lucide-vue-next"),w={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"},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"},A={class:"flex items-center gap-2"},T={class:"text-[10px] text-muted-foreground"},F={key:0,class:"px-3 pt-3 pb-2"},G={class:"h-3 rounded-full bg-muted overflow-hidden flex"},j=["title"],M={class:"flex flex-wrap gap-x-3 gap-y-1 mt-2"},R={class:"text-[10px] text-muted-foreground"},I={class:"text-[10px] font-medium"},P={key:1,class:"border-t"},q={class:"divide-y"},O={class:"text-xs font-medium truncate flex-1"},H={class:"flex items-center gap-3 text-[10px] text-muted-foreground shrink-0"},J={class:"flex items-center gap-1"},K={class:"flex items-center gap-1"},Q={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},W={key:0,class:"text-[10px] text-muted-foreground"},X=e.defineComponent({__name:"TrafficSourcesCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(g,{emit:v}){const l=g,_=v,N=useRoute(),E=e.computed(()=>N.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 V(){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 S(){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"&&V()||S()});function h(s){l.status!=="completed"&&_("submit",s)}const f=s=>s==null?"0":Math.round(s).toLocaleString(),B=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"],k=["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"],D=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",w,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",C,[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",$,[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",A,[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",T,e.toDisplayString(e.unref(D)),1)]),e.unref(a).length>0?(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("div",G,[(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",M,[(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",k[d%k.length]])},null,2),e.createElementVNode("span",R,e.toDisplayString(n.sessionDefaultChannelGroup),1),e.createElementVNode("span",I,e.toDisplayString(f(n.sessions)),1)]))),128))])])):e.createCommentVNode("",!0),e.unref(c).length>0?(e.openBlock(),e.createElementBlock("div",P,[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",q,[(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",O,e.toDisplayString(n.sessionSource),1),e.createElementVNode("div",H,[e.createElementVNode("span",J,[e.createVNode(e.unref(i.MousePointerClick),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(f(n.sessions)),1)]),e.createElementVNode("span",K,[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",Q,[e.unref(p)?(e.openBlock(),e.createElementBlock("span",W," Fetched "+e.toDisplayString(B(e.unref(p))),1)):e.createCommentVNode("",!0),e.createVNode(o,{to:`/projects/${e.unref(E)}/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=X;

package/dist/TrafficSourcesCard-CMhcj2k2.mjs

@@ -0,0 +1,197 @@
+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 = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, Y = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, Z = {
+  key: 2,
+  class: "rounded-xl border bg-background p-4 text-center"
+}, ee = {
+  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 = {
+  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 = {
+  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 = {
+  key: 0,
+  class: "text-[10px] text-muted-foreground"
+}, _e = /* @__PURE__ */ I({
+  __name: "TrafficSourcesCard",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  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);
+    function j() {
+      const t = c.resolvedArgs?._cachedData;
+      return t ? (u.value = (t.topChannels || []).map((e) => ({
+        sessionDefaultChannelGroup: e.channel,
+        sessions: e.sessions,
+        totalUsers: e.users,
+        newUsers: e.newUsers,
+        engagementRate: parseFloat(e.engagementRate) / 100
+      })), p.value = (t.topSources || []).map((e) => ({
+        sessionSource: e.source,
+        sessions: e.sessions,
+        totalUsers: e.users
+      })), b.value = c.resolvedArgs._fetchedAt || null, h.value = !1, !0) : !1;
+    }
+    async function M() {
+      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([
+          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(), $({
+          topChannels: u.value.map((i) => ({
+            channel: i.sessionDefaultChannelGroup,
+            sessions: i.sessions,
+            users: i.totalUsers,
+            newUsers: i.newUsers,
+            engagementRate: `${(i.engagementRate * 100).toFixed(1)}%`
+          })),
+          topSources: p.value.map((i) => ({
+            source: i.sessionSource,
+            sessions: i.sessions,
+            users: i.totalUsers
+          }))
+        });
+      } catch (l) {
+        g.value = l?.data?.statusMessage || l?.message || "Failed to load traffic sources", $(`Error loading traffic sources: ${g.value}`);
+      } finally {
+        h.value = !1;
+      }
+    }
+    P(() => {
+      c.status === "completed" && j() || M();
+    });
+    function $(t) {
+      c.status !== "completed" && F("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 = [
+      "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"
+    ], A = [
+      "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"
+    ], E = _(() => {
+      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"}`;
+    });
+    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, [
+          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, [
+              m(s(z), { class: "size-3.5 text-primary" }),
+              e[2] || (e[2] = n("span", { class: "text-xs font-medium" }, "Traffic Sources", -1))
+            ]),
+            n("span", ne, d(s(E)), 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))
+            ]),
+            n("div", le, [
+              (r(!0), a(y, null, k(s(u).slice(0, 6), (o, f) => (r(), a("div", {
+                key: o.sessionDefaultChannelGroup,
+                class: "flex items-center gap-1.5"
+              }, [
+                n("span", {
+                  class: N(["size-2 rounded-full shrink-0", A[f % A.length]])
+                }, null, 2),
+                n("span", ie, d(o.sessionDefaultChannelGroup), 1),
+                n("span", ue, d(v(o.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")
+            ], -1)),
+            n("div", ce, [
+              (r(!0), a(y, null, k(s(p), (o) => (r(), a("div", {
+                key: o.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, [
+                    m(s(K), { class: "size-2.5" }),
+                    w(" " + d(v(o.totalUsers)), 1)
+                  ])
+                ])
+              ]))), 128))
+            ])
+          ])) : S("", !0),
+          n("div", xe, [
+            s(b) ? (r(), a("span", he, " Fetched " + d(V(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" }),
+                e[4] || (e[4] = w(" View full report ", -1))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  _e as default
+};

package/dist/VisitorStatsCard-BHn4oSnt.mjs

@@ -0,0 +1,174 @@
+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 = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, ce = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, ue = {
+  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 = {
+  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 = {
+  key: 0,
+  class: "text-[10px] text-muted-foreground"
+}, Se = /* @__PURE__ */ H({
+  __name: "VisitorStatsCard",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    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() {
+      const e = u.resolvedArgs?._cachedData;
+      return e ? (a.value = {
+        totalUsers: e.totalUsers || 0,
+        sessions: e.sessions || 0,
+        screenPageViews: e.pageViews || 0,
+        newUsers: e.newUsers || 0,
+        bounceRate: D(e.bounceRate),
+        averageSessionDuration: B(e.avgSessionDuration),
+        engagementRate: D(e.engagementRate),
+        screenPageViewsPerSession: parseFloat(e.pagesPerSession) || 0
+      }, i.value = Object.fromEntries(
+        Object.entries(e.changes || {}).map(([t, s]) => [t, O(s)])
+      ), p.value = u.resolvedArgs._fetchedAt || null, v.value = !1, !0) : !1;
+    }
+    function D(e) {
+      return e ? parseFloat(e) / 100 : 0;
+    }
+    function B(e) {
+      if (!e) return 0;
+      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) {
+      return !e || e === "N/A" ? null : parseFloat(e.replace("+", ""));
+    }
+    async function T() {
+      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()}`);
+        a.value = n.totals || {}, i.value = n.changes || {}, p.value = (/* @__PURE__ */ new Date()).toISOString(), P({
+          period: k.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),
+          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"])
+          )
+        });
+      } catch (s) {
+        g.value = s?.data?.statusMessage || s?.message || "Failed to load visitor stats", P(`Error loading visitor stats: ${g.value}`);
+      } finally {
+        v.value = !1;
+      }
+    }
+    J(() => {
+      u.status === "completed" && I() || T();
+    });
+    function P(e) {
+      u.status !== "completed" && N("submit", e);
+    }
+    const k = 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) => {
+      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) => {
+      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(() => [
+      { 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: "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 }
+    ]);
+    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" }),
+          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" }),
+              t[1] || (t[1] = l("span", { class: "text-xs font-medium" }, "Visitor Statistics", -1))
+            ]),
+            l("span", me, d(r(k)), 1)
+          ]),
+          l("div", ve, [
+            (o(!0), c(Q, null, W(r(q), (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("p", he, d(n.value), 1),
+              R(n.change) ? (o(), c("div", xe, [
+                (n.change ?? 0) > 0 ? (o(), x(r(ae), {
+                  key: 0,
+                  class: _(["size-2.5", y(n.change, n.inverted)])
+                }, null, 8, ["class"])) : (n.change ?? 0) < 0 ? (o(), x(r(M), {
+                  key: 1,
+                  class: _(["size-2.5", y(n.change, n.inverted)])
+                }, null, 8, ["class"])) : (o(), x(r(re), {
+                  key: 2,
+                  class: "size-2.5 text-muted-foreground"
+                })),
+                l("span", {
+                  class: _(["text-[10px] font-medium", y(n.change, n.inverted)])
+                }, d(R(n.change)), 3)
+              ])) : U("", !0)
+            ]))), 128))
+          ]),
+          l("div", ye, [
+            r(p) ? (o(), c("span", be, " Fetched " + d(Y(r(p))), 1)) : U("", !0),
+            h(s, {
+              to: `/projects/${r(z)}/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))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  Se as default
+};

package/dist/VisitorStatsCard-tApB_7v8.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("lucide-vue-next"),A={class:"w-full"},C={key:0,class:"flex items-center gap-2 py-3"},M={key:1,class:"text-xs text-destructive py-2"},F={key:2,class:"rounded-xl border bg-background overflow-hidden"},L={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},z={class:"flex items-center gap-2"},j={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"},O={class:"text-[10px] text-muted-foreground uppercase tracking-wide"},q={class:"text-sm font-semibold"},Y={key:0,class:"flex items-center gap-0.5"},G={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},H={key:0,class:"text-[10px] text-muted-foreground"},J=e.defineComponent({__name:"VisitorStatsCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(f,{emit:w}){const l=f,S=w,V=useRoute(),_=e.computed(()=>V.params.slug),D=useModuleApi(l.instanceId),u=e.ref(!0),c=e.ref(null),r=e.ref({}),i=e.ref({}),d=e.ref(null);function N(){const t=l.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:B(t.avgSessionDuration),engagementRate:v(t.engagementRate),screenPageViewsPerSession:parseFloat(t.pagesPerSession)||0},i.value=Object.fromEntries(Object.entries(t.changes||{}).map(([s,n])=>[s,E(n)])),d.value=l.resolvedArgs._fetchedAt||null,u.value=!1,!0):!1}function v(t){return t?parseFloat(t)/100:0}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)}function E(t){return!t||t==="N/A"?null:parseFloat(t.replace("+",""))}async function P(){const{startDate:t,endDate:s}=l.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||{},i.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(i.value).map(([$,p])=>[$,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(()=>{l.status==="completed"&&N()||P()});function h(t){l.status!=="completed"&&S("submit",t)}const x=e.computed(()=>{const{startDate:t,endDate:s}=l.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:i.value.totalUsers,icon:o.Users},{label:"Sessions",value:m(r.value.sessions),change:i.value.sessions,icon:o.MousePointerClick},{label:"Page Views",value:m(r.value.screenPageViews),change:i.value.screenPageViews,icon:o.Eye},{label:"New Users",value:m(r.value.newUsers),change:i.value.newUsers,icon:o.Users},{label:"Bounce Rate",value:k(r.value.bounceRate),change:i.value.bounceRate,inverted:!0,icon:o.ArrowDownRight},{label:"Engagement",value:k(r.value.engagementRate),change:i.value.engagementRate,icon:o.Timer},{label:"Avg Duration",value:y(r.value.averageSessionDuration),change:i.value.averageSessionDuration,icon:o.Timer},{label:"Pages/Session",value:(r.value.screenPageViewsPerSession||0).toFixed(1),change:i.value.screenPageViewsPerSession,icon:o.Eye}]);return(t,s)=>{const n=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",A,[e.unref(u)?(e.openBlock(),e.createElementBlock("div",C,[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",M,e.toDisplayString(e.unref(c)),1)):(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("div",L,[e.createElementVNode("div",z,[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",j,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",O,e.toDisplayString(a.label),1)]),e.createElementVNode("p",q,e.toDisplayString(a.value),1),b(a.change)?(e.openBlock(),e.createElementBlock("div",Y,[(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",G,[e.unref(d)?(e.openBlock(),e.createElementBlock("span",H," Fetched "+e.toDisplayString(R(e.unref(d))),1)):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(o.ExternalLink),{class:"size-3"}),s[2]||(s[2]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=J;

package/dist/{agenda-CTG6N_Lt.mjs → agenda-XqvbrU72.mjs}

@@ -1,11 +1,11 @@
 import { defineComponent as K, resolveComponent as N, openBlock as o, createElementBlock as u, createElementVNode as e, Fragment as X, renderList as Y, toDisplayString as v, normalizeStyle as q, normalizeClass as R, createVNode as d, withCtx as S, unref as b, createTextVNode as ne, createCommentVNode as M, ref as $, createBlock as Q, provide as Z, computed as U, onMounted as pe, onUnmounted as fe, inject as ie, nextTick as xe, onBeforeUnmount as ze, watch as re } from "vue";
-import { o as ue, g as de } from "./DateFormatter-DAZP9a6L.mjs";
+import { o as ue, g as de } from "./DateFormatter-DfIwyrnF.mjs";
 import { X as we, Search as Ee, Clock as ge, Users as he, ChevronLeft as ve, ChevronRight as ce, Asterisk as Ie, CalendarDays as Be } from "lucide-vue-next";
 import { _ as Le } from "./EditLayout.vue_vue_type_script_setup_true_lang-CcysXzmW.mjs";
 import { useModule as $e, useModuleRoute as Se, useFirebaseIntegration as Te, useModulePermissions as Ue } from "@oneclick.dev/cms-kit";
 import { _ as je, F as Pe } from "./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-B7ks5mbf.mjs";
 import { _ as Ne } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { _ as be } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-CJ7hh7ug.mjs";
+import { _ as be } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-Ds7z0qeH.mjs";
 const Oe = { class: "mb-6" }, Re = { class: "flex items-end gap-px h-24 bg-muted/30 rounded-lg p-2 overflow-visible" }, Fe = ["onClick"], Ae = { class: "absolute -top-8 left-1/2 -translate-x-1/2 bg-popover border shadow-md rounded px-2 py-1 text-xs whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10" }, Ve = { class: "font-medium" }, We = { class: "text-muted-foreground" }, He = { class: "w-full flex-1 flex items-end justify-center" }, Qe = {
   key: 1,
   class: "text-[10px] mt-1"