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

package/dist/{RealtimeCard-CtX6Yyk-.mjs → RealtimeCard-fvQlJcM7.mjs}

@@ -1,6 +1,5 @@
-import { defineComponent as R, computed as j, ref as m, onMounted as C, resolveComponent as S, openBlock as o, createElementBlock as i, unref as a, createVNode as n, createElementVNode as e, toDisplayString as r, Fragment as P, renderList as V, createCommentVNode as _, withCtx as D, createTextVNode as E } from "vue";
-import { Loader2 as F, Radio as I, Users as h, ExternalLink as M } from "lucide-vue-next";
-import { useRoute as T, useModuleApi as $ } from "@oneclick.dev/cms-kit";
+import { defineComponent as C, computed as S, ref as m, onMounted as P, resolveComponent as V, openBlock as n, createElementBlock as o, unref as a, createVNode as i, createElementVNode as e, toDisplayString as r, Fragment as $, renderList as D, createCommentVNode as _, withCtx as E, createTextVNode as F } from "vue";
+import { Loader2 as I, Radio as M, Users as h, ExternalLink as T } from "lucide-vue-next";
 const B = { class: "w-full" }, O = {
   key: 0,
   class: "flex items-center gap-2 py-3"
@@ -13,10 +12,10 @@ const B = { class: "w-full" }, O = {
 }, H = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, J = { class: "flex items-center gap-2" }, K = { class: "px-3 py-4 text-center" }, Q = { class: "flex items-center justify-center gap-2 mb-1" }, W = { class: "text-3xl font-bold" }, X = { class: "text-xs text-muted-foreground" }, Y = {
   key: 0,
   class: "border-t"
-}, Z = { class: "divide-y" }, ee = ["title"], te = { class: "flex items-center gap-1 text-[10px] text-muted-foreground shrink-0 ml-2" }, se = { class: "font-medium" }, ae = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, oe = {
+}, Z = { class: "divide-y" }, ee = ["title"], te = { class: "flex items-center gap-1 text-[10px] text-muted-foreground shrink-0 ml-2" }, se = { class: "font-medium" }, ae = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, ne = {
   key: 0,
   class: "text-[10px] text-muted-foreground"
-}, le = /* @__PURE__ */ R({
+}, re = /* @__PURE__ */ C({
   __name: "RealtimeCard",
   props: {
     toolName: {},
@@ -28,19 +27,19 @@ const B = { class: "w-full" }, O = {
   },
   emits: ["submit"],
   setup(v, { emit: y }) {
-    const l = v, b = y, w = T(), k = j(() => w.params.slug), N = $(l.instanceId), p = m(!0), d = m(null), c = m(0), u = m([]), f = m(null);
-    function U() {
+    const { $useRoute: b, $useModuleApi: w } = useNuxtApp(), l = v, k = y, N = b(), A = S(() => N.params.slug), U = w(l.instanceId), p = m(!0), d = m(null), c = m(0), u = m([]), x = m(null);
+    function z() {
       const s = l.resolvedArgs?._cachedData;
       return s ? (c.value = s.activeUsersRightNow || 0, u.value = (s.topActivePages || []).map((t) => ({
         page: t.page,
         activeUsers: t.activeUsers
-      })), f.value = l.resolvedArgs._fetchedAt || null, p.value = !1, !0) : !1;
+      })), x.value = l.resolvedArgs._fetchedAt || null, p.value = !1, !0) : !1;
     }
-    async function A() {
+    async function L() {
       p.value = !0, d.value = null;
       try {
-        const s = await N.get("/realtime");
-        c.value = s.activeUsers || 0, u.value = s.activePages || [], f.value = (/* @__PURE__ */ new Date()).toISOString(), g({
+        const s = await U.get("/realtime");
+        c.value = s.activeUsers || 0, u.value = s.activePages || [], x.value = (/* @__PURE__ */ new Date()).toISOString(), g({
           activeUsersRightNow: c.value,
           topActivePages: u.value.map((t) => ({
             page: t.page,
@@ -53,23 +52,23 @@ const B = { class: "w-full" }, O = {
         p.value = !1;
       }
     }
-    C(() => {
-      l.status === "completed" && U() || A();
+    P(() => {
+      l.status === "completed" && z() || L();
     });
     function g(s) {
-      l.status !== "completed" && b("submit", s);
+      l.status !== "completed" && k("submit", s);
     }
-    const z = (s) => s ? new Date(s).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "";
+    const R = (s) => s ? new Date(s).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "";
     return (s, t) => {
-      const L = S("NuxtLink");
-      return o(), i("div", B, [
-        a(p) ? (o(), i("div", O, [
-          n(a(F), { class: "size-4 animate-spin text-muted-foreground" }),
+      const j = V("NuxtLink");
+      return n(), o("div", B, [
+        a(p) ? (n(), o("div", O, [
+          i(a(I), { class: "size-4 animate-spin text-muted-foreground" }),
           t[0] || (t[0] = e("span", { class: "text-xs text-muted-foreground" }, "Loading realtime data…", -1))
-        ])) : a(d) ? (o(), i("div", q, r(a(d)), 1)) : (o(), i("div", G, [
+        ])) : a(d) ? (n(), o("div", q, r(a(d)), 1)) : (n(), o("div", G, [
           e("div", H, [
             e("div", J, [
-              n(a(I), { class: "size-3.5 text-emerald-500" }),
+              i(a(M), { class: "size-3.5 text-emerald-500" }),
               t[1] || (t[1] = e("span", { class: "text-xs font-medium" }, "Realtime", -1))
             ]),
             t[2] || (t[2] = e("span", { class: "relative flex size-2" }, [
@@ -79,40 +78,40 @@ const B = { class: "w-full" }, O = {
           ]),
           e("div", K, [
             e("div", Q, [
-              n(a(h), { class: "size-5 text-primary" }),
+              i(a(h), { class: "size-5 text-primary" }),
               e("span", W, r(a(c)), 1)
             ]),
             e("p", X, "active " + r(a(c) === 1 ? "user" : "users") + " right now", 1)
           ]),
-          a(u).length > 0 ? (o(), i("div", Y, [
+          a(u).length > 0 ? (n(), o("div", Y, [
             t[3] || (t[3] = e("div", { class: "px-3 py-1.5 bg-muted/20" }, [
               e("span", { class: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide" }, "Active Pages")
             ], -1)),
             e("div", Z, [
-              (o(!0), i(P, null, V(a(u), (x) => (o(), i("div", {
-                key: x.page,
+              (n(!0), o($, null, D(a(u), (f) => (n(), o("div", {
+                key: f.page,
                 class: "px-3 py-2 flex items-center justify-between hover:bg-muted/30 transition-colors"
               }, [
                 e("span", {
                   class: "text-xs truncate flex-1",
-                  title: x.page
-                }, r(x.page), 9, ee),
+                  title: f.page
+                }, r(f.page), 9, ee),
                 e("div", te, [
-                  n(a(h), { class: "size-2.5" }),
-                  e("span", se, r(x.activeUsers), 1)
+                  i(a(h), { class: "size-2.5" }),
+                  e("span", se, r(f.activeUsers), 1)
                 ])
               ]))), 128))
             ])
           ])) : _("", !0),
           e("div", ae, [
-            a(f) ? (o(), i("span", oe, " Fetched " + r(z(a(f))), 1)) : _("", !0),
-            n(L, {
-              to: `/projects/${a(k)}/modules/${v.instanceId}`,
+            a(x) ? (n(), o("span", ne, " Fetched " + r(R(a(x))), 1)) : _("", !0),
+            i(j, {
+              to: `/projects/${a(A)}/modules/${v.instanceId}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
-              default: D(() => [
-                n(a(M), { class: "size-3" }),
-                t[4] || (t[4] = E(" View full report ", -1))
+              default: E(() => [
+                i(a(T), { class: "size-3" }),
+                t[4] || (t[4] = F(" View full report ", -1))
               ]),
               _: 1
             }, 8, ["to"])
@@ -123,5 +122,5 @@ const B = { class: "w-full" }, O = {
   }
 });
 export {
-  le as default
+  re as default
 };

package/dist/SearchTermsCard-BsB-63aH.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),M={class:"w-full"},R={key:0,class:"flex items-center gap-2 py-3"},U={key:1,class:"text-xs text-destructive py-2"},j={key:2,class:"rounded-xl border bg-background p-4 text-center space-y-2"},q={key:3,class:"rounded-xl border bg-background overflow-hidden"},G={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},I={class:"flex items-center gap-2"},Q={class:"text-xs font-medium"},K={class:"text-[10px] text-muted-foreground"},O={class:"divide-y"},H={class:"flex items-center gap-2 mb-1.5"},J={class:"text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0"},W={class:"text-xs font-medium truncate flex-1"},X={class:"ml-7 space-y-1.5"},Y={class:"h-1.5 rounded-full bg-muted overflow-hidden"},Z={key:0,class:"flex items-center gap-3 text-[10px] text-muted-foreground"},ee={class:"flex items-center gap-1"},te={class:"flex items-center gap-1"},se={class:"flex items-center gap-1"},oe={class:"flex items-center gap-1"},ne={key:1,class:"flex items-center gap-3 text-[10px] text-muted-foreground"},re={class:"flex items-center gap-1"},ae={class:"flex items-center gap-1"},ce={class:"flex items-center gap-1"},le={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},ie={class:"text-[10px] text-muted-foreground"},de=e.defineComponent({__name:"SearchTermsCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(x,{emit:N}){const{$useRoute:V,$useModuleApi:k}=useNuxtApp(),i=x,S=N,b=V(),E=e.computed(()=>b.params.slug),T=k(i.instanceId),m=e.ref(!0),d=e.ref(null),o=e.ref([]),_=e.ref(0),g=e.ref(null),u=e.ref("google_ads"),D=t=>t.label||t.query||t.sessionGoogleAdsQuery||t.landingPagePlusQueryString||"—";function B(){const t=i.resolvedArgs?._cachedData;return t?(u.value=t.source||"google_ads",t.source==="search_console"?o.value=(t.searchTerms||[]).map(s=>({label:s.term,clicks:s.clicks,impressions:s.impressions,ctr:s.ctr,position:s.position})):o.value=(t.searchTerms||[]).map(s=>({label:s.term,sessions:s.sessions,totalUsers:s.users,engagementRate:parseFloat(s.engagementRate)/100})),_.value=t.count||o.value.length,g.value=i.resolvedArgs._fetchedAt||null,m.value=!1,!0):!1}async function $(){const{startDate:t,endDate:s}=i.resolvedArgs||{};m.value=!0,d.value=null;try{const a=new URLSearchParams;t&&a.set("startDate",t),s&&a.set("endDate",s);const n=await T.get(`/content/search-terms?${a.toString()}`),l=n.source||"google_ads";if(u.value=l,l==="search_console")o.value=(n.rows||[]).map(r=>({...r,label:r.query}));else{const r=l==="organic_landing_pages"?"landingPagePlusQueryString":"sessionGoogleAdsQuery";o.value=(n.rows||[]).map(f=>({...f,label:f[r]}))}_.value=n.rowCount||o.value.length,g.value=new Date().toISOString();const F=()=>{if(o.value.length===0)return"No search data found for this period.";const r=o.value.slice(0,5).map(f=>f.label).join(", ");return l==="search_console"?`Found ${o.value.length} search queries from Google Search Console. The top keywords are: ${r}.`:l==="organic_landing_pages"?`Found ${o.value.length} pages receiving organic search traffic. The top organic landing pages are: ${r}.`:`Found ${o.value.length} search terms. The top keywords driving traffic are: ${r}.`},P=o.value.map(r=>l==="search_console"?{term:r.label,clicks:r.clicks,impressions:r.impressions,ctr:r.ctr,position:r.position}:{term:r.label,sessions:r.sessions,users:r.totalUsers,engagementRate:`${(r.engagementRate*100).toFixed(1)}%`});v({count:o.value.length,source:l,searchTerms:P,suggestion:F()})}catch(a){d.value=a?.data?.statusMessage||a?.message||"Failed to load search data",v(`Error loading search data: ${d.value}`)}finally{m.value=!1}}e.onMounted(()=>{i.status==="completed"&&B()||$()});function v(t){i.status!=="completed"&&S("submit",t)}const p=t=>t==null?"0":Math.round(t).toLocaleString(),y=t=>t==null?"0%":`${(t*100).toFixed(1)}%`,w=t=>t==null?"—":t.toFixed(1),C=t=>t?new Date(t).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"",h=e.computed(()=>u.value==="search_console"),L=e.computed(()=>o.value.length===0?1:h.value?Math.max(...o.value.map(t=>t.clicks||0)):Math.max(...o.value.map(t=>t.sessions||0))),A=e.computed(()=>u.value==="search_console"?"Search Keywords (Search Console)":u.value==="organic_landing_pages"?"Top Organic Landing Pages":"Search Terms & Keywords"),z=e.computed(()=>{const{startDate:t,endDate:s}=i.resolvedArgs||{};if(!t&&!s)return"Last 30 days";const a=t||"30daysAgo",n=a.match(/^(\d+)daysAgo$/);return n?`Last ${n[1]} days`:`${a} → ${s||"today"}`});return(t,s)=>{const a=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",M,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",R,[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 search data…",-1))])):e.unref(d)?(e.openBlock(),e.createElementBlock("div",U,e.toDisplayString(e.unref(d)),1)):e.unref(o).length===0?(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(e.unref(c.Search),{class:"size-8 text-muted-foreground mx-auto"}),s[1]||(s[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No search data found for this period.",-1))])):(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",G,[e.createElementVNode("div",I,[e.createVNode(e.unref(c.Search),{class:"size-3.5 text-primary"}),e.createElementVNode("span",Q,e.toDisplayString(e.unref(A)),1)]),e.createElementVNode("span",K,e.toDisplayString(e.unref(z)),1)]),e.createElementVNode("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(n,l)=>(e.openBlock(),e.createElementBlock("div",{key:l,class:"px-3 py-2.5 hover:bg-muted/30 transition-colors"},[e.createElementVNode("div",H,[e.createElementVNode("span",J,e.toDisplayString(l+1)+".",1),e.createElementVNode("span",W,e.toDisplayString(D(n)),1)]),e.createElementVNode("div",X,[e.createElementVNode("div",Y,[e.createElementVNode("div",{class:"h-full rounded-full bg-amber-500/70 transition-all",style:e.normalizeStyle({width:`${((e.unref(h)?n.clicks:n.sessions)||0)/e.unref(L)*100}%`})},null,4)]),e.unref(h)?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("span",ee,[e.createVNode(e.unref(c.MousePointerClick),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.clicks))+" clicks ",1)]),e.createElementVNode("span",te,[e.createVNode(e.unref(c.Eye),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.impressions))+" impr. ",1)]),e.createElementVNode("span",se,[e.createVNode(e.unref(c.TrendingUp),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(y(n.ctr))+" CTR ",1)]),e.createElementVNode("span",oe,[e.createVNode(e.unref(c.Hash),{class:"size-2.5"}),e.createTextVNode(" pos "+e.toDisplayString(w(n.position)),1)])])):(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("span",re,[e.createVNode(e.unref(c.MousePointerClick),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.sessions))+" sessions ",1)]),e.createElementVNode("span",ae,[e.createVNode(e.unref(c.Users),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.totalUsers))+" users ",1)]),e.createElementVNode("span",ce,[e.createVNode(e.unref(c.TrendingUp),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(y(n.engagementRate))+" engaged ",1)])]))])]))),128))]),e.createElementVNode("div",le,[e.createElementVNode("span",ie,[e.createTextVNode(e.toDisplayString(e.unref(o).length)+" result"+e.toDisplayString(e.unref(o).length===1?"":"s")+" ",1),e.unref(g)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" · fetched "+e.toDisplayString(C(e.unref(g))),1)],64)):e.createCommentVNode("",!0)]),e.createVNode(a,{to:`/projects/${e.unref(E)}/modules/${x.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[2]||(s[2]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=de;

package/dist/{SearchTermsCard-DzSu9jzo.mjs → SearchTermsCard-BzVrHKqQ.mjs}

@@ -1,6 +1,5 @@
-import { defineComponent as O, computed as _, ref as f, onMounted as H, resolveComponent as J, openBlock as u, createElementBlock as m, unref as s, createVNode as l, createElementVNode as o, toDisplayString as i, Fragment as C, renderList as W, normalizeStyle as X, createTextVNode as g, createCommentVNode as Y, withCtx as Z } from "vue";
-import { Loader2 as ee, Search as z, MousePointerClick as A, Eye as se, TrendingUp as N, Hash as te, Users as oe, ExternalLink as ne } from "lucide-vue-next";
-import { useRoute as ae, useModuleApi as re } from "@oneclick.dev/cms-kit";
+import { defineComponent as J, computed as _, ref as h, onMounted as W, resolveComponent as X, openBlock as u, createElementBlock as m, unref as s, createVNode as l, createElementVNode as o, toDisplayString as i, Fragment as A, renderList as Y, normalizeStyle as Z, createTextVNode as g, createCommentVNode as ee, withCtx as se } from "vue";
+import { Loader2 as te, Search as C, MousePointerClick as z, Eye as oe, TrendingUp as N, Hash as ne, Users as ae, ExternalLink as re } from "lucide-vue-next";
 const ie = { class: "w-full" }, le = {
   key: 0,
   class: "flex items-center gap-2 py-3"
@@ -13,13 +12,13 @@ const ie = { class: "w-full" }, le = {
 }, ue = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, me = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, ge = { class: "flex items-center gap-2" }, pe = { class: "text-xs font-medium" }, fe = { class: "text-[10px] text-muted-foreground" }, he = { class: "divide-y" }, xe = { class: "flex items-center gap-2 mb-1.5" }, _e = { class: "text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0" }, ve = { class: "text-xs font-medium truncate flex-1" }, ye = { class: "ml-7 space-y-1.5" }, be = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, ke = {
+}, me = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, ge = { class: "flex items-center gap-2" }, pe = { class: "text-xs font-medium" }, he = { class: "text-[10px] text-muted-foreground" }, fe = { class: "divide-y" }, xe = { class: "flex items-center gap-2 mb-1.5" }, _e = { class: "text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0" }, ve = { class: "text-xs font-medium truncate flex-1" }, ye = { class: "ml-7 space-y-1.5" }, be = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, ke = {
   key: 0,
   class: "flex items-center gap-3 text-[10px] text-muted-foreground"
-}, Se = { class: "flex items-center gap-1" }, Te = { class: "flex items-center gap-1" }, $e = { class: "flex items-center gap-1" }, we = { class: "flex items-center gap-1" }, Le = {
+}, Se = { class: "flex items-center gap-1" }, $e = { class: "flex items-center gap-1" }, Te = { class: "flex items-center gap-1" }, we = { class: "flex items-center gap-1" }, Le = {
   key: 1,
   class: "flex items-center gap-3 text-[10px] text-muted-foreground"
-}, Ce = { class: "flex items-center gap-1" }, ze = { class: "flex items-center gap-1" }, Ae = { class: "flex items-center gap-1" }, Ne = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, De = { class: "text-[10px] text-muted-foreground" }, Re = /* @__PURE__ */ O({
+}, Ae = { class: "flex items-center gap-1" }, Ce = { class: "flex items-center gap-1" }, ze = { class: "flex items-center gap-1" }, Ne = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, De = { class: "text-[10px] text-muted-foreground" }, Me = /* @__PURE__ */ J({
   __name: "SearchTermsCard",
   props: {
     toolName: {},
@@ -30,9 +29,9 @@ const ie = { class: "w-full" }, le = {
     status: {}
   },
   emits: ["submit"],
-  setup(T, { emit: D }) {
-    const p = T, F = D, P = ae(), M = _(() => P.params.slug), R = re(p.instanceId), v = f(!0), h = f(null), n = f([]), $ = f(0), y = f(null), x = f("google_ads"), U = (e) => e.label || e.query || e.sessionGoogleAdsQuery || e.landingPagePlusQueryString || "—";
-    function j() {
+  setup($, { emit: D }) {
+    const { $useRoute: F, $useModuleApi: P } = useNuxtApp(), p = $, M = D, R = F(), U = _(() => R.params.slug), j = P(p.instanceId), v = h(!0), f = h(null), n = h([]), T = h(0), y = h(null), x = h("google_ads"), E = (e) => e.label || e.query || e.sessionGoogleAdsQuery || e.landingPagePlusQueryString || "—";
+    function V() {
       const e = p.resolvedArgs?._cachedData;
       return e ? (x.value = e.source || "google_ads", e.source === "search_console" ? n.value = (e.searchTerms || []).map((t) => ({
         label: t.term,
@@ -45,15 +44,15 @@ const ie = { class: "w-full" }, le = {
         sessions: t.sessions,
         totalUsers: t.users,
         engagementRate: parseFloat(t.engagementRate) / 100
-      })), $.value = e.count || n.value.length, y.value = p.resolvedArgs._fetchedAt || null, v.value = !1, !0) : !1;
+      })), T.value = e.count || n.value.length, y.value = p.resolvedArgs._fetchedAt || null, v.value = !1, !0) : !1;
     }
-    async function E() {
+    async function G() {
       const { startDate: e, endDate: t } = p.resolvedArgs || {};
-      v.value = !0, h.value = null;
+      v.value = !0, f.value = null;
       try {
         const c = new URLSearchParams();
         e && c.set("startDate", e), t && c.set("endDate", t);
-        const a = await R.get(`/content/search-terms?${c.toString()}`), d = a.source || "google_ads";
+        const a = await j.get(`/content/search-terms?${c.toString()}`), d = a.source || "google_ads";
         if (x.value = d, d === "search_console")
           n.value = (a.rows || []).map((r) => ({
             ...r,
@@ -66,12 +65,12 @@ const ie = { class: "w-full" }, le = {
             label: k[r]
           }));
         }
-        $.value = a.rowCount || n.value.length, y.value = (/* @__PURE__ */ new Date()).toISOString();
-        const K = () => {
+        T.value = a.rowCount || n.value.length, y.value = (/* @__PURE__ */ new Date()).toISOString();
+        const O = () => {
           if (n.value.length === 0) return "No search data found for this period.";
           const r = n.value.slice(0, 5).map((k) => k.label).join(", ");
           return d === "search_console" ? `Found ${n.value.length} search queries from Google Search Console. The top keywords are: ${r}.` : d === "organic_landing_pages" ? `Found ${n.value.length} pages receiving organic search traffic. The top organic landing pages are: ${r}.` : `Found ${n.value.length} search terms. The top keywords driving traffic are: ${r}.`;
-        }, B = n.value.map((r) => d === "search_console" ? {
+        }, H = n.value.map((r) => d === "search_console" ? {
           term: r.label,
           clicks: r.clicks,
           impressions: r.impressions,
@@ -86,87 +85,87 @@ const ie = { class: "w-full" }, le = {
         w({
           count: n.value.length,
           source: d,
-          searchTerms: B,
-          suggestion: K()
+          searchTerms: H,
+          suggestion: O()
         });
       } catch (c) {
-        h.value = c?.data?.statusMessage || c?.message || "Failed to load search data", w(`Error loading search data: ${h.value}`);
+        f.value = c?.data?.statusMessage || c?.message || "Failed to load search data", w(`Error loading search data: ${f.value}`);
       } finally {
         v.value = !1;
       }
     }
-    H(() => {
-      p.status === "completed" && j() || E();
+    W(() => {
+      p.status === "completed" && V() || G();
     });
     function w(e) {
-      p.status !== "completed" && F("submit", e);
+      p.status !== "completed" && M("submit", e);
     }
-    const b = (e) => e == null ? "0" : Math.round(e).toLocaleString(), L = (e) => e == null ? "0%" : `${(e * 100).toFixed(1)}%`, V = (e) => e == null ? "—" : e.toFixed(1), G = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", S = _(() => x.value === "search_console"), I = _(() => n.value.length === 0 ? 1 : S.value ? Math.max(...n.value.map((e) => e.clicks || 0)) : Math.max(...n.value.map((e) => e.sessions || 0))), Q = _(() => x.value === "search_console" ? "Search Keywords (Search Console)" : x.value === "organic_landing_pages" ? "Top Organic Landing Pages" : "Search Terms & Keywords"), q = _(() => {
+    const b = (e) => e == null ? "0" : Math.round(e).toLocaleString(), L = (e) => e == null ? "0%" : `${(e * 100).toFixed(1)}%`, I = (e) => e == null ? "—" : e.toFixed(1), Q = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", S = _(() => x.value === "search_console"), q = _(() => n.value.length === 0 ? 1 : S.value ? Math.max(...n.value.map((e) => e.clicks || 0)) : Math.max(...n.value.map((e) => e.sessions || 0))), K = _(() => x.value === "search_console" ? "Search Keywords (Search Console)" : x.value === "organic_landing_pages" ? "Top Organic Landing Pages" : "Search Terms & Keywords"), B = _(() => {
       const { startDate: e, endDate: t } = p.resolvedArgs || {};
       if (!e && !t) return "Last 30 days";
       const c = e || "30daysAgo", a = c.match(/^(\d+)daysAgo$/);
       return a ? `Last ${a[1]} days` : `${c} → ${t || "today"}`;
     });
     return (e, t) => {
-      const c = J("NuxtLink");
+      const c = X("NuxtLink");
       return u(), m("div", ie, [
         s(v) ? (u(), m("div", le, [
-          l(s(ee), { class: "size-4 animate-spin text-muted-foreground" }),
+          l(s(te), { class: "size-4 animate-spin text-muted-foreground" }),
           t[0] || (t[0] = o("span", { class: "text-xs text-muted-foreground" }, "Loading search data…", -1))
-        ])) : s(h) ? (u(), m("div", ce, i(s(h)), 1)) : s(n).length === 0 ? (u(), m("div", de, [
-          l(s(z), { class: "size-8 text-muted-foreground mx-auto" }),
+        ])) : s(f) ? (u(), m("div", ce, i(s(f)), 1)) : s(n).length === 0 ? (u(), m("div", de, [
+          l(s(C), { class: "size-8 text-muted-foreground mx-auto" }),
           t[1] || (t[1] = o("p", { class: "text-sm text-muted-foreground" }, "No search data found for this period.", -1))
         ])) : (u(), m("div", ue, [
           o("div", me, [
             o("div", ge, [
-              l(s(z), { class: "size-3.5 text-primary" }),
-              o("span", pe, i(s(Q)), 1)
+              l(s(C), { class: "size-3.5 text-primary" }),
+              o("span", pe, i(s(K)), 1)
             ]),
-            o("span", fe, i(s(q)), 1)
+            o("span", he, i(s(B)), 1)
           ]),
-          o("div", he, [
-            (u(!0), m(C, null, W(s(n), (a, d) => (u(), m("div", {
+          o("div", fe, [
+            (u(!0), m(A, null, Y(s(n), (a, d) => (u(), m("div", {
               key: d,
               class: "px-3 py-2.5 hover:bg-muted/30 transition-colors"
             }, [
               o("div", xe, [
                 o("span", _e, i(d + 1) + ".", 1),
-                o("span", ve, i(U(a)), 1)
+                o("span", ve, i(E(a)), 1)
               ]),
               o("div", ye, [
                 o("div", be, [
                   o("div", {
                     class: "h-full rounded-full bg-amber-500/70 transition-all",
-                    style: X({ width: `${((s(S) ? a.clicks : a.sessions) || 0) / s(I) * 100}%` })
+                    style: Z({ width: `${((s(S) ? a.clicks : a.sessions) || 0) / s(q) * 100}%` })
                   }, null, 4)
                 ]),
                 s(S) ? (u(), m("div", ke, [
                   o("span", Se, [
-                    l(s(A), { class: "size-2.5" }),
+                    l(s(z), { class: "size-2.5" }),
                     g(" " + i(b(a.clicks)) + " clicks ", 1)
                   ]),
-                  o("span", Te, [
-                    l(s(se), { class: "size-2.5" }),
+                  o("span", $e, [
+                    l(s(oe), { class: "size-2.5" }),
                     g(" " + i(b(a.impressions)) + " impr. ", 1)
                   ]),
-                  o("span", $e, [
+                  o("span", Te, [
                     l(s(N), { class: "size-2.5" }),
                     g(" " + i(L(a.ctr)) + " CTR ", 1)
                   ]),
                   o("span", we, [
-                    l(s(te), { class: "size-2.5" }),
-                    g(" pos " + i(V(a.position)), 1)
+                    l(s(ne), { class: "size-2.5" }),
+                    g(" pos " + i(I(a.position)), 1)
                   ])
                 ])) : (u(), m("div", Le, [
-                  o("span", Ce, [
-                    l(s(A), { class: "size-2.5" }),
+                  o("span", Ae, [
+                    l(s(z), { class: "size-2.5" }),
                     g(" " + i(b(a.sessions)) + " sessions ", 1)
                   ]),
-                  o("span", ze, [
-                    l(s(oe), { class: "size-2.5" }),
+                  o("span", Ce, [
+                    l(s(ae), { class: "size-2.5" }),
                     g(" " + i(b(a.totalUsers)) + " users ", 1)
                   ]),
-                  o("span", Ae, [
+                  o("span", ze, [
                     l(s(N), { class: "size-2.5" }),
                     g(" " + i(L(a.engagementRate)) + " engaged ", 1)
                   ])
@@ -177,16 +176,16 @@ const ie = { class: "w-full" }, le = {
           o("div", Ne, [
             o("span", De, [
               g(i(s(n).length) + " result" + i(s(n).length === 1 ? "" : "s") + " ", 1),
-              s(y) ? (u(), m(C, { key: 0 }, [
-                g(" · fetched " + i(G(s(y))), 1)
-              ], 64)) : Y("", !0)
+              s(y) ? (u(), m(A, { key: 0 }, [
+                g(" · fetched " + i(Q(s(y))), 1)
+              ], 64)) : ee("", !0)
             ]),
             l(c, {
-              to: `/projects/${s(M)}/modules/${T.instanceId}`,
+              to: `/projects/${s(U)}/modules/${$.instanceId}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
-              default: Z(() => [
-                l(s(ne), { class: "size-3" }),
+              default: se(() => [
+                l(s(re), { class: "size-3" }),
                 t[2] || (t[2] = g(" View full report ", -1))
               ]),
               _: 1
@@ -198,5 +197,5 @@ const ie = { class: "w-full" }, le = {
   }
 });
 export {
-  Re as default
+  Me as default
 };

package/dist/TopPagesCard-BDeA997A.js

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

package/dist/{TopPagesCard-D7lH_QYV.mjs → TopPagesCard-CTozhOr_.mjs}

@@ -1,6 +1,5 @@
-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";
-import { useRoute as W, useModuleApi as X } from "@oneclick.dev/cms-kit";
+import { defineComponent as F, computed as w, ref as f, onMounted as B, resolveComponent as R, openBlock as d, createElementBlock as u, unref as s, createVNode as c, createElementVNode as a, toDisplayString as i, Fragment as P, renderList as O, normalizeStyle as q, createTextVNode as g, createCommentVNode as G, withCtx as H } from "vue";
+import { Loader2 as J, FileText as S, Eye as K, Users as Q, Clock as W, ExternalLink as X } from "lucide-vue-next";
 const Y = { class: "w-full" }, Z = {
   key: 0,
   class: "flex items-center gap-2 py-3"
@@ -13,7 +12,7 @@ const Y = { class: "w-full" }, Z = {
 }, se = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, ae = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, oe = { class: "flex items-center gap-2" }, ne = { class: "text-[10px] text-muted-foreground" }, re = { class: "divide-y" }, ie = { class: "flex items-center gap-2 mb-1.5" }, le = { class: "text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0" }, de = ["title"], ce = { class: "ml-7 space-y-1.5" }, ue = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, me = { class: "flex items-center gap-3 text-[10px] text-muted-foreground" }, ge = { class: "flex items-center gap-1" }, pe = { 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" }, ve = { class: "text-[10px] text-muted-foreground" }, we = /* @__PURE__ */ U({
+}, ae = { 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 = { class: "divide-y" }, ie = { class: "flex items-center gap-2 mb-1.5" }, le = { class: "text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0" }, de = ["title"], ue = { class: "ml-7 space-y-1.5" }, ce = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, me = { class: "flex items-center gap-3 text-[10px] text-muted-foreground" }, ge = { class: "flex items-center gap-1" }, pe = { 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" }, ve = { class: "text-[10px] text-muted-foreground" }, ye = /* @__PURE__ */ F({
   __name: "TopPagesCard",
   props: {
     toolName: {},
@@ -24,29 +23,29 @@ const Y = { class: "w-full" }, Z = {
     status: {}
   },
   emits: ["submit"],
-  setup(b, { emit: L }) {
-    const m = b, $ = L, V = W(), A = w(() => V.params.slug), N = X(m.instanceId), x = f(!0), p = f(null), r = f([]), v = f(0), h = f(null);
-    function C() {
+  setup(b, { emit: $ }) {
+    const { $useRoute: L, $useModuleApi: A } = useNuxtApp(), m = b, N = $, V = L(), C = w(() => V.params.slug), M = A(m.instanceId), x = f(!0), p = f(null), r = f([]), v = f(0), h = f(null);
+    function T() {
       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)
+        averageSessionDuration: z(t.avgDuration)
       })) || [], v.value = e.totalPagesTracked || r.value.length, h.value = m.resolvedArgs._fetchedAt || null, x.value = !1, !0) : !1;
     }
-    function M(e) {
+    function z(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() {
+    async function I() {
       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()}`);
+        const l = await M.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,
@@ -63,41 +62,41 @@ const Y = { class: "w-full" }, Z = {
         x.value = !1;
       }
     }
-    j(() => {
-      m.status === "completed" && C() || T();
+    B(() => {
+      m.status === "completed" && T() || I();
     });
     function k(e) {
-      m.status !== "completed" && $("submit", e);
+      m.status !== "completed" && N("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(() => {
+    }, y = (e) => e == null ? "0" : e.toLocaleString(), E = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", U = w(() => r.value.length === 0 ? 1 : Math.max(...r.value.map((e) => e.screenPageViews || 0))), j = 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", Y, [
-        s(x) ? (d(), c("div", Z, [
-          u(s(G), { class: "size-4 animate-spin text-muted-foreground" }),
+      const n = R("NuxtLink");
+      return d(), u("div", Y, [
+        s(x) ? (d(), u("div", Z, [
+          c(s(J), { 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", ee, i(s(p)), 1)) : s(r).length === 0 ? (d(), c("div", te, [
-          u(s(S), { class: "size-8 text-muted-foreground mx-auto mb-2" }),
+        ])) : s(p) ? (d(), u("div", ee, i(s(p)), 1)) : s(r).length === 0 ? (d(), u("div", te, [
+          c(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", se, [
+        ])) : (d(), u("div", se, [
           a("div", ae, [
             a("div", oe, [
-              u(s(S), { class: "size-3.5 text-primary" }),
+              c(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", ne, i(s(E)), 1)
+            a("span", ne, i(s(j)), 1)
           ]),
           a("div", re, [
-            (d(!0), c(P, null, B(s(r), (o, l) => (d(), c("div", {
+            (d(!0), u(P, null, O(s(r), (o, l) => (d(), u("div", {
               key: l,
               class: "px-3 py-2.5 hover:bg-muted/30 transition-colors"
             }, [
@@ -108,24 +107,24 @@ const Y = { class: "w-full" }, Z = {
                   title: o.pagePath
                 }, i(o.pagePath), 9, de)
               ]),
-              a("div", ce, [
-                a("div", ue, [
+              a("div", ue, [
+                a("div", ce, [
                   a("div", {
                     class: "h-full rounded-full bg-primary/70 transition-all",
-                    style: R({ width: `${(o.screenPageViews || 0) / s(I) * 100}%` })
+                    style: q({ width: `${(o.screenPageViews || 0) / s(U) * 100}%` })
                   }, null, 4)
                 ]),
                 a("div", me, [
                   a("span", ge, [
-                    u(s(H), { class: "size-2.5" }),
+                    c(s(K), { class: "size-2.5" }),
                     g(" " + i(y(o.screenPageViews)) + " views ", 1)
                   ]),
                   a("span", pe, [
-                    u(s(J), { class: "size-2.5" }),
+                    c(s(Q), { class: "size-2.5" }),
                     g(" " + i(y(o.totalUsers)) + " users ", 1)
                   ]),
                   a("span", fe, [
-                    u(s(K), { class: "size-2.5" }),
+                    c(s(W), { class: "size-2.5" }),
                     g(" " + i(D(o.averageSessionDuration)), 1)
                   ])
                 ])
@@ -135,16 +134,16 @@ const Y = { class: "w-full" }, Z = {
           a("div", xe, [
             a("span", ve, [
               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)
+              s(h) ? (d(), u(P, { key: 0 }, [
+                g(" · fetched " + i(E(s(h))), 1)
+              ], 64)) : G("", !0)
             ]),
-            u(n, {
-              to: `/projects/${s(A)}/modules/${b.instanceId}`,
+            c(n, {
+              to: `/projects/${s(C)}/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" }),
+              default: H(() => [
+                c(s(X), { class: "size-3" }),
                 t[3] || (t[3] = g(" View full report ", -1))
               ]),
               _: 1
@@ -156,5 +155,5 @@ const Y = { class: "w-full" }, Z = {
   }
 });
 export {
-  we as default
+  ye as default
 };