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

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

@@ -1,22 +1,21 @@
-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 { 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";
-import { useRoute as T, useModuleApi as $ } from "@oneclick.dev/cms-kit";
-const B = { class: "w-full" }, O = {
+const T = { class: "w-full" }, B = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, q = {
+}, O = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, G = {
+}, q = {
   key: 2,
   class: "rounded-xl border bg-background overflow-hidden"
-}, 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 = {
+}, 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"
-}, 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 = {
+}, 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"
-}, le = /* @__PURE__ */ R({
+}, re = /* @__PURE__ */ j({
   __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);
+    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,
@@ -53,23 +52,23 @@ const B = { class: "w-full" }, O = {
         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 o(), i("div", B, [
-        a(p) ? (o(), i("div", O, [
-          n(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) ? (o(), i("div", q, r(a(d)), 1)) : (o(), i("div", G, [
-          e("div", H, [
-            e("div", J, [
-              n(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" }, [
@@ -77,41 +76,41 @@ const B = { class: "w-full" }, O = {
               e("span", { class: "relative inline-flex rounded-full size-2 bg-emerald-500" })
             ], -1))
           ]),
-          e("div", K, [
-            e("div", Q, [
-              n(a(h), { class: "size-5 text-primary" }),
-              e("span", W, 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", X, "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 ? (o(), i("div", Y, [
+          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", Z, [
-              (o(!0), i(P, null, V(a(u), (x) => (o(), i("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, ee),
-                e("div", te, [
-                  n(a(h), { class: "size-2.5" }),
-                  e("span", se, 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", ae, [
-            a(f) ? (o(), i("span", oe, " Fetched " + r(z(a(f))), 1)) : _("", !0),
-            n(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(() => [
-                n(a(M), { class: "size-3" }),
+                i(a(M), { class: "size-3" }),
                 t[4] || (t[4] = E(" View full report ", -1))
               ]),
               _: 1
@@ -123,5 +122,5 @@ const B = { class: "w-full" }, O = {
   }
 });
 export {
-  le as default
+  re as default
 };

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

@@ -1,25 +1,24 @@
-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";
-const ie = { class: "w-full" }, le = {
+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"
-}, ce = {
+}, le = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, de = {
+}, ce = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center space-y-2"
-}, ue = {
+}, de = {
   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 = {
+}, 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"
-}, 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 = {
+}, 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"
-}, 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({
+}, 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: {},
@@ -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, $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,
@@ -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 V() {
       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 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,
@@ -66,8 +65,8 @@ 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}.`;
@@ -87,86 +86,86 @@ const ie = { class: "w-full" }, le = {
           count: n.value.length,
           source: d,
           searchTerms: B,
-          suggestion: K()
+          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();
+    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", ie, [
-        s(v) ? (u(), m("div", le, [
-          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(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", 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", ue, [
-          o("div", me, [
-            o("div", ge, [
-              l(s(z), { class: "size-3.5 text-primary" }),
-              o("span", pe, 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", fe, i(s(q)), 1)
+            o("span", pe, i(s(K)), 1)
           ]),
           o("div", he, [
-            (u(!0), m(C, null, W(s(n), (a, d) => (u(), m("div", {
+            (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", xe, [
-                o("span", _e, i(d + 1) + ".", 1),
-                o("span", ve, i(U(a)), 1)
+              o("div", fe, [
+                o("span", xe, i(d + 1) + ".", 1),
+                o("span", _e, i(j(a)), 1)
               ]),
-              o("div", ye, [
-                o("div", be, [
+              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", ke, [
-                  o("span", Se, [
-                    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", Te, [
-                    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", $e, [
                     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)
+                  o("span", Te, [
+                    l(s(oe), { class: "size-2.5" }),
+                    g(" pos " + i(G(a.position)), 1)
                   ])
-                ])) : (u(), m("div", Le, [
-                  o("span", Ce, [
-                    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", ze, [
-                    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", Ae, [
+                  o("span", Ce, [
                     l(s(N), { class: "size-2.5" }),
                     g(" " + i(L(a.engagementRate)) + " engaged ", 1)
                   ])
@@ -174,19 +173,19 @@ const ie = { class: "w-full" }, le = {
               ])
             ]))), 128))
           ]),
-          o("div", Ne, [
-            o("span", De, [
+          o("div", ze, [
+            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
@@ -198,5 +197,5 @@ const ie = { class: "w-full" }, le = {
   }
 });
 export {
-  Re 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;