@oneclick.dev/cms-core-modules 0.0.106 → 0.0.107

package/dist/PeakHoursCard-CtgEP-ez.mjs

@@ -0,0 +1,157 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createStaticVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onMounted as d, openBlock as f, ref as p, renderList as m, resolveComponent as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { Clock as y, ExternalLink as b, Loader2 as x } from "@lucide/vue";
+//#region src/googleAnalytics/chat-components/PeakHoursCard.vue?vue&type=script&setup=true&lang.ts
+var ee = { class: "w-full" }, te = {
+	key: 0,
+	class: "flex items-center gap-2 py-3"
+}, ne = {
+	key: 1,
+	class: "text-xs text-destructive py-2"
+}, re = {
+	key: 2,
+	class: "rounded-xl border bg-background overflow-hidden"
+}, S = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, C = { class: "flex items-center gap-2" }, ie = { class: "text-[10px] text-muted-foreground" }, ae = {
+	key: 0,
+	class: "px-3 pt-3 pb-1"
+}, w = { class: "flex items-center gap-2 text-xs" }, T = { class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium" }, E = { class: "px-3 py-3" }, D = { class: "flex items-end gap-[2px] h-16" }, O = ["title"], k = {
+	key: 1,
+	class: "px-3 pb-3"
+}, A = { class: "space-y-[2px]" }, j = { class: "text-[8px] text-muted-foreground w-6 shrink-0 text-right" }, M = { class: "flex gap-[2px] flex-1" }, N = ["title"], P = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, F = { class: "text-[10px] text-muted-foreground" }, I = /* @__PURE__ */ c({
+	__name: "PeakHoursCard",
+	props: {
+		toolName: {},
+		instanceId: {},
+		instanceName: {},
+		moduleType: {},
+		resolvedArgs: {},
+		status: {}
+	},
+	emits: ["submit"],
+	setup(c, { emit: I }) {
+		let { $useRoute: L, $useModuleApi: R } = useNuxtApp(), z = c, B = I, V = L(), H = t(() => V.params.slug), U = R(z.instanceId), W = p(!0), G = p(null), K = p([]), q = p(null), J = p(null), oe = [
+			"Sunday",
+			"Monday",
+			"Tuesday",
+			"Wednesday",
+			"Thursday",
+			"Friday",
+			"Saturday"
+		], Y = {
+			Sunday: "Sun",
+			Monday: "Mon",
+			Tuesday: "Tue",
+			Wednesday: "Wed",
+			Thursday: "Thu",
+			Friday: "Fri",
+			Saturday: "Sat"
+		}, X = p([]), se = t(() => Math.max(...X.value.map((e) => e.sessions), 1));
+		function ce(e) {
+			let t = e / se.value;
+			return t === 0 ? "bg-muted/40" : t < .2 ? "bg-blue-100 dark:bg-blue-950" : t < .4 ? "bg-blue-200 dark:bg-blue-900" : t < .6 ? "bg-blue-300 dark:bg-blue-700" : t < .8 ? "bg-blue-400 dark:bg-blue-600" : "bg-blue-500 dark:bg-blue-500";
+		}
+		function le() {
+			let e = z.resolvedArgs?._cachedData;
+			return e ? (K.value = e.hourly || [], q.value = e.peakHour ?? null, X.value = e.heatmap || [], J.value = z.resolvedArgs._fetchedAt || null, W.value = !1, !0) : !1;
+		}
+		async function ue() {
+			let { startDate: e, endDate: t } = z.resolvedArgs || {};
+			W.value = !0, G.value = null;
+			try {
+				let n = new URLSearchParams();
+				e && n.set("startDate", e), t && n.set("endDate", t);
+				let r = (await U.get(`/audience/hours?${n.toString()}`)).rows || [];
+				X.value = r.map((e) => ({
+					day: e.dayOfWeekName,
+					hour: parseInt(e.hour, 10),
+					sessions: e.sessions || 0
+				}));
+				let i = {};
+				for (let e of r) {
+					let t = parseInt(e.hour, 10);
+					i[t] = (i[t] || 0) + (e.sessions || 0);
+				}
+				let a = [];
+				for (let e = 0; e < 24; e++) a.push({
+					hour: e,
+					sessions: i[e] || 0
+				});
+				K.value = a;
+				let o = 0, s = 0;
+				for (let e of a) e.sessions > s && (o = e.hour, s = e.sessions);
+				q.value = o, J.value = (/* @__PURE__ */ new Date()).toISOString();
+				let c = {};
+				for (let e of r) c[e.dayOfWeekName] = (c[e.dayOfWeekName] || 0) + (e.sessions || 0);
+				let l = Object.entries(c).sort((e, t) => t[1] - e[1])[0]?.[0] || "—";
+				Z({
+					peakHour: o,
+					peakDay: l,
+					hourly: a,
+					heatmap: X.value,
+					suggestion: `Peak traffic hour is ${Q(o)} with ${s.toLocaleString()} sessions. The busiest day is ${l}.`
+				});
+			} catch (e) {
+				G.value = e?.data?.statusMessage || e?.message || "Failed to load peak hours data", Z(`Error loading peak hours data: ${G.value}`);
+			} finally {
+				W.value = !1;
+			}
+		}
+		d(() => {
+			z.status === "completed" && le() || ue();
+		});
+		function Z(e) {
+			z.status !== "completed" && B("submit", e);
+		}
+		function Q(e) {
+			return e === 0 ? "12 AM" : e < 12 ? `${e} AM` : e === 12 ? "12 PM" : `${e - 12} PM`;
+		}
+		let de = (e) => e ? new Date(e).toLocaleString(void 0, {
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit"
+		}) : "", fe = t(() => Math.max(...K.value.map((e) => e.sessions), 1)), pe = t(() => {
+			let { startDate: e, endDate: t } = z.resolvedArgs || {};
+			if (!e && !t) return "Last 30 days";
+			let n = e || "30daysAgo", r = n.match(/^(\d+)daysAgo$/);
+			return r ? `Last ${r[1]} days` : `${n} → ${t || "today"}`;
+		}), $ = t(() => oe.filter((e) => X.value.some((t) => t.day === e)));
+		return (t, d) => {
+			let p = h("NuxtLink");
+			return f(), r("div", ee, [_(W) ? (f(), r("div", te, [s(_(x), { class: "size-4 animate-spin text-muted-foreground" }), d[0] ||= i("span", { class: "text-xs text-muted-foreground" }, "Loading peak hours data…", -1)])) : _(G) ? (f(), r("div", ne, g(_(G)), 1)) : (f(), r("div", re, [
+				i("div", S, [i("div", C, [s(_(y), { class: "size-3.5 text-primary" }), d[1] ||= i("span", { class: "text-xs font-medium" }, "Peak Traffic Hours", -1)]), i("span", ie, g(_(pe)), 1)]),
+				_(q) === null ? n("", !0) : (f(), r("div", ae, [i("div", w, [i("span", T, " 🔥 " + g(Q(_(q))), 1), d[2] ||= i("span", { class: "text-muted-foreground" }, "is the busiest hour", -1)])])),
+				i("div", E, [i("div", D, [(f(!0), r(e, null, m(_(K), (e) => (f(), r("div", {
+					key: e.hour,
+					class: l(["flex-1 rounded-t transition-all hover:opacity-80 group relative", e.hour === _(q) ? "bg-blue-500" : "bg-blue-300/60 dark:bg-blue-700/60"]),
+					style: u({ height: `${Math.max(e.sessions / _(fe) * 100, 2)}%` }),
+					title: `${Q(e.hour)}: ${e.sessions.toLocaleString()} sessions`
+				}, null, 14, O))), 128))]), d[3] ||= a("<div class=\"flex mt-1 text-[8px] text-muted-foreground\"><span class=\"flex-1 text-left\">12AM</span><span class=\"flex-1 text-center\">6AM</span><span class=\"flex-1 text-center\">12PM</span><span class=\"flex-1 text-center\">6PM</span><span class=\"flex-1 text-right\">11PM</span></div>", 1)]),
+				_($).length > 0 ? (f(), r("div", k, [
+					d[4] ||= i("p", { class: "text-[10px] text-muted-foreground mb-1.5 font-medium" }, "Weekly Heatmap", -1),
+					i("div", A, [(f(!0), r(e, null, m(_($), (t) => (f(), r("div", {
+						key: t,
+						class: "flex items-center gap-1"
+					}, [i("span", j, g(Y[t]), 1), i("div", M, [(f(), r(e, null, m(24, (e) => i("div", {
+						key: e,
+						class: l(["flex-1 h-2.5 rounded-[2px] transition-colors", ce(_(X).find((n) => n.day === t && n.hour === e - 1)?.sessions || 0)]),
+						title: `${Y[t]} ${Q(e - 1)}: ${(_(X).find((n) => n.day === t && n.hour === e - 1)?.sessions || 0).toLocaleString()} sessions`
+					}, null, 10, N)), 64))])]))), 128))]),
+					d[5] ||= i("div", { class: "flex mt-1 ml-7 text-[8px] text-muted-foreground" }, [
+						i("span", { class: "flex-1 text-left" }, "12AM"),
+						i("span", { class: "flex-1 text-center" }, "12PM"),
+						i("span", { class: "flex-1 text-right" }, "11PM")
+					], -1)
+				])) : n("", !0),
+				i("div", P, [i("span", F, [_(J) ? (f(), r(e, { key: 0 }, [o("fetched " + g(de(_(J))), 1)], 64)) : n("", !0)]), s(p, {
+					to: `/projects/${_(H)}/modules/${c.instanceId}/audience`,
+					class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+				}, {
+					default: v(() => [s(_(b), { class: "size-3" }), d[6] ||= o(" View full report ", -1)]),
+					_: 1
+				}, 8, ["to"])])
+			]))]);
+		};
+	}
+});
+//#endregion
+export { I as default };

package/dist/PeakHoursCard-DPeoMyhu.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);let e=require(`vue`),t=require(`@lucide/vue`);var n={class:`w-full`},r={key:0,class:`flex items-center gap-2 py-3`},i={key:1,class:`text-xs text-destructive py-2`},a={key:2,class:`rounded-xl border bg-background overflow-hidden`},o={class:`px-3 py-2 border-b bg-muted/40 flex items-center justify-between`},s={class:`flex items-center gap-2`},c={class:`text-[10px] text-muted-foreground`},l={key:0,class:`px-3 pt-3 pb-1`},u={class:`flex items-center gap-2 text-xs`},d={class:`inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium`},f={class:`px-3 py-3`},p={class:`flex items-end gap-[2px] h-16`},m=[`title`],h={key:1,class:`px-3 pb-3`},g={class:`space-y-[2px]`},_={class:`text-[8px] text-muted-foreground w-6 shrink-0 text-right`},v={class:`flex gap-[2px] flex-1`},y=[`title`],b={class:`px-3 py-2 border-t bg-muted/20 flex items-center justify-between`},x={class:`text-[10px] text-muted-foreground`},S=(0,e.defineComponent)({__name:`PeakHoursCard`,props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:[`submit`],setup(S,{emit:C}){let{$useRoute:w,$useModuleApi:T}=useNuxtApp(),E=S,D=C,O=w(),k=(0,e.computed)(()=>O.params.slug),A=T(E.instanceId),j=(0,e.ref)(!0),M=(0,e.ref)(null),N=(0,e.ref)([]),P=(0,e.ref)(null),F=(0,e.ref)(null),I=[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],L={Sunday:`Sun`,Monday:`Mon`,Tuesday:`Tue`,Wednesday:`Wed`,Thursday:`Thu`,Friday:`Fri`,Saturday:`Sat`},R=(0,e.ref)([]),z=(0,e.computed)(()=>Math.max(...R.value.map(e=>e.sessions),1));function B(e){let t=e/z.value;return t===0?`bg-muted/40`:t<.2?`bg-blue-100 dark:bg-blue-950`:t<.4?`bg-blue-200 dark:bg-blue-900`:t<.6?`bg-blue-300 dark:bg-blue-700`:t<.8?`bg-blue-400 dark:bg-blue-600`:`bg-blue-500 dark:bg-blue-500`}function V(){let e=E.resolvedArgs?._cachedData;return e?(N.value=e.hourly||[],P.value=e.peakHour??null,R.value=e.heatmap||[],F.value=E.resolvedArgs._fetchedAt||null,j.value=!1,!0):!1}async function H(){let{startDate:e,endDate:t}=E.resolvedArgs||{};j.value=!0,M.value=null;try{let n=new URLSearchParams;e&&n.set(`startDate`,e),t&&n.set(`endDate`,t);let r=(await A.get(`/audience/hours?${n.toString()}`)).rows||[];R.value=r.map(e=>({day:e.dayOfWeekName,hour:parseInt(e.hour,10),sessions:e.sessions||0}));let i={};for(let e of r){let t=parseInt(e.hour,10);i[t]=(i[t]||0)+(e.sessions||0)}let a=[];for(let e=0;e<24;e++)a.push({hour:e,sessions:i[e]||0});N.value=a;let o=0,s=0;for(let e of a)e.sessions>s&&(o=e.hour,s=e.sessions);P.value=o,F.value=new Date().toISOString();let c={};for(let e of r)c[e.dayOfWeekName]=(c[e.dayOfWeekName]||0)+(e.sessions||0);let l=Object.entries(c).sort((e,t)=>t[1]-e[1])[0]?.[0]||`—`;U({peakHour:o,peakDay:l,hourly:a,heatmap:R.value,suggestion:`Peak traffic hour is ${W(o)} with ${s.toLocaleString()} sessions. The busiest day is ${l}.`})}catch(e){M.value=e?.data?.statusMessage||e?.message||`Failed to load peak hours data`,U(`Error loading peak hours data: ${M.value}`)}finally{j.value=!1}}(0,e.onMounted)(()=>{E.status===`completed`&&V()||H()});function U(e){E.status!==`completed`&&D(`submit`,e)}function W(e){return e===0?`12 AM`:e<12?`${e} AM`:e===12?`12 PM`:`${e-12} PM`}let G=e=>e?new Date(e).toLocaleString(void 0,{month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`}):``,K=(0,e.computed)(()=>Math.max(...N.value.map(e=>e.sessions),1)),q=(0,e.computed)(()=>{let{startDate:e,endDate:t}=E.resolvedArgs||{};if(!e&&!t)return`Last 30 days`;let n=e||`30daysAgo`,r=n.match(/^(\d+)daysAgo$/);return r?`Last ${r[1]} days`:`${n} → ${t||`today`}`}),J=(0,e.computed)(()=>I.filter(e=>R.value.some(t=>t.day===e)));return(C,w)=>{let T=(0,e.resolveComponent)(`NuxtLink`);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.unref)(j)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.createVNode)((0,e.unref)(t.Loader2),{class:`size-4 animate-spin text-muted-foreground`}),w[0]||=(0,e.createElementVNode)(`span`,{class:`text-xs text-muted-foreground`},`Loading peak hours data…`,-1)])):(0,e.unref)(M)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,(0,e.toDisplayString)((0,e.unref)(M)),1)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,a,[(0,e.createElementVNode)(`div`,o,[(0,e.createElementVNode)(`div`,s,[(0,e.createVNode)((0,e.unref)(t.Clock),{class:`size-3.5 text-primary`}),w[1]||=(0,e.createElementVNode)(`span`,{class:`text-xs font-medium`},`Peak Traffic Hours`,-1)]),(0,e.createElementVNode)(`span`,c,(0,e.toDisplayString)((0,e.unref)(q)),1)]),(0,e.unref)(P)===null?(0,e.createCommentVNode)(``,!0):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,l,[(0,e.createElementVNode)(`div`,u,[(0,e.createElementVNode)(`span`,d,` 🔥 `+(0,e.toDisplayString)(W((0,e.unref)(P))),1),w[2]||=(0,e.createElementVNode)(`span`,{class:`text-muted-foreground`},`is the busiest hour`,-1)])])),(0,e.createElementVNode)(`div`,f,[(0,e.createElementVNode)(`div`,p,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(N),t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:t.hour,class:(0,e.normalizeClass)([`flex-1 rounded-t transition-all hover:opacity-80 group relative`,t.hour===(0,e.unref)(P)?`bg-blue-500`:`bg-blue-300/60 dark:bg-blue-700/60`]),style:(0,e.normalizeStyle)({height:`${Math.max(t.sessions/(0,e.unref)(K)*100,2)}%`}),title:`${W(t.hour)}: ${t.sessions.toLocaleString()} sessions`},null,14,m))),128))]),w[3]||=(0,e.createStaticVNode)(`<div class="flex mt-1 text-[8px] text-muted-foreground"><span class="flex-1 text-left">12AM</span><span class="flex-1 text-center">6AM</span><span class="flex-1 text-center">12PM</span><span class="flex-1 text-center">6PM</span><span class="flex-1 text-right">11PM</span></div>`,1)]),(0,e.unref)(J).length>0?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,h,[w[4]||=(0,e.createElementVNode)(`p`,{class:`text-[10px] text-muted-foreground mb-1.5 font-medium`},`Weekly Heatmap`,-1),(0,e.createElementVNode)(`div`,g,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(J),t=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:t,class:`flex items-center gap-1`},[(0,e.createElementVNode)(`span`,_,(0,e.toDisplayString)(L[t]),1),(0,e.createElementVNode)(`div`,v,[((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(24,n=>(0,e.createElementVNode)(`div`,{key:n,class:(0,e.normalizeClass)([`flex-1 h-2.5 rounded-[2px] transition-colors`,B((0,e.unref)(R).find(e=>e.day===t&&e.hour===n-1)?.sessions||0)]),title:`${L[t]} ${W(n-1)}: ${((0,e.unref)(R).find(e=>e.day===t&&e.hour===n-1)?.sessions||0).toLocaleString()} sessions`},null,10,y)),64))])]))),128))]),w[5]||=(0,e.createElementVNode)(`div`,{class:`flex mt-1 ml-7 text-[8px] text-muted-foreground`},[(0,e.createElementVNode)(`span`,{class:`flex-1 text-left`},`12AM`),(0,e.createElementVNode)(`span`,{class:`flex-1 text-center`},`12PM`),(0,e.createElementVNode)(`span`,{class:`flex-1 text-right`},`11PM`)],-1)])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,b,[(0,e.createElementVNode)(`span`,x,[(0,e.unref)(F)?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.createTextVNode)(`fetched `+(0,e.toDisplayString)(G((0,e.unref)(F))),1)],64)):(0,e.createCommentVNode)(``,!0)]),(0,e.createVNode)(T,{to:`/projects/${(0,e.unref)(k)}/modules/${S.instanceId}/audience`,class:`inline-flex items-center gap-1.5 text-xs text-primary hover:underline`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(t.ExternalLink),{class:`size-3`}),w[6]||=(0,e.createTextVNode)(` View full report `,-1)]),_:1},8,[`to`])])]))])}}});exports.default=S;

package/dist/ProductDetailsCard-B0WhmzO-.mjs

@@ -0,0 +1,98 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, onMounted as l, openBlock as u, ref as d, resolveComponent as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+import { ExternalLink as g, Loader2 as _, Package as v } from "@lucide/vue";
+//#region src/products/chat-components/ProductDetailsCard.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "w-full" }, b = {
+	key: 0,
+	class: "flex items-center gap-2 py-3"
+}, x = {
+	key: 1,
+	class: "text-xs text-destructive py-2"
+}, S = {
+	key: 2,
+	class: "rounded-xl border bg-background p-3 space-y-3"
+}, C = { class: "flex items-start gap-3" }, w = { class: "shrink-0 size-16 rounded-lg bg-muted overflow-hidden flex items-center justify-center" }, T = ["src", "alt"], E = { class: "flex-1 min-w-0" }, D = { class: "text-sm font-semibold truncate" }, O = { class: "text-lg font-bold mt-0.5" }, k = { class: "flex items-center gap-2 mt-1" }, A = { class: "text-xs text-muted-foreground" }, j = {
+	key: 0,
+	class: "text-xs text-muted-foreground line-clamp-2"
+}, M = /* @__PURE__ */ s({
+	__name: "ProductDetailsCard",
+	props: {
+		toolName: {},
+		instanceId: {},
+		instanceName: {},
+		moduleType: {},
+		resolvedArgs: {},
+		status: {}
+	},
+	emits: ["submit"],
+	setup(s, { emit: M }) {
+		let { $useRoute: N, $useModuleApi: P } = useNuxtApp(), F = s, I = M, L = N(), R = e(() => L.params.slug), z = P(F.instanceId), B = d(!0), V = d(null), H = d(null);
+		async function U() {
+			let e = F.resolvedArgs?.productId;
+			if (!e) {
+				V.value = "No product ID provided", B.value = !1;
+				return;
+			}
+			B.value = !0, V.value = null;
+			try {
+				H.value = await z.get(`/products/${e}`), W({
+					productId: H.value.id,
+					title: H.value.title,
+					price: H.value.price,
+					currency: H.value.currency,
+					stock: H.value.stock,
+					status: H.value.status,
+					available: H.value.available
+				});
+			} catch (e) {
+				V.value = e?.data?.statusMessage || e?.message || "Failed to load product", W(`Error fetching product: ${V.value}`);
+			} finally {
+				B.value = !1;
+			}
+		}
+		l(() => {
+			U();
+		});
+		function W(e) {
+			F.status !== "completed" && I("submit", e);
+		}
+		let G = e(() => H.value ? new Intl.NumberFormat(void 0, {
+			style: "currency",
+			currency: H.value.currency || "EUR"
+		}).format(H.value.price) : ""), K = e(() => {
+			switch (H.value?.status) {
+				case "published": return "text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";
+				case "draft": return "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";
+				case "archived": return "text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-800";
+				default: return "text-muted-foreground bg-muted";
+			}
+		});
+		return (e, l) => {
+			let d = f("NuxtLink");
+			return u(), r("div", y, [m(B) ? (u(), r("div", b, [o(m(_), { class: "size-4 animate-spin text-muted-foreground" }), l[0] ||= i("span", { class: "text-xs text-muted-foreground" }, "Loading product…", -1)])) : m(V) ? (u(), r("div", x, p(m(V)), 1)) : m(H) ? (u(), r("div", S, [
+				i("div", C, [i("div", w, [m(H).featuredMedia ? (u(), r("img", {
+					key: 0,
+					src: m(H).featuredMedia,
+					alt: m(H).title,
+					class: "size-full object-cover"
+				}, null, 8, T)) : (u(), t(m(v), {
+					key: 1,
+					class: "size-6 text-muted-foreground"
+				}))]), i("div", E, [
+					i("p", D, p(m(H).title), 1),
+					i("p", O, p(m(G)), 1),
+					i("div", k, [i("span", { class: c(["text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase", m(K)]) }, p(m(H).status), 3), i("span", A, " Stock: " + p(m(H).stock ?? "—"), 1)])
+				])]),
+				m(H).description ? (u(), r("p", j, p(m(H).description), 1)) : n("", !0),
+				o(d, {
+					to: `/projects/${m(R)}/modules/${s.instanceId}/${m(H).id}`,
+					class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+				}, {
+					default: h(() => [o(m(g), { class: "size-3" }), l[1] ||= a(" View full details ", -1)]),
+					_: 1
+				}, 8, ["to"])
+			])) : n("", !0)]);
+		};
+	}
+});
+//#endregion
+export { M as default };

package/dist/ProductDetailsCard-C1ROuH6l.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);let e=require(`vue`),t=require(`@lucide/vue`);var n={class:`w-full`},r={key:0,class:`flex items-center gap-2 py-3`},i={key:1,class:`text-xs text-destructive py-2`},a={key:2,class:`rounded-xl border bg-background p-3 space-y-3`},o={class:`flex items-start gap-3`},s={class:`shrink-0 size-16 rounded-lg bg-muted overflow-hidden flex items-center justify-center`},c=[`src`,`alt`],l={class:`flex-1 min-w-0`},u={class:`text-sm font-semibold truncate`},d={class:`text-lg font-bold mt-0.5`},f={class:`flex items-center gap-2 mt-1`},p={class:`text-xs text-muted-foreground`},m={key:0,class:`text-xs text-muted-foreground line-clamp-2`},h=(0,e.defineComponent)({__name:`ProductDetailsCard`,props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:[`submit`],setup(h,{emit:g}){let{$useRoute:_,$useModuleApi:v}=useNuxtApp(),y=h,b=g,x=_(),S=(0,e.computed)(()=>x.params.slug),C=v(y.instanceId),w=(0,e.ref)(!0),T=(0,e.ref)(null),E=(0,e.ref)(null);async function D(){let e=y.resolvedArgs?.productId;if(!e){T.value=`No product ID provided`,w.value=!1;return}w.value=!0,T.value=null;try{E.value=await C.get(`/products/${e}`),O({productId:E.value.id,title:E.value.title,price:E.value.price,currency:E.value.currency,stock:E.value.stock,status:E.value.status,available:E.value.available})}catch(e){T.value=e?.data?.statusMessage||e?.message||`Failed to load product`,O(`Error fetching product: ${T.value}`)}finally{w.value=!1}}(0,e.onMounted)(()=>{D()});function O(e){y.status!==`completed`&&b(`submit`,e)}let k=(0,e.computed)(()=>E.value?new Intl.NumberFormat(void 0,{style:`currency`,currency:E.value.currency||`EUR`}).format(E.value.price):``),A=(0,e.computed)(()=>{switch(E.value?.status){case`published`:return`text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20`;case`draft`:return`text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20`;case`archived`:return`text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-800`;default:return`text-muted-foreground bg-muted`}});return(g,_)=>{let v=(0,e.resolveComponent)(`NuxtLink`);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.unref)(w)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.createVNode)((0,e.unref)(t.Loader2),{class:`size-4 animate-spin text-muted-foreground`}),_[0]||=(0,e.createElementVNode)(`span`,{class:`text-xs text-muted-foreground`},`Loading product…`,-1)])):(0,e.unref)(T)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,(0,e.toDisplayString)((0,e.unref)(T)),1)):(0,e.unref)(E)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,a,[(0,e.createElementVNode)(`div`,o,[(0,e.createElementVNode)(`div`,s,[(0,e.unref)(E).featuredMedia?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,src:(0,e.unref)(E).featuredMedia,alt:(0,e.unref)(E).title,class:`size-full object-cover`},null,8,c)):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.Package),{key:1,class:`size-6 text-muted-foreground`}))]),(0,e.createElementVNode)(`div`,l,[(0,e.createElementVNode)(`p`,u,(0,e.toDisplayString)((0,e.unref)(E).title),1),(0,e.createElementVNode)(`p`,d,(0,e.toDisplayString)((0,e.unref)(k)),1),(0,e.createElementVNode)(`div`,f,[(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase`,(0,e.unref)(A)])},(0,e.toDisplayString)((0,e.unref)(E).status),3),(0,e.createElementVNode)(`span`,p,` Stock: `+(0,e.toDisplayString)((0,e.unref)(E).stock??`—`),1)])])]),(0,e.unref)(E).description?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,m,(0,e.toDisplayString)((0,e.unref)(E).description),1)):(0,e.createCommentVNode)(``,!0),(0,e.createVNode)(v,{to:`/projects/${(0,e.unref)(S)}/modules/${h.instanceId}/${(0,e.unref)(E).id}`,class:`inline-flex items-center gap-1.5 text-xs text-primary hover:underline`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(t.ExternalLink),{class:`size-3`}),_[1]||=(0,e.createTextVNode)(` View full details `,-1)]),_:1},8,[`to`])])):(0,e.createCommentVNode)(``,!0)])}}});exports.default=h;

package/dist/RealtimeCard-DQno-Okz.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);let e=require(`vue`),t=require(`@lucide/vue`);var n={class:`w-full`},r={key:0,class:`flex items-center gap-2 py-3`},i={key:1,class:`text-xs text-destructive py-2`},a={key:2,class:`rounded-xl border bg-background overflow-hidden`},o={class:`px-3 py-2 border-b bg-muted/40 flex items-center justify-between`},s={class:`flex items-center gap-2`},c={class:`px-3 py-4 text-center`},l={class:`flex items-center justify-center gap-2 mb-1`},u={class:`text-3xl font-bold`},d={class:`text-xs text-muted-foreground`},f={key:0,class:`border-t`},p={class:`divide-y`},m=[`title`],h={class:`flex items-center gap-1 text-[10px] text-muted-foreground shrink-0 ml-2`},g={class:`font-medium`},_={class:`px-3 py-2 border-t bg-muted/20 flex items-center justify-between`},v={key:0,class:`text-[10px] text-muted-foreground`},y=(0,e.defineComponent)({__name:`RealtimeCard`,props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:[`submit`],setup(y,{emit:b}){let{$useRoute:x,$useModuleApi:S}=useNuxtApp(),C=y,w=b,T=x(),E=(0,e.computed)(()=>T.params.slug),D=S(C.instanceId),O=(0,e.ref)(!0),k=(0,e.ref)(null),A=(0,e.ref)(0),j=(0,e.ref)([]),M=(0,e.ref)(null);function N(){let e=C.resolvedArgs?._cachedData;return e?(A.value=e.activeUsersRightNow||0,j.value=(e.topActivePages||[]).map(e=>({page:e.page,activeUsers:e.activeUsers})),M.value=C.resolvedArgs._fetchedAt||null,O.value=!1,!0):!1}async function P(){O.value=!0,k.value=null;try{let e=await D.get(`/realtime`);A.value=e.activeUsers||0,j.value=e.activePages||[],M.value=new Date().toISOString(),F({activeUsersRightNow:A.value,topActivePages:j.value.map(e=>({page:e.page,activeUsers:e.activeUsers}))})}catch(e){k.value=e?.data?.statusMessage||e?.message||`Failed to load realtime data`,F(`Error loading realtime data: ${k.value}`)}finally{O.value=!1}}(0,e.onMounted)(()=>{C.status===`completed`&&N()||P()});function F(e){C.status!==`completed`&&w(`submit`,e)}let I=e=>e?new Date(e).toLocaleString(void 0,{month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`}):``;return(b,x)=>{let S=(0,e.resolveComponent)(`NuxtLink`);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.unref)(O)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.createVNode)((0,e.unref)(t.Loader2),{class:`size-4 animate-spin text-muted-foreground`}),x[0]||=(0,e.createElementVNode)(`span`,{class:`text-xs text-muted-foreground`},`Loading realtime data…`,-1)])):(0,e.unref)(k)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,(0,e.toDisplayString)((0,e.unref)(k)),1)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,a,[(0,e.createElementVNode)(`div`,o,[(0,e.createElementVNode)(`div`,s,[(0,e.createVNode)((0,e.unref)(t.Radio),{class:`size-3.5 text-emerald-500`}),x[1]||=(0,e.createElementVNode)(`span`,{class:`text-xs font-medium`},`Realtime`,-1)]),x[2]||=(0,e.createElementVNode)(`span`,{class:`relative flex size-2`},[(0,e.createElementVNode)(`span`,{class:`animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75`}),(0,e.createElementVNode)(`span`,{class:`relative inline-flex rounded-full size-2 bg-emerald-500`})],-1)]),(0,e.createElementVNode)(`div`,c,[(0,e.createElementVNode)(`div`,l,[(0,e.createVNode)((0,e.unref)(t.Users),{class:`size-5 text-primary`}),(0,e.createElementVNode)(`span`,u,(0,e.toDisplayString)((0,e.unref)(A)),1)]),(0,e.createElementVNode)(`p`,d,`active `+(0,e.toDisplayString)((0,e.unref)(A)===1?`user`:`users`)+` right now`,1)]),(0,e.unref)(j).length>0?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,f,[x[3]||=(0,e.createElementVNode)(`div`,{class:`px-3 py-1.5 bg-muted/20`},[(0,e.createElementVNode)(`span`,{class:`text-[10px] font-medium text-muted-foreground uppercase tracking-wide`},`Active Pages`)],-1),(0,e.createElementVNode)(`div`,p,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(j),n=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:n.page,class:`px-3 py-2 flex items-center justify-between hover:bg-muted/30 transition-colors`},[(0,e.createElementVNode)(`span`,{class:`text-xs truncate flex-1`,title:n.page},(0,e.toDisplayString)(n.page),9,m),(0,e.createElementVNode)(`div`,h,[(0,e.createVNode)((0,e.unref)(t.Users),{class:`size-2.5`}),(0,e.createElementVNode)(`span`,g,(0,e.toDisplayString)(n.activeUsers),1)])]))),128))])])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,_,[(0,e.unref)(M)?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,v,` Fetched `+(0,e.toDisplayString)(I((0,e.unref)(M))),1)):(0,e.createCommentVNode)(``,!0),(0,e.createVNode)(S,{to:`/projects/${(0,e.unref)(E)}/modules/${y.instanceId}`,class:`inline-flex items-center gap-1.5 text-xs text-primary hover:underline`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(t.ExternalLink),{class:`size-3`}),x[4]||=(0,e.createTextVNode)(` View full report `,-1)]),_:1},8,[`to`])])]))])}}});exports.default=y;

package/dist/RealtimeCard-dR-g1iDo.mjs

@@ -0,0 +1,92 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, onMounted as c, openBlock as l, ref as u, renderList as d, resolveComponent as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+import { ExternalLink as g, Loader2 as _, Radio as v, Users as y } from "@lucide/vue";
+//#region src/googleAnalytics/chat-components/RealtimeCard.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "w-full" }, x = {
+	key: 0,
+	class: "flex items-center gap-2 py-3"
+}, S = {
+	key: 1,
+	class: "text-xs text-destructive py-2"
+}, C = {
+	key: 2,
+	class: "rounded-xl border bg-background overflow-hidden"
+}, w = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, T = { class: "flex items-center gap-2" }, E = { class: "px-3 py-4 text-center" }, D = { class: "flex items-center justify-center gap-2 mb-1" }, O = { class: "text-3xl font-bold" }, k = { class: "text-xs text-muted-foreground" }, A = {
+	key: 0,
+	class: "border-t"
+}, j = { class: "divide-y" }, M = ["title"], N = { class: "flex items-center gap-1 text-[10px] text-muted-foreground shrink-0 ml-2" }, P = { class: "font-medium" }, F = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, I = {
+	key: 0,
+	class: "text-[10px] text-muted-foreground"
+}, L = /* @__PURE__ */ s({
+	__name: "RealtimeCard",
+	props: {
+		toolName: {},
+		instanceId: {},
+		instanceName: {},
+		moduleType: {},
+		resolvedArgs: {},
+		status: {}
+	},
+	emits: ["submit"],
+	setup(s, { emit: L }) {
+		let { $useRoute: R, $useModuleApi: z } = useNuxtApp(), B = s, V = L, H = R(), U = t(() => H.params.slug), W = z(B.instanceId), G = u(!0), K = u(null), q = u(0), J = u([]), Y = u(null);
+		function X() {
+			let e = B.resolvedArgs?._cachedData;
+			return e ? (q.value = e.activeUsersRightNow || 0, J.value = (e.topActivePages || []).map((e) => ({
+				page: e.page,
+				activeUsers: e.activeUsers
+			})), Y.value = B.resolvedArgs._fetchedAt || null, G.value = !1, !0) : !1;
+		}
+		async function Z() {
+			G.value = !0, K.value = null;
+			try {
+				let e = await W.get("/realtime");
+				q.value = e.activeUsers || 0, J.value = e.activePages || [], Y.value = (/* @__PURE__ */ new Date()).toISOString(), Q({
+					activeUsersRightNow: q.value,
+					topActivePages: J.value.map((e) => ({
+						page: e.page,
+						activeUsers: e.activeUsers
+					}))
+				});
+			} catch (e) {
+				K.value = e?.data?.statusMessage || e?.message || "Failed to load realtime data", Q(`Error loading realtime data: ${K.value}`);
+			} finally {
+				G.value = !1;
+			}
+		}
+		c(() => {
+			B.status === "completed" && X() || Z();
+		});
+		function Q(e) {
+			B.status !== "completed" && V("submit", e);
+		}
+		let $ = (e) => e ? new Date(e).toLocaleString(void 0, {
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit"
+		}) : "";
+		return (t, c) => {
+			let u = f("NuxtLink");
+			return l(), r("div", b, [m(G) ? (l(), r("div", x, [o(m(_), { class: "size-4 animate-spin text-muted-foreground" }), c[0] ||= i("span", { class: "text-xs text-muted-foreground" }, "Loading realtime data…", -1)])) : m(K) ? (l(), r("div", S, p(m(K)), 1)) : (l(), r("div", C, [
+				i("div", w, [i("div", T, [o(m(v), { class: "size-3.5 text-emerald-500" }), c[1] ||= i("span", { class: "text-xs font-medium" }, "Realtime", -1)]), c[2] ||= i("span", { class: "relative flex size-2" }, [i("span", { class: "animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" }), i("span", { class: "relative inline-flex rounded-full size-2 bg-emerald-500" })], -1)]),
+				i("div", E, [i("div", D, [o(m(y), { class: "size-5 text-primary" }), i("span", O, p(m(q)), 1)]), i("p", k, "active " + p(m(q) === 1 ? "user" : "users") + " right now", 1)]),
+				m(J).length > 0 ? (l(), r("div", A, [c[3] ||= i("div", { class: "px-3 py-1.5 bg-muted/20" }, [i("span", { class: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide" }, "Active Pages")], -1), i("div", j, [(l(!0), r(e, null, d(m(J), (e) => (l(), r("div", {
+					key: e.page,
+					class: "px-3 py-2 flex items-center justify-between hover:bg-muted/30 transition-colors"
+				}, [i("span", {
+					class: "text-xs truncate flex-1",
+					title: e.page
+				}, p(e.page), 9, M), i("div", N, [o(m(y), { class: "size-2.5" }), i("span", P, p(e.activeUsers), 1)])]))), 128))])])) : n("", !0),
+				i("div", F, [m(Y) ? (l(), r("span", I, " Fetched " + p($(m(Y))), 1)) : n("", !0), o(u, {
+					to: `/projects/${m(U)}/modules/${s.instanceId}`,
+					class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+				}, {
+					default: h(() => [o(m(g), { class: "size-3" }), c[4] ||= a(" View full report ", -1)]),
+					_: 1
+				}, 8, ["to"])])
+			]))]);
+		};
+	}
+});
+//#endregion
+export { L as default };