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

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

@@ -1,21 +1,21 @@
-import { defineComponent as R, computed as j, ref as m, onMounted as C, resolveComponent as S, openBlock as i, createElementBlock as n, unref as a, createVNode as o, createElementVNode as e, toDisplayString as r, Fragment as P, renderList as V, createCommentVNode as _, withCtx as D, createTextVNode as E } from "vue";
+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" }, $ = {
+const T = { class: "w-full" }, B = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, B = {
+}, O = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, O = {
+}, q = {
   key: 2,
   class: "rounded-xl border bg-background overflow-hidden"
-}, q = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, G = { class: "flex items-center gap-2" }, H = { class: "px-3 py-4 text-center" }, J = { class: "flex items-center justify-center gap-2 mb-1" }, K = { class: "text-3xl font-bold" }, Q = { class: "text-xs text-muted-foreground" }, W = {
+}, 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 = {
   key: 0,
   class: "border-t"
-}, X = { class: "divide-y" }, Y = ["title"], Z = { class: "flex items-center gap-1 text-[10px] text-muted-foreground shrink-0 ml-2" }, ee = { class: "font-medium" }, te = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, se = {
+}, 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 = {
   key: 0,
   class: "text-[10px] text-muted-foreground"
-}, ne = /* @__PURE__ */ R({
+}, re = /* @__PURE__ */ j({
   __name: "RealtimeCard",
   props: {
     toolName: {},
@@ -27,19 +27,19 @@ const T = { class: "w-full" }, $ = {
   },
   emits: ["submit"],
   setup(v, { emit: y }) {
-    const l = v, b = y, w = useRoute(), k = j(() => w.params.slug), N = useModuleApi(l.instanceId), p = m(!0), d = m(null), c = m(0), u = m([]), f = m(null);
+    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 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 z() {
       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 A.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,
@@ -52,23 +52,23 @@ const T = { class: "w-full" }, $ = {
         p.value = !1;
       }
     }
-    C(() => {
-      l.status === "completed" && U() || A();
+    S(() => {
+      l.status === "completed" && U() || z();
     });
     function g(s) {
-      l.status !== "completed" && b("submit", s);
+      l.status !== "completed" && w("submit", s);
     }
-    const z = (s) => s ? new Date(s).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "";
+    const L = (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 i(), n("div", T, [
-        a(p) ? (i(), n("div", $, [
-          o(a(F), { class: "size-4 animate-spin text-muted-foreground" }),
+      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" }),
           t[0] || (t[0] = e("span", { class: "text-xs text-muted-foreground" }, "Loading realtime data…", -1))
-        ])) : a(d) ? (i(), n("div", B, r(a(d)), 1)) : (i(), n("div", O, [
-          e("div", q, [
-            e("div", G, [
-              o(a(I), { class: "size-3.5 text-emerald-500" }),
+        ])) : 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" }),
               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,41 +76,41 @@ const T = { class: "w-full" }, $ = {
               e("span", { class: "relative inline-flex rounded-full size-2 bg-emerald-500" })
             ], -1))
           ]),
-          e("div", H, [
-            e("div", J, [
-              o(a(h), { class: "size-5 text-primary" }),
-              e("span", K, r(a(c)), 1)
+          e("div", J, [
+            e("div", K, [
+              i(a(h), { class: "size-5 text-primary" }),
+              e("span", Q, r(a(c)), 1)
             ]),
-            e("p", Q, "active " + r(a(c) === 1 ? "user" : "users") + " right now", 1)
+            e("p", W, "active " + r(a(c) === 1 ? "user" : "users") + " right now", 1)
           ]),
-          a(u).length > 0 ? (i(), n("div", W, [
+          a(u).length > 0 ? (o(), n("div", X, [
             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", X, [
-              (i(!0), n(P, null, V(a(u), (x) => (i(), n("div", {
-                key: x.page,
+            e("div", Y, [
+              (o(!0), n(P, null, V(a(u), (f) => (o(), n("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, Y),
-                e("div", Z, [
-                  o(a(h), { class: "size-2.5" }),
-                  e("span", ee, r(x.activeUsers), 1)
+                  title: f.page
+                }, r(f.page), 9, Z),
+                e("div", ee, [
+                  i(a(h), { class: "size-2.5" }),
+                  e("span", te, r(f.activeUsers), 1)
                 ])
               ]))), 128))
             ])
           ])) : _("", !0),
-          e("div", te, [
-            a(f) ? (i(), n("span", se, " Fetched " + r(z(a(f))), 1)) : _("", !0),
-            o(L, {
-              to: `/projects/${a(k)}/modules/${v.instanceId}`,
+          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}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
               default: D(() => [
-                o(a(M), { class: "size-3" }),
+                i(a(M), { class: "size-3" }),
                 t[4] || (t[4] = E(" View full report ", -1))
               ]),
               _: 1
@@ -122,5 +122,5 @@ const T = { class: "w-full" }, $ = {
   }
 });
 export {
-  ne as default
+  re as default
 };

package/dist/{SearchTermsCard-Dwa-P7My.mjs → SearchTermsCard-BVHFHWUZ.mjs}

@@ -1,24 +1,24 @@
-import { defineComponent as O, computed as _, ref as h, 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";
-const ae = { class: "w-full" }, re = {
+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 = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, ie = {
+}, le = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, le = {
+}, ce = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center space-y-2"
-}, ce = {
+}, de = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, de = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, ue = { class: "flex items-center gap-2" }, me = { class: "text-xs font-medium" }, ge = { class: "text-[10px] text-muted-foreground" }, pe = { class: "divide-y" }, he = { class: "flex items-center gap-2 mb-1.5" }, fe = { class: "text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0" }, xe = { class: "text-xs font-medium truncate flex-1" }, _e = { class: "ml-7 space-y-1.5" }, ve = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, ye = {
+}, 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 = {
   key: 0,
   class: "flex items-center gap-3 text-[10px] text-muted-foreground"
-}, be = { class: "flex items-center gap-1" }, ke = { class: "flex items-center gap-1" }, Se = { class: "flex items-center gap-1" }, Te = { class: "flex items-center gap-1" }, $e = {
+}, 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 = {
   key: 1,
   class: "flex items-center gap-3 text-[10px] text-muted-foreground"
-}, we = { class: "flex items-center gap-1" }, Le = { 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" }, Ae = { class: "text-[10px] text-muted-foreground" }, Fe = /* @__PURE__ */ O({
+}, 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({
   __name: "SearchTermsCard",
   props: {
     toolName: {},
@@ -29,9 +29,9 @@ const ae = { class: "w-full" }, re = {
     status: {}
   },
   emits: ["submit"],
-  setup(T, { emit: D }) {
-    const p = T, F = D, P = useRoute(), M = _(() => P.params.slug), R = useModuleApi(p.instanceId), v = h(!0), f = h(null), n = h([]), $ = h(0), y = h(null), x = h("google_ads"), U = (e) => e.label || e.query || e.sessionGoogleAdsQuery || e.landingPagePlusQueryString || "—";
-    function j() {
+  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 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,
@@ -44,15 +44,15 @@ const ae = { class: "w-full" }, re = {
         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 V() {
       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 R.get(`/content/search-terms?${c.toString()}`), d = a.source || "google_ads";
+        const a = await U.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,
@@ -65,8 +65,8 @@ const ae = { class: "w-full" }, re = {
             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}.`;
@@ -86,7 +86,7 @@ const ae = { class: "w-full" }, re = {
           count: n.value.length,
           source: d,
           searchTerms: B,
-          suggestion: K()
+          suggestion: O()
         });
       } catch (c) {
         f.value = c?.data?.statusMessage || c?.message || "Failed to load search data", w(`Error loading search data: ${f.value}`);
@@ -94,75 +94,75 @@ const ae = { class: "w-full" }, re = {
         v.value = !1;
       }
     }
-    H(() => {
-      p.status === "completed" && j() || E();
+    J(() => {
+      p.status === "completed" && E() || V();
     });
     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)}%`, 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 { 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");
-      return u(), m("div", ae, [
-        s(v) ? (u(), m("div", re, [
-          l(s(ee), { class: "size-4 animate-spin text-muted-foreground" }),
+      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" }),
           t[0] || (t[0] = o("span", { class: "text-xs text-muted-foreground" }, "Loading search data…", -1))
-        ])) : s(f) ? (u(), m("div", ie, i(s(f)), 1)) : s(n).length === 0 ? (u(), m("div", le, [
-          l(s(z), { class: "size-8 text-muted-foreground mx-auto" }),
+        ])) : s(f) ? (u(), m("div", le, i(s(f)), 1)) : s(n).length === 0 ? (u(), m("div", ce, [
+          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", ce, [
-          o("div", de, [
-            o("div", ue, [
-              l(s(z), { class: "size-3.5 text-primary" }),
-              o("span", me, i(s(Q)), 1)
+        ])) : (u(), m("div", de, [
+          o("div", ue, [
+            o("div", me, [
+              l(s(C), { class: "size-3.5 text-primary" }),
+              o("span", ge, i(s(q)), 1)
             ]),
-            o("span", ge, i(s(q)), 1)
+            o("span", pe, i(s(K)), 1)
           ]),
-          o("div", pe, [
-            (u(!0), m(C, null, W(s(n), (a, d) => (u(), m("div", {
+          o("div", he, [
+            (u(!0), m(A, null, X(s(n), (a, d) => (u(), m("div", {
               key: d,
               class: "px-3 py-2.5 hover:bg-muted/30 transition-colors"
             }, [
-              o("div", he, [
-                o("span", fe, i(d + 1) + ".", 1),
-                o("span", xe, i(U(a)), 1)
+              o("div", fe, [
+                o("span", xe, i(d + 1) + ".", 1),
+                o("span", _e, i(j(a)), 1)
               ]),
-              o("div", _e, [
-                o("div", ve, [
+              o("div", ve, [
+                o("div", ye, [
                   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: Y({ width: `${((s(S) ? a.clicks : a.sessions) || 0) / s(Q) * 100}%` })
                   }, null, 4)
                 ]),
-                s(S) ? (u(), m("div", ye, [
-                  o("span", be, [
-                    l(s(A), { class: "size-2.5" }),
+                s(S) ? (u(), m("div", be, [
+                  o("span", ke, [
+                    l(s(z), { class: "size-2.5" }),
                     g(" " + i(b(a.clicks)) + " clicks ", 1)
                   ]),
-                  o("span", ke, [
-                    l(s(se), { class: "size-2.5" }),
+                  o("span", Se, [
+                    l(s(te), { class: "size-2.5" }),
                     g(" " + i(b(a.impressions)) + " impr. ", 1)
                   ]),
-                  o("span", Se, [
+                  o("span", $e, [
                     l(s(N), { class: "size-2.5" }),
                     g(" " + i(L(a.ctr)) + " CTR ", 1)
                   ]),
                   o("span", Te, [
-                    l(s(te), { class: "size-2.5" }),
-                    g(" pos " + i(V(a.position)), 1)
+                    l(s(oe), { class: "size-2.5" }),
+                    g(" pos " + i(G(a.position)), 1)
                   ])
-                ])) : (u(), m("div", $e, [
-                  o("span", we, [
-                    l(s(A), { class: "size-2.5" }),
+                ])) : (u(), m("div", we, [
+                  o("span", Le, [
+                    l(s(z), { class: "size-2.5" }),
                     g(" " + i(b(a.sessions)) + " sessions ", 1)
                   ]),
-                  o("span", Le, [
-                    l(s(oe), { class: "size-2.5" }),
+                  o("span", Ae, [
+                    l(s(ne), { class: "size-2.5" }),
                     g(" " + i(b(a.totalUsers)) + " users ", 1)
                   ]),
                   o("span", Ce, [
@@ -174,18 +174,18 @@ const ae = { class: "w-full" }, re = {
             ]))), 128))
           ]),
           o("div", ze, [
-            o("span", Ae, [
+            o("span", Ne, [
               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(I(s(y))), 1)
+              ], 64)) : Z("", !0)
             ]),
             l(c, {
-              to: `/projects/${s(M)}/modules/${T.instanceId}`,
+              to: `/projects/${s(R)}/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: ee(() => [
+                l(s(ae), { class: "size-3" }),
                 t[2] || (t[2] = g(" View full report ", -1))
               ]),
               _: 1
@@ -197,5 +197,5 @@ const ae = { class: "w-full" }, re = {
   }
 });
 export {
-  Fe as default
+  Pe as default
 };

package/dist/SearchTermsCard-DmyhGQVM.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"},P={key:0,class:"flex items-center gap-2 py-3"},R={key:1,class:"text-xs text-destructive py-2"},U={key:2,class:"rounded-xl border bg-background p-4 text-center space-y-2"},j={key:3,class:"rounded-xl border bg-background overflow-hidden"},q={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},G={class:"flex items-center gap-2"},I={class:"text-xs font-medium"},O={class:"text-[10px] text-muted-foreground"},Q={class:"divide-y"},K={class:"flex items-center gap-2 mb-1.5"},H={class:"text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0"},J={class:"text-xs font-medium truncate flex-1"},W={class:"ml-7 space-y-1.5"},X={class:"h-1.5 rounded-full bg-muted overflow-hidden"},Y={key:0,class:"flex items-center gap-3 text-[10px] text-muted-foreground"},Z={class:"flex items-center gap-1"},ee={class:"flex items-center gap-1"},te={class:"flex items-center gap-1"},se={class:"flex items-center gap-1"},oe={key:1,class:"flex items-center gap-3 text-[10px] text-muted-foreground"},ne={class:"flex items-center gap-1"},re={class:"flex items-center gap-1"},ae={class:"flex items-center gap-1"},ce={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},le={class:"text-[10px] text-muted-foreground"},ie=e.defineComponent({__name:"SearchTermsCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(x,{emit:N}){const{$useRoute:V,$useModuleOverlay:de}=useNuxtApp(),i=x,k=N,S=V(),b=e.computed(()=>S.params.slug),E=$useModuleApi(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"),T=t=>t.label||t.query||t.sessionGoogleAdsQuery||t.landingPagePlusQueryString||"—";function D(){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 B(){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 E.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 z=()=>{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}.`},F=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:F,suggestion:z()})}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"&&D()||B()});function v(t){i.status!=="completed"&&k("submit",t)}const p=t=>t==null?"0":Math.round(t).toLocaleString(),y=t=>t==null?"0%":`${(t*100).toFixed(1)}%`,$=t=>t==null?"—":t.toFixed(1),w=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"),C=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))),L=e.computed(()=>u.value==="search_console"?"Search Keywords (Search Console)":u.value==="organic_landing_pages"?"Top Organic Landing Pages":"Search Terms & Keywords"),A=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",P,[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",R,e.toDisplayString(e.unref(d)),1)):e.unref(o).length===0?(e.openBlock(),e.createElementBlock("div",U,[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",j,[e.createElementVNode("div",q,[e.createElementVNode("div",G,[e.createVNode(e.unref(c.Search),{class:"size-3.5 text-primary"}),e.createElementVNode("span",I,e.toDisplayString(e.unref(L)),1)]),e.createElementVNode("span",O,e.toDisplayString(e.unref(A)),1)]),e.createElementVNode("div",Q,[(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",K,[e.createElementVNode("span",H,e.toDisplayString(l+1)+".",1),e.createElementVNode("span",J,e.toDisplayString(T(n)),1)]),e.createElementVNode("div",W,[e.createElementVNode("div",X,[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(C)*100}%`})},null,4)]),e.unref(h)?(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("span",Z,[e.createVNode(e.unref(c.MousePointerClick),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.clicks))+" clicks ",1)]),e.createElementVNode("span",ee,[e.createVNode(e.unref(c.Eye),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.impressions))+" impr. ",1)]),e.createElementVNode("span",te,[e.createVNode(e.unref(c.TrendingUp),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(y(n.ctr))+" CTR ",1)]),e.createElementVNode("span",se,[e.createVNode(e.unref(c.Hash),{class:"size-2.5"}),e.createTextVNode(" pos "+e.toDisplayString($(n.position)),1)])])):(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("span",ne,[e.createVNode(e.unref(c.MousePointerClick),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.sessions))+" sessions ",1)]),e.createElementVNode("span",re,[e.createVNode(e.unref(c.Users),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.totalUsers))+" users ",1)]),e.createElementVNode("span",ae,[e.createVNode(e.unref(c.TrendingUp),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(y(n.engagementRate))+" engaged ",1)])]))])]))),128))]),e.createElementVNode("div",ce,[e.createElementVNode("span",le,[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(w(e.unref(g))),1)],64)):e.createCommentVNode("",!0)]),e.createVNode(a,{to:`/projects/${e.unref(b)}/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=ie;

package/dist/{TopPagesCard-Dv52to_J.mjs → TopPagesCard-CRIa3rSZ.mjs}

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