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

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

@@ -1,21 +1,21 @@
-import { defineComponent as j, computed as C, ref as m, onMounted as S, resolveComponent as $, openBlock as o, createElementBlock as n, unref as a, createVNode as i, 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";
-const T = { class: "w-full" }, B = {
+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"
-}, O = {
+}, q = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, q = {
+}, G = {
   key: 2,
   class: "rounded-xl border bg-background overflow-hidden"
-}, G = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, H = { class: "flex items-center gap-2" }, J = { class: "px-3 py-4 text-center" }, K = { class: "flex items-center justify-center gap-2 mb-1" }, Q = { class: "text-3xl font-bold" }, W = { class: "text-xs text-muted-foreground" }, X = {
+}, 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"
-}, Y = { class: "divide-y" }, Z = ["title"], ee = { class: "flex items-center gap-1 text-[10px] text-muted-foreground shrink-0 ml-2" }, te = { class: "font-medium" }, se = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, ae = {
+}, 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"
-}, re = /* @__PURE__ */ j({
+}, re = /* @__PURE__ */ C({
   __name: "RealtimeCard",
   props: {
     toolName: {},
@@ -27,18 +27,18 @@ const T = { class: "w-full" }, B = {
   },
   emits: ["submit"],
   setup(v, { emit: y }) {
-    const { $useRoute: b, $useModuleOverlay: oe } = useNuxtApp(), l = v, w = y, k = b(), N = C(() => k.params.slug), A = $useModuleApi(l.instanceId), p = m(!0), d = m(null), c = m(0), u = m([]), x = 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
       })), x.value = l.resolvedArgs._fetchedAt || null, p.value = !1, !0) : !1;
     }
-    async function z() {
+    async function L() {
       p.value = !0, d.value = null;
       try {
-        const s = await A.get("/realtime");
+        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) => ({
@@ -52,23 +52,23 @@ const T = { class: "w-full" }, B = {
         p.value = !1;
       }
     }
-    S(() => {
-      l.status === "completed" && U() || z();
+    P(() => {
+      l.status === "completed" && z() || L();
     });
     function g(s) {
-      l.status !== "completed" && w("submit", s);
+      l.status !== "completed" && k("submit", s);
     }
-    const L = (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 R = $("NuxtLink");
-      return o(), n("div", T, [
-        a(p) ? (o(), n("div", B, [
-          i(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(), n("div", O, r(a(d)), 1)) : (o(), n("div", q, [
-          e("div", G, [
-            e("div", H, [
-              i(a(I), { class: "size-3.5 text-emerald-500" }),
+        ])) : a(d) ? (n(), o("div", q, r(a(d)), 1)) : (n(), o("div", G, [
+          e("div", H, [
+            e("div", J, [
+              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" }, [
@@ -76,42 +76,42 @@ const T = { class: "w-full" }, B = {
               e("span", { class: "relative inline-flex rounded-full size-2 bg-emerald-500" })
             ], -1))
           ]),
-          e("div", J, [
-            e("div", K, [
+          e("div", K, [
+            e("div", Q, [
               i(a(h), { class: "size-5 text-primary" }),
-              e("span", Q, r(a(c)), 1)
+              e("span", W, r(a(c)), 1)
             ]),
-            e("p", W, "active " + r(a(c) === 1 ? "user" : "users") + " right now", 1)
+            e("p", X, "active " + r(a(c) === 1 ? "user" : "users") + " right now", 1)
           ]),
-          a(u).length > 0 ? (o(), n("div", X, [
+          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", Y, [
-              (o(!0), n(P, null, V(a(u), (f) => (o(), n("div", {
+            e("div", Z, [
+              (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: f.page
-                }, r(f.page), 9, Z),
-                e("div", ee, [
+                }, r(f.page), 9, ee),
+                e("div", te, [
                   i(a(h), { class: "size-2.5" }),
-                  e("span", te, r(f.activeUsers), 1)
+                  e("span", se, r(f.activeUsers), 1)
                 ])
               ]))), 128))
             ])
           ])) : _("", !0),
-          e("div", se, [
-            a(x) ? (o(), n("span", ae, " Fetched " + r(L(a(x))), 1)) : _("", !0),
-            i(R, {
-              to: `/projects/${a(N)}/modules/${v.instanceId}`,
+          e("div", ae, [
+            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(() => [
-                i(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"])

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-BVHFHWUZ.mjs → SearchTermsCard-BzVrHKqQ.mjs}

@@ -1,24 +1,24 @@
-import { defineComponent as H, computed as _, ref as h, onMounted as J, resolveComponent as W, openBlock as u, createElementBlock as m, unref as s, createVNode as l, createElementVNode as o, toDisplayString as i, Fragment as A, renderList as X, normalizeStyle as Y, createTextVNode as g, createCommentVNode as Z, withCtx as ee } from "vue";
-import { Loader2 as se, Search as C, MousePointerClick as z, Eye as te, TrendingUp as N, Hash as oe, Users as ne, ExternalLink as ae } from "lucide-vue-next";
-const re = { class: "w-full" }, ie = {
+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"
-}, le = {
+}, ce = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, ce = {
+}, de = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center space-y-2"
-}, de = {
+}, ue = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, ue = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, me = { class: "flex items-center gap-2" }, ge = { class: "text-xs font-medium" }, pe = { class: "text-[10px] text-muted-foreground" }, he = { class: "divide-y" }, fe = { class: "flex items-center gap-2 mb-1.5" }, xe = { class: "text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0" }, _e = { class: "text-xs font-medium truncate flex-1" }, ve = { class: "ml-7 space-y-1.5" }, ye = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, be = {
+}, 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"
-}, ke = { class: "flex items-center gap-1" }, Se = { class: "flex items-center gap-1" }, $e = { class: "flex items-center gap-1" }, Te = { class: "flex items-center gap-1" }, we = {
+}, 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"
-}, Le = { class: "flex items-center gap-1" }, Ae = { class: "flex items-center gap-1" }, Ce = { class: "flex items-center gap-1" }, ze = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, Ne = { class: "text-[10px] text-muted-foreground" }, Pe = /* @__PURE__ */ H({
+}, 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,8 +30,8 @@ const re = { class: "w-full" }, ie = {
   },
   emits: ["submit"],
   setup($, { emit: D }) {
-    const { $useRoute: F, $useModuleOverlay: De } = useNuxtApp(), p = $, M = D, P = F(), R = _(() => P.params.slug), U = $useModuleApi(p.instanceId), v = h(!0), f = h(null), n = h([]), T = h(0), y = h(null), x = h("google_ads"), j = (e) => e.label || e.query || e.sessionGoogleAdsQuery || e.landingPagePlusQueryString || "—";
-    function E() {
+    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,
@@ -46,13 +46,13 @@ const re = { class: "w-full" }, ie = {
         engagementRate: parseFloat(t.engagementRate) / 100
       })), T.value = e.count || n.value.length, y.value = p.resolvedArgs._fetchedAt || null, v.value = !1, !0) : !1;
     }
-    async function V() {
+    async function G() {
       const { startDate: e, endDate: t } = p.resolvedArgs || {};
       v.value = !0, f.value = null;
       try {
         const c = new URLSearchParams();
         e && c.set("startDate", e), t && c.set("endDate", t);
-        const a = await U.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,
@@ -70,7 +70,7 @@ const re = { class: "w-full" }, ie = {
           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,
@@ -85,7 +85,7 @@ const re = { class: "w-full" }, ie = {
         w({
           count: n.value.length,
           source: d,
-          searchTerms: B,
+          searchTerms: H,
           suggestion: O()
         });
       } catch (c) {
@@ -94,78 +94,78 @@ const re = { class: "w-full" }, ie = {
         v.value = !1;
       }
     }
-    J(() => {
-      p.status === "completed" && E() || V();
+    W(() => {
+      p.status === "completed" && V() || G();
     });
     function w(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)}%`, G = (e) => e == null ? "—" : e.toFixed(1), I = (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))), q = _(() => x.value === "search_console" ? "Search Keywords (Search Console)" : x.value === "organic_landing_pages" ? "Top Organic Landing Pages" : "Search Terms & Keywords"), K = _(() => {
+    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 = W("NuxtLink");
-      return u(), m("div", re, [
-        s(v) ? (u(), m("div", ie, [
-          l(s(se), { class: "size-4 animate-spin text-muted-foreground" }),
+      const c = X("NuxtLink");
+      return u(), m("div", ie, [
+        s(v) ? (u(), m("div", le, [
+          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(f) ? (u(), m("div", le, i(s(f)), 1)) : s(n).length === 0 ? (u(), m("div", ce, [
+        ])) : 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", de, [
-          o("div", ue, [
-            o("div", me, [
+        ])) : (u(), m("div", ue, [
+          o("div", me, [
+            o("div", ge, [
               l(s(C), { class: "size-3.5 text-primary" }),
-              o("span", ge, i(s(q)), 1)
+              o("span", pe, i(s(K)), 1)
             ]),
-            o("span", pe, i(s(K)), 1)
+            o("span", he, i(s(B)), 1)
           ]),
-          o("div", he, [
-            (u(!0), m(A, null, X(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", fe, [
-                o("span", xe, i(d + 1) + ".", 1),
-                o("span", _e, i(j(a)), 1)
+              o("div", xe, [
+                o("span", _e, i(d + 1) + ".", 1),
+                o("span", ve, i(E(a)), 1)
               ]),
-              o("div", ve, [
-                o("div", ye, [
+              o("div", ye, [
+                o("div", be, [
                   o("div", {
                     class: "h-full rounded-full bg-amber-500/70 transition-all",
-                    style: Y({ width: `${((s(S) ? a.clicks : a.sessions) || 0) / s(Q) * 100}%` })
+                    style: Z({ width: `${((s(S) ? a.clicks : a.sessions) || 0) / s(q) * 100}%` })
                   }, null, 4)
                 ]),
-                s(S) ? (u(), m("div", be, [
-                  o("span", ke, [
+                s(S) ? (u(), m("div", ke, [
+                  o("span", Se, [
                     l(s(z), { class: "size-2.5" }),
                     g(" " + i(b(a.clicks)) + " clicks ", 1)
                   ]),
-                  o("span", Se, [
-                    l(s(te), { 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", Te, [
-                    l(s(oe), { class: "size-2.5" }),
-                    g(" pos " + i(G(a.position)), 1)
+                  o("span", we, [
+                    l(s(ne), { class: "size-2.5" }),
+                    g(" pos " + i(I(a.position)), 1)
                   ])
-                ])) : (u(), m("div", we, [
-                  o("span", Le, [
+                ])) : (u(), m("div", Le, [
+                  o("span", Ae, [
                     l(s(z), { class: "size-2.5" }),
                     g(" " + i(b(a.sessions)) + " sessions ", 1)
                   ]),
-                  o("span", Ae, [
-                    l(s(ne), { class: "size-2.5" }),
+                  o("span", Ce, [
+                    l(s(ae), { class: "size-2.5" }),
                     g(" " + i(b(a.totalUsers)) + " users ", 1)
                   ]),
-                  o("span", Ce, [
+                  o("span", ze, [
                     l(s(N), { class: "size-2.5" }),
                     g(" " + i(L(a.engagementRate)) + " engaged ", 1)
                   ])
@@ -173,19 +173,19 @@ const re = { class: "w-full" }, ie = {
               ])
             ]))), 128))
           ]),
-          o("div", ze, [
-            o("span", Ne, [
+          o("div", Ne, [
+            o("span", De, [
               g(i(s(n).length) + " result" + i(s(n).length === 1 ? "" : "s") + " ", 1),
               s(y) ? (u(), m(A, { key: 0 }, [
-                g(" · fetched " + i(I(s(y))), 1)
-              ], 64)) : Z("", !0)
+                g(" · fetched " + i(Q(s(y))), 1)
+              ], 64)) : ee("", !0)
             ]),
             l(c, {
-              to: `/projects/${s(R)}/modules/${$.instanceId}`,
+              to: `/projects/${s(U)}/modules/${$.instanceId}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
-              default: ee(() => [
-                l(s(ae), { class: "size-3" }),
+              default: se(() => [
+                l(s(re), { class: "size-3" }),
                 t[2] || (t[2] = g(" View full report ", -1))
               ]),
               _: 1
@@ -197,5 +197,5 @@ const re = { class: "w-full" }, ie = {
   }
 });
 export {
-  Pe 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-CRIa3rSZ.mjs → TopPagesCard-CTozhOr_.mjs}

@@ -1,18 +1,18 @@
-import { defineComponent as j, computed as w, ref as f, onMounted as F, resolveComponent as B, 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 R, createTextVNode as g, createCommentVNode as q, withCtx as G } from "vue";
-import { Loader2 as H, FileText as $, Eye as J, Users as K, Clock as Q, ExternalLink as W } from "lucide-vue-next";
-const X = { class: "w-full" }, Y = {
+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"
-}, Z = {
+}, ee = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, ee = {
+}, te = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center"
-}, te = {
+}, se = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, se = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, ae = { class: "flex items-center gap-2" }, oe = { class: "text-[10px] text-muted-foreground" }, ne = { class: "divide-y" }, re = { class: "flex items-center gap-2 mb-1.5" }, ie = { class: "text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0" }, le = ["title"], de = { class: "ml-7 space-y-1.5" }, ue = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, ce = { class: "flex items-center gap-3 text-[10px] text-muted-foreground" }, me = { class: "flex items-center gap-1" }, ge = { class: "flex items-center gap-1" }, pe = { class: "flex items-center gap-1" }, fe = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, xe = { class: "text-[10px] text-muted-foreground" }, ye = /* @__PURE__ */ j({
+}, 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: {},
@@ -23,23 +23,23 @@ const X = { class: "w-full" }, Y = {
     status: {}
   },
   emits: ["submit"],
-  setup(b, { emit: S }) {
-    const { $useRoute: L, $useModuleOverlay: ve } = useNuxtApp(), m = b, A = S, N = L(), V = w(() => N.params.slug), M = $useModuleApi(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: T(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 T(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 z() {
+    async function I() {
       const { startDate: e, endDate: t, limit: n } = m.resolvedArgs || {};
       x.value = !0, p.value = null;
       try {
@@ -62,88 +62,88 @@ const X = { class: "w-full" }, Y = {
         x.value = !1;
       }
     }
-    F(() => {
-      m.status === "completed" && C() || z();
+    B(() => {
+      m.status === "completed" && T() || I();
     });
     function k(e) {
-      m.status !== "completed" && A("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(), I = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", E = w(() => r.value.length === 0 ? 1 : Math.max(...r.value.map((e) => e.screenPageViews || 0))), U = 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 = B("NuxtLink");
-      return d(), u("div", X, [
-        s(x) ? (d(), u("div", Y, [
-          c(s(H), { 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(), u("div", Z, i(s(p)), 1)) : s(r).length === 0 ? (d(), u("div", ee, [
-          c(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(), u("div", te, [
-          a("div", se, [
-            a("div", ae, [
-              c(s($), { class: "size-3.5 text-primary" }),
+        ])) : (d(), u("div", se, [
+          a("div", ae, [
+            a("div", oe, [
+              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", oe, i(s(U)), 1)
+            a("span", ne, i(s(j)), 1)
           ]),
-          a("div", ne, [
+          a("div", re, [
             (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"
             }, [
-              a("div", re, [
-                a("span", ie, i(l + 1) + ".", 1),
+              a("div", ie, [
+                a("span", le, i(l + 1) + ".", 1),
                 a("span", {
                   class: "text-xs font-medium truncate flex-1",
                   title: o.pagePath
-                }, i(o.pagePath), 9, le)
+                }, i(o.pagePath), 9, de)
               ]),
-              a("div", de, [
-                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(E) * 100}%` })
+                    style: q({ width: `${(o.screenPageViews || 0) / s(U) * 100}%` })
                   }, null, 4)
                 ]),
-                a("div", ce, [
-                  a("span", me, [
-                    c(s(J), { class: "size-2.5" }),
-                    g(" " + i(y(o.screenPageViews)) + " views ", 1)
-                  ]),
+                a("div", me, [
                   a("span", ge, [
                     c(s(K), { class: "size-2.5" }),
-                    g(" " + i(y(o.totalUsers)) + " users ", 1)
+                    g(" " + i(y(o.screenPageViews)) + " views ", 1)
                   ]),
                   a("span", pe, [
                     c(s(Q), { class: "size-2.5" }),
+                    g(" " + i(y(o.totalUsers)) + " users ", 1)
+                  ]),
+                  a("span", fe, [
+                    c(s(W), { class: "size-2.5" }),
                     g(" " + i(D(o.averageSessionDuration)), 1)
                   ])
                 ])
               ])
             ]))), 128))
           ]),
-          a("div", fe, [
-            a("span", xe, [
+          a("div", xe, [
+            a("span", ve, [
               g(" Top " + i(s(r).length) + " of " + i(y(s(v))) + " pages ", 1),
               s(h) ? (d(), u(P, { key: 0 }, [
-                g(" · fetched " + i(I(s(h))), 1)
-              ], 64)) : q("", !0)
+                g(" · fetched " + i(E(s(h))), 1)
+              ], 64)) : G("", !0)
             ]),
             c(n, {
-              to: `/projects/${s(V)}/modules/${b.instanceId}`,
+              to: `/projects/${s(C)}/modules/${b.instanceId}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
-              default: G(() => [
-                c(s(W), { class: "size-3" }),
+              default: H(() => [
+                c(s(X), { class: "size-3" }),
                 t[3] || (t[3] = g(" View full report ", -1))
               ]),
               _: 1