@oneclick.dev/cms-core-modules 0.0.101 → 0.0.103

package/dist/AppointmentListTable-DZJNmTMb.mjs

@@ -0,0 +1,177 @@
+import { defineComponent as A, computed as L, ref as x, onMounted as j, resolveComponent as D, openBlock as d, createElementBlock as i, unref as o, createVNode as m, createElementVNode as t, toDisplayString as n, Fragment as P, renderList as z, normalizeClass as E, withCtx as F, createTextVNode as V } from "vue";
+import { Loader2 as q, CalendarDays as M, ExternalLink as B } from "lucide-vue-next";
+const R = { class: "w-full" }, U = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, S = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, G = {
+  key: 2,
+  class: "rounded-xl border bg-background p-4 text-center"
+}, H = {
+  key: 3,
+  class: "rounded-xl border bg-background overflow-hidden"
+}, J = { class: "overflow-x-auto" }, K = { class: "w-full text-xs" }, O = { class: "px-3 py-2" }, Q = { class: "font-medium truncate max-w-[160px]" }, W = { class: "text-muted-foreground truncate max-w-[160px]" }, X = { class: "px-3 py-2 whitespace-nowrap" }, Y = { class: "px-3 py-2 whitespace-nowrap" }, Z = { class: "px-3 py-2 text-center" }, ee = { class: "px-3 py-2" }, te = { class: "px-3 py-2 text-right font-medium whitespace-nowrap" }, se = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, re = { class: "text-xs text-muted-foreground" }, ae = /* @__PURE__ */ A({
+  __name: "AppointmentListTable",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  emits: ["submit"],
+  setup(f, { emit: b }) {
+    const { $useRoute: h, $useModuleApi: v } = useNuxtApp(), u = f, y = b, _ = h(), k = L(() => _.params.slug), w = v(u.instanceId), p = x(!0), l = x(null), a = x([]);
+    async function I() {
+      const r = u.resolvedArgs?.quantity || 20, s = u.resolvedArgs?.status || "confirmed";
+      p.value = !0, l.value = null;
+      try {
+        const c = await w.get(`/appointments?quantity=${r}&status=${s}`);
+        a.value = c.appointments || [], g({
+          count: a.value.length,
+          appointments: a.value.map((e) => ({
+            orderId: e.orderId,
+            reservationId: e.reservationId,
+            customerName: `${e.customerInfo?.firstName || ""} ${e.customerInfo?.lastName || ""}`.trim(),
+            email: e.customerInfo?.email,
+            date: e.date,
+            startTime: e.startTime,
+            endTime: e.endTime,
+            spots: e.spots,
+            status: e.reservationStatus || e.status,
+            price: e.reservationPrice
+          }))
+        });
+      } catch (c) {
+        l.value = c?.data?.statusMessage || c?.message || "Failed to load appointments", g(`Error loading appointments: ${l.value}`);
+      } finally {
+        p.value = !1;
+      }
+    }
+    j(() => {
+      I();
+    });
+    function g(r) {
+      u.status !== "completed" && y("submit", r);
+    }
+    const N = (r, s) => {
+      if (s !== "confirmed")
+        switch (s) {
+          case "pending":
+            return "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";
+          case "cancelled":
+            return "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";
+          default:
+            return "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";
+        }
+      switch (r || s) {
+        case "approved":
+          return "text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";
+        case "needs_approval":
+          return "text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20";
+        case "rejected":
+        case "cancelled":
+          return "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";
+        default:
+          return "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";
+      }
+    }, C = (r, s) => {
+      if (s !== "confirmed")
+        switch (s) {
+          case "pending":
+            return "Pending";
+          case "cancelled":
+            return "Cancelled";
+          default:
+            return s || "Unknown";
+        }
+      switch (r || s) {
+        case "approved":
+          return "Approved";
+        case "needs_approval":
+          return "Needs Approval";
+        case "rejected":
+          return "Rejected";
+        case "cancelled":
+          return "Cancelled";
+        case "confirmed":
+          return "Confirmed";
+        default:
+          return r || s || "Pending";
+      }
+    }, T = (r) => r == null ? "—" : `€${r.toFixed(2)}`, $ = (r) => {
+      if (!r) return "—";
+      try {
+        return new Date(r).toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric" });
+      } catch {
+        return r;
+      }
+    };
+    return (r, s) => {
+      const c = D("NuxtLink");
+      return d(), i("div", R, [
+        o(p) ? (d(), i("div", U, [
+          m(o(q), { class: "size-4 animate-spin text-muted-foreground" }),
+          s[0] || (s[0] = t("span", { class: "text-xs text-muted-foreground" }, "Loading appointments…", -1))
+        ])) : o(l) ? (d(), i("div", S, n(o(l)), 1)) : o(a).length === 0 ? (d(), i("div", G, [
+          m(o(M), { class: "size-8 text-muted-foreground mx-auto mb-2" }),
+          s[1] || (s[1] = t("p", { class: "text-sm text-muted-foreground" }, "No recent appointments found.", -1))
+        ])) : (d(), i("div", H, [
+          t("div", J, [
+            t("table", K, [
+              s[2] || (s[2] = t("thead", null, [
+                t("tr", { class: "border-b bg-muted/40" }, [
+                  t("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Customer"),
+                  t("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Date"),
+                  t("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Time"),
+                  t("th", { class: "text-center px-3 py-2 font-medium text-muted-foreground" }, "Spots"),
+                  t("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Status"),
+                  t("th", { class: "text-right px-3 py-2 font-medium text-muted-foreground" }, "Price")
+                ])
+              ], -1)),
+              t("tbody", null, [
+                (d(!0), i(P, null, z(o(a), (e) => (d(), i("tr", {
+                  key: e.reservationId || e.orderId,
+                  class: "border-b last:border-b-0 hover:bg-muted/30 transition-colors"
+                }, [
+                  t("td", O, [
+                    t("div", Q, n(e.customerInfo?.firstName) + " " + n(e.customerInfo?.lastName), 1),
+                    t("div", W, n(e.customerInfo?.email), 1)
+                  ]),
+                  t("td", X, n($(e.date)), 1),
+                  t("td", Y, n(e.startTime) + " – " + n(e.endTime), 1),
+                  t("td", Z, n(e.spots || 1), 1),
+                  t("td", ee, [
+                    t("span", {
+                      class: E(["inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap", N(e.reservationStatus, e.status)])
+                    }, n(C(e.reservationStatus, e.status)), 3)
+                  ]),
+                  t("td", te, n(T(e.reservationPrice)), 1)
+                ]))), 128))
+              ])
+            ])
+          ]),
+          t("div", se, [
+            t("span", re, n(o(a).length) + " appointment" + n(o(a).length === 1 ? "" : "s"), 1),
+            m(c, {
+              to: `/projects/${o(k)}/modules/${f.instanceId}`,
+              class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+            }, {
+              default: F(() => [
+                m(o(B), { class: "size-3" }),
+                s[3] || (s[3] = V(" View all ", -1))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  ae as default
+};

package/dist/AppointmentListTable-Dieu9US_.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),E={class:"w-full"},V={key:0,class:"flex items-center gap-2 py-3"},w={key:1,class:"text-xs text-destructive py-2"},D={key:2,class:"rounded-xl border bg-background p-4 text-center"},I={key:3,class:"rounded-xl border bg-background overflow-hidden"},B={class:"overflow-x-auto"},S={class:"w-full text-xs"},T={class:"px-3 py-2"},C={class:"font-medium truncate max-w-[160px]"},$={class:"text-muted-foreground truncate max-w-[160px]"},A={class:"px-3 py-2 whitespace-nowrap"},L={class:"px-3 py-2 whitespace-nowrap"},j={class:"px-3 py-2 text-center"},P={class:"px-3 py-2"},q={class:"px-3 py-2 text-right font-medium whitespace-nowrap"},z={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},F={class:"text-xs text-muted-foreground"},M=e.defineComponent({__name:"AppointmentListTable",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(i,{emit:m}){const{$useRoute:p,$useModuleApi:x}=useNuxtApp(),d=i,f=m,g=p(),b=e.computed(()=>g.params.slug),y=x(d.instanceId),l=e.ref(!0),a=e.ref(null),o=e.ref([]);async function N(){const n=d.resolvedArgs?.quantity||20,r=d.resolvedArgs?.status||"confirmed";l.value=!0,a.value=null;try{const s=await y.get(`/appointments?quantity=${n}&status=${r}`);o.value=s.appointments||[],u({count:o.value.length,appointments:o.value.map(t=>({orderId:t.orderId,reservationId:t.reservationId,customerName:`${t.customerInfo?.firstName||""} ${t.customerInfo?.lastName||""}`.trim(),email:t.customerInfo?.email,date:t.date,startTime:t.startTime,endTime:t.endTime,spots:t.spots,status:t.reservationStatus||t.status,price:t.reservationPrice}))})}catch(s){a.value=s?.data?.statusMessage||s?.message||"Failed to load appointments",u(`Error loading appointments: ${a.value}`)}finally{l.value=!1}}e.onMounted(()=>{N()});function u(n){d.status!=="completed"&&f("submit",n)}const h=(n,r)=>{if(r!=="confirmed")switch(r){case"pending":return"text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";case"cancelled":return"text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";default:return"text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20"}switch(n||r){case"approved":return"text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";case"needs_approval":return"text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20";case"rejected":case"cancelled":return"text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";default:return"text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20"}},k=(n,r)=>{if(r!=="confirmed")switch(r){case"pending":return"Pending";case"cancelled":return"Cancelled";default:return r||"Unknown"}switch(n||r){case"approved":return"Approved";case"needs_approval":return"Needs Approval";case"rejected":return"Rejected";case"cancelled":return"Cancelled";case"confirmed":return"Confirmed";default:return n||r||"Pending"}},v=n=>n==null?"—":`€${n.toFixed(2)}`,_=n=>{if(!n)return"—";try{return new Date(n).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})}catch{return n}};return(n,r)=>{const s=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",E,[e.unref(l)?(e.openBlock(),e.createElementBlock("div",V,[e.createVNode(e.unref(c.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),r[0]||(r[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading appointments…",-1))])):e.unref(a)?(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString(e.unref(a)),1)):e.unref(o).length===0?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(e.unref(c.CalendarDays),{class:"size-8 text-muted-foreground mx-auto mb-2"}),r[1]||(r[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No recent appointments found.",-1))])):(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("div",B,[e.createElementVNode("table",S,[r[2]||(r[2]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b bg-muted/40"},[e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Customer"),e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Date"),e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Time"),e.createElementVNode("th",{class:"text-center px-3 py-2 font-medium text-muted-foreground"},"Spots"),e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Status"),e.createElementVNode("th",{class:"text-right px-3 py-2 font-medium text-muted-foreground"},"Price")])],-1)),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),t=>(e.openBlock(),e.createElementBlock("tr",{key:t.reservationId||t.orderId,class:"border-b last:border-b-0 hover:bg-muted/30 transition-colors"},[e.createElementVNode("td",T,[e.createElementVNode("div",C,e.toDisplayString(t.customerInfo?.firstName)+" "+e.toDisplayString(t.customerInfo?.lastName),1),e.createElementVNode("div",$,e.toDisplayString(t.customerInfo?.email),1)]),e.createElementVNode("td",A,e.toDisplayString(_(t.date)),1),e.createElementVNode("td",L,e.toDisplayString(t.startTime)+" – "+e.toDisplayString(t.endTime),1),e.createElementVNode("td",j,e.toDisplayString(t.spots||1),1),e.createElementVNode("td",P,[e.createElementVNode("span",{class:e.normalizeClass(["inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap",h(t.reservationStatus,t.status)])},e.toDisplayString(k(t.reservationStatus,t.status)),3)]),e.createElementVNode("td",q,e.toDisplayString(v(t.reservationPrice)),1)]))),128))])])]),e.createElementVNode("div",z,[e.createElementVNode("span",F,e.toDisplayString(e.unref(o).length)+" appointment"+e.toDisplayString(e.unref(o).length===1?"":"s"),1),e.createVNode(s,{to:`/projects/${e.unref(b)}/modules/${i.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"}),r[3]||(r[3]=e.createTextVNode(" View all ",-1))]),_:1},8,["to"])])]))])}}});exports.default=M;

package/dist/Audience-BfkrmBuQ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),D=require("@oneclick.dev/cms-kit");require("./index-BuzLn4Km.js");const r=require("lucide-vue-next"),z=require("./index-D3L8WAJI.js"),H=require("./_plugin-vue_export-helper-BHFhmbuH.js"),I={class:"flex flex-col gap-6 w-full max-w-7xl mx-auto py-8"},K={class:"flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center"},G={key:0,class:"flex items-center gap-2"},J={class:"flex items-center border rounded-lg overflow-hidden"},Q=["onClick"],X={class:"text-sm text-destructive font-medium"},Y={key:2,class:"flex items-center justify-center py-20"},Z={class:"flex flex-col @lg:grid @lg:grid-cols-3 gap-6"},ee={class:"relative"},te={class:"absolute inset-0 flex items-center justify-center pointer-events-none"},se={class:"text-center"},oe={class:"text-xl font-bold tabular-nums"},ne={class:"mt-4 flex items-center gap-6"},le={class:"flex items-center gap-2"},ae={class:"text-sm font-semibold tabular-nums"},re={key:0,class:"text-xs text-muted-foreground"},de={class:"flex items-center gap-2"},ce={class:"text-sm font-semibold tabular-nums"},ie={key:0,class:"text-xs text-muted-foreground"},ue={class:"overflow-x-auto"},me={class:"w-full text-sm"},xe={class:"divide-y"},fe={class:"px-4 py-3"},ge={class:"flex items-center gap-2"},pe={class:"font-medium capitalize"},ve={class:"px-4 py-3 text-right tabular-nums"},he={class:"px-4 py-3 text-right tabular-nums"},Ve={class:"px-4 py-3 text-right tabular-nums"},_e={class:"px-4 py-3 text-right tabular-nums"},Ne={class:"px-4 py-3 text-right tabular-nums"},ye={class:"overflow-x-auto"},be={class:"min-w-[600px]"},Ee={class:"flex items-center mb-1.5"},ke={class:"flex-1 grid grid-cols-24 gap-0.5"},Ce={class:"w-10 shrink-0 text-xs text-muted-foreground"},we={class:"flex-1 grid grid-cols-24 gap-0.5"},Be=["title"],De={class:"grid @lg:grid-cols-3 gap-6"},Se={class:"flex items-center justify-between"},$e={class:"flex items-center gap-1"},ze=["onClick","title"],Re={class:"space-y-3"},Ue={class:"text-sm flex-1 truncate"},Te={class:"flex-1 h-2 bg-muted rounded-full overflow-hidden"},Fe={class:"text-xs tabular-nums text-muted-foreground w-12 text-right"},Me={key:0,class:"py-4 text-center text-muted-foreground text-sm"},Le={class:"space-y-3"},Ae={class:"text-sm flex-1 truncate"},qe={class:"flex-1 h-2 bg-muted rounded-full overflow-hidden"},Pe={class:"text-xs tabular-nums text-muted-foreground w-12 text-right"},Oe={key:0,class:"py-4 text-center text-muted-foreground text-sm"},je={class:"space-y-2.5"},We={class:"flex-1 min-w-0"},He={class:"text-sm truncate block"},Ie={class:"text-xs text-muted-foreground truncate block"},Ke={class:"flex-1 h-2 bg-muted rounded-full overflow-hidden"},Ge={class:"text-xs tabular-nums text-muted-foreground w-12 text-right"},Je={key:0,class:"py-4 text-center text-muted-foreground text-sm"},Qe=e.defineComponent({__name:"Audience",setup(Ye){const{config:S}=D.useModule(),{moduleId:R}=D.useModuleRoute();D.useModuleBreadcrumbs(()=>[{label:"Audience"}]);const u=e.ref(!0),h=e.ref(null),g=e.ref("30"),i=e.ref("browser"),V=e.ref([]),p=e.ref([]),_=e.ref([]),$=e.ref([]),N=e.ref([]),y=e.computed(()=>!!(S.serviceAccount&&S.propertyId));function m(o){return`/api/v1/modules/${R}${o}`}const U=[{label:"7d",value:"7"},{label:"14d",value:"14"},{label:"30d",value:"30"},{label:"90d",value:"90"}];function d(o){return o>=1e6?`${(o/1e6).toFixed(1)}M`:o>=1e3?`${(o/1e3).toFixed(1)}K`:Math.round(o).toString()}function T(o){return`${(o*100).toFixed(1)}%`}function F(o){const t=Math.floor(o/60),n=Math.round(o%60);return t>0?`${t}m ${n}s`:`${n}s`}const x={new:"#3b82f6",returning:"#8b5cf6"},M={new:{label:"New Users",color:x.new},returning:{label:"Returning Users",color:x.returning}},b=e.computed(()=>V.value.find(t=>t.newVsReturning==="new")?.totalUsers||0),E=e.computed(()=>V.value.find(t=>t.newVsReturning==="returning")?.totalUsers||0),L=e.computed(()=>[{key:"new",label:"New",value:b.value,fill:x.new},{key:"returning",label:"Returning",value:E.value,fill:x.returning}]),v=e.computed(()=>b.value+E.value),A=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],q=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],B=e.computed(()=>{const o=Array.from({length:7},()=>Array(24).fill(0));let t=1;return $.value.forEach(n=>{const l=A.indexOf(n.dayOfWeekName),a=parseInt(n.hour,10);l>=0&&a>=0&&a<24&&(o[l][a]=n.sessions||0,n.sessions>t&&(t=n.sessions))}),{matrix:o,maxVal:t}});function P(o,t){if(o===0)return"bg-muted";const n=o/t;return n>.75?"bg-blue-600 dark:bg-blue-500":n>.5?"bg-blue-500 dark:bg-blue-400":n>.25?"bg-blue-400/70 dark:bg-blue-400/60":"bg-blue-300/50 dark:bg-blue-300/30"}const O=[{key:"browser",label:"Browser",icon:r.Chrome},{key:"operatingSystem",label:"OS",icon:r.Cpu},{key:"screenResolution",label:"Screen",icon:r.Monitor}];async function k(){if(!y.value)return;u.value=!0,h.value=null;const o=`${g.value}daysAgo`;try{const[t,n,l,a,c]=await Promise.all([$fetch(m(`/audience/overview?startDate=${o}&endDate=today`)),$fetch(m(`/audience/technology?startDate=${o}&endDate=today&dimension=${i.value}`)),$fetch(m(`/audience/languages?startDate=${o}&endDate=today`)),$fetch(m(`/audience/hours?startDate=${o}&endDate=today`)),$fetch(m(`/audience/cities?startDate=${o}&endDate=today`))]);V.value=t.rows||[],p.value=n.rows||[],_.value=l.rows||[],$.value=a.rows||[],N.value=c.rows||[]}catch(t){h.value=t?.data?.statusMessage||t?.message||"Failed to load audience data"}finally{u.value=!1}}async function j(){const o=`${g.value}daysAgo`;try{const t=await $fetch(m(`/audience/technology?startDate=${o}&endDate=today&dimension=${i.value}`));p.value=t.rows||[]}catch{}}return e.watch(g,()=>k()),e.watch(i,()=>j()),e.onMounted(()=>{y.value?k():u.value=!1}),(o,t)=>{const n=e.resolveComponent("Button"),l=e.resolveComponent("Card"),a=e.resolveComponent("CardTitle"),c=e.resolveComponent("CardHeader"),W=e.resolveComponent("ChartContainer"),f=e.resolveComponent("CardContent");return e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("div",K,[t[0]||(t[0]=e.createElementVNode("div",null,[e.createElementVNode("h1",{class:"text-2xl font-semibold"},"Audience"),e.createElementVNode("p",{class:"text-muted-foreground text-sm mt-1"},"Who visits your site")],-1)),y.value?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",J,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(U,s=>e.createElementVNode("button",{key:s.value,class:e.normalizeClass(["px-3 py-1.5 text-xs font-medium transition-colors",g.value===s.value?"bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground hover:bg-muted"]),onClick:C=>g.value=s.value},e.toDisplayString(s.label),11,Q)),64))]),e.createVNode(n,{variant:"outline",size:"icon",onClick:k,disabled:u.value},{default:e.withCtx(()=>[e.createVNode(e.unref(r.RefreshCw),{class:e.normalizeClass(["size-4",{"animate-spin":u.value}])},null,8,["class"])]),_:1},8,["disabled"])])):e.createCommentVNode("",!0)]),y.value?h.value?(e.openBlock(),e.createBlock(l,{key:1,class:"p-6 border-destructive/50 bg-destructive/5"},{default:e.withCtx(()=>[e.createElementVNode("p",X,e.toDisplayString(h.value),1),e.createVNode(n,{variant:"outline",size:"sm",class:"mt-3",onClick:k},{default:e.withCtx(()=>[...t[2]||(t[2]=[e.createTextVNode("Retry",-1)])]),_:1})]),_:1})):u.value?(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(r.Loader2),{class:"size-8 animate-spin text-muted-foreground"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createElementVNode("div",Z,[e.createVNode(l,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(a,{class:"text-base"},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("New vs Returning",-1)])]),_:1})]),_:1}),e.createVNode(f,{class:"flex flex-col items-center"},{default:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createVNode(W,{config:M,class:"mx-auto aspect-square max-h-[200px]"},{default:e.withCtx(()=>[e.createVNode(e.unref(z.b),{data:L.value,margin:{top:16,bottom:16,left:16,right:16}},{default:e.withCtx(()=>[e.createVNode(e.unref(z.E),{value:s=>s.value,color:s=>s.fill,arcWidth:35,padAngle:.03,cornerRadius:4},null,8,["value","color"])]),_:1},8,["data"])]),_:1}),e.createElementVNode("div",te,[e.createElementVNode("div",se,[e.createElementVNode("p",oe,e.toDisplayString(d(v.value)),1),t[4]||(t[4]=e.createElementVNode("p",{class:"text-xs text-muted-foreground"},"total users",-1))])])]),e.createElementVNode("div",ne,[e.createElementVNode("div",le,[e.createElementVNode("div",{class:"size-2.5 rounded-full",style:e.normalizeStyle({backgroundColor:x.new})},null,4),t[5]||(t[5]=e.createElementVNode("span",{class:"text-sm"},"New",-1)),e.createElementVNode("span",ae,e.toDisplayString(d(b.value)),1),v.value?(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(Math.round(b.value/v.value*100))+"%",1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",de,[e.createElementVNode("div",{class:"size-2.5 rounded-full",style:e.normalizeStyle({backgroundColor:x.returning})},null,4),t[6]||(t[6]=e.createElementVNode("span",{class:"text-sm"},"Returning",-1)),e.createElementVNode("span",ce,e.toDisplayString(d(E.value)),1),v.value?(e.openBlock(),e.createElementBlock("span",ie,e.toDisplayString(Math.round(E.value/v.value*100))+"%",1)):e.createCommentVNode("",!0)])])]),_:1})]),_:1}),e.createVNode(l,{class:"@lg:col-span-2"},{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(a,{class:"text-base"},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode("Engagement by Visitor Type",-1)])]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createElementVNode("div",ue,[e.createElementVNode("table",me,[t[8]||(t[8]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b text-left"},[e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground"},"Type"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Sessions"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Engagement Rate"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Avg Duration"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Pages/Session")])],-1)),e.createElementVNode("tbody",xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,s=>(e.openBlock(),e.createElementBlock("tr",{key:s.newVsReturning,class:"hover:bg-muted/50"},[e.createElementVNode("td",fe,[e.createElementVNode("div",ge,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.newVsReturning==="new"?e.unref(r.UserPlus):e.unref(r.UserCheck)),{class:"size-4 text-muted-foreground"})),e.createElementVNode("span",pe,e.toDisplayString(s.newVsReturning),1)])]),e.createElementVNode("td",ve,e.toDisplayString(d(s.totalUsers)),1),e.createElementVNode("td",he,e.toDisplayString(d(s.sessions)),1),e.createElementVNode("td",Ve,e.toDisplayString(T(s.engagementRate||0)),1),e.createElementVNode("td",_e,e.toDisplayString(F(s.averageSessionDuration||0)),1),e.createElementVNode("td",Ne,e.toDisplayString((s.screenPageViewsPerSession||0).toFixed(1)),1)]))),128))])])])]),_:1})]),_:1})]),e.createVNode(l,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(a,{class:"text-base flex items-center gap-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.Clock),{class:"size-4"}),t[9]||(t[9]=e.createTextVNode(" Peak Hours ",-1))]),_:1}),t[10]||(t[10]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mt-1"},"When your visitors are most active (based on sessions)",-1))]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createElementVNode("div",ye,[e.createElementVNode("div",be,[e.createElementVNode("div",Ee,[t[11]||(t[11]=e.createElementVNode("div",{class:"w-10 shrink-0"},null,-1)),e.createElementVNode("div",ke,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(24,s=>e.createElementVNode("div",{key:s,class:"text-[10px] text-muted-foreground text-center"},e.toDisplayString(s-1),1)),64))])]),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(q,(s,C)=>e.createElementVNode("div",{key:s,class:"flex items-center mb-0.5"},[e.createElementVNode("div",Ce,e.toDisplayString(s),1),e.createElementVNode("div",we,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(24,w=>e.createElementVNode("div",{key:w,class:e.normalizeClass(["aspect-square rounded-sm transition-colors",P(B.value.matrix[C]?.[w-1]||0,B.value.maxVal)]),title:`${s} ${w-1}:00 — ${B.value.matrix[C]?.[w-1]||0} sessions`},null,10,Be)),64))])])),64)),t[12]||(t[12]=e.createElementVNode("div",{class:"flex items-center justify-end gap-1.5 mt-3"},[e.createElementVNode("span",{class:"text-[10px] text-muted-foreground"},"Less"),e.createElementVNode("div",{class:"size-3 rounded-sm bg-muted"}),e.createElementVNode("div",{class:"size-3 rounded-sm bg-blue-300/50 dark:bg-blue-300/30"}),e.createElementVNode("div",{class:"size-3 rounded-sm bg-blue-400/70 dark:bg-blue-400/60"}),e.createElementVNode("div",{class:"size-3 rounded-sm bg-blue-500 dark:bg-blue-400"}),e.createElementVNode("div",{class:"size-3 rounded-sm bg-blue-600 dark:bg-blue-500"}),e.createElementVNode("span",{class:"text-[10px] text-muted-foreground"},"More")],-1))])])]),_:1})]),_:1}),e.createElementVNode("div",De,[e.createVNode(l,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createElementVNode("div",Se,[e.createVNode(a,{class:"text-base"},{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode("Technology",-1)])]),_:1}),e.createElementVNode("div",$e,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(O,s=>e.createElementVNode("button",{key:s.key,class:e.normalizeClass(["p-1.5 rounded-md transition-colors",i.value===s.key?"bg-muted text-foreground":"text-muted-foreground hover:text-foreground"]),onClick:C=>i.value=s.key,title:s.label},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.icon),{class:"size-3.5"}))],10,ze)),64))])])]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createElementVNode("div",Re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s[i.value],class:"flex items-center gap-3"},[e.createElementVNode("span",Ue,e.toDisplayString(s[i.value]||"(not set)"),1),e.createElementVNode("div",Te,[e.createElementVNode("div",{class:"h-full bg-primary rounded-full transition-all",style:e.normalizeStyle({width:`${s.totalUsers/(p.value[0]?.totalUsers||1)*100}%`})},null,4)]),e.createElementVNode("span",Fe,e.toDisplayString(d(s.totalUsers)),1)]))),128)),p.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Me,"No data"))])]),_:1})]),_:1}),e.createVNode(l,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(a,{class:"text-base flex items-center gap-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.Languages),{class:"size-4"}),t[14]||(t[14]=e.createTextVNode(" Languages ",-1))]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createElementVNode("div",Le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s.language,class:"flex items-center gap-3"},[e.createElementVNode("span",Ae,e.toDisplayString(s.language),1),e.createElementVNode("div",qe,[e.createElementVNode("div",{class:"h-full bg-primary rounded-full transition-all",style:e.normalizeStyle({width:`${s.totalUsers/(_.value[0]?.totalUsers||1)*100}%`})},null,4)]),e.createElementVNode("span",Pe,e.toDisplayString(d(s.totalUsers)),1)]))),128)),_.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Oe,"No data"))])]),_:1})]),_:1}),e.createVNode(l,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(a,{class:"text-base flex items-center gap-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.MapPin),{class:"size-4"}),t[15]||(t[15]=e.createTextVNode(" Top Cities ",-1))]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createElementVNode("div",je,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,s=>(e.openBlock(),e.createElementBlock("div",{key:`${s.city}-${s.country}`,class:"flex items-center gap-3"},[e.createElementVNode("div",We,[e.createElementVNode("span",He,e.toDisplayString(s.city),1),e.createElementVNode("span",Ie,e.toDisplayString(s.country),1)]),e.createElementVNode("div",Ke,[e.createElementVNode("div",{class:"h-full bg-primary rounded-full transition-all",style:e.normalizeStyle({width:`${s.totalUsers/(N.value[0]?.totalUsers||1)*100}%`})},null,4)]),e.createElementVNode("span",Ge,e.toDisplayString(d(s.totalUsers)),1)]))),128)),N.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Je,"No data"))])]),_:1})]),_:1})])],64)):(e.openBlock(),e.createBlock(l,{key:0,class:"p-8 text-center"},{default:e.withCtx(()=>[...t[1]||(t[1]=[e.createElementVNode("p",{class:"text-lg font-medium"},"Setup required",-1)])]),_:1}))])}}}),Xe=H._export_sfc(Qe,[["__scopeId","data-v-4f3ae270"]]);exports.default=Xe;

package/dist/{Audience-CIzVtUvV.mjs → Audience-DTblSAiL.mjs}

@@ -1,22 +1,22 @@
-import { defineComponent as oe, ref as f, computed as C, watch as q, onMounted as re, resolveComponent as $, openBlock as o, createElementBlock as r, createElementVNode as e, Fragment as m, renderList as g, normalizeClass as E, toDisplayString as u, createVNode as n, withCtx as l, unref as x, createCommentVNode as R, createBlock as W, createTextVNode as b, normalizeStyle as M, resolveDynamicComponent as K } from "vue";
+import { defineComponent as oe, ref as m, computed as C, watch as q, onMounted as re, resolveComponent as $, openBlock as o, createElementBlock as r, createElementVNode as e, Fragment as f, renderList as g, normalizeClass as E, toDisplayString as u, createVNode as l, withCtx as n, unref as x, createCommentVNode as R, createBlock as W, createTextVNode as b, normalizeStyle as M, resolveDynamicComponent as K } from "vue";
 import { useModule as ue, useModuleRoute as de, useModuleBreadcrumbs as ie } from "@oneclick.dev/cms-kit";
 import "./index-CMk3uhUt.mjs";
-import { RefreshCw as ce, Loader2 as me, UserPlus as fe, UserCheck as ge, Clock as xe, Chrome as ve, Cpu as _e, Monitor as pe, Languages as be, MapPin as he } from "lucide-vue-next";
+import { RefreshCw as ce, Loader2 as fe, UserPlus as me, UserCheck as ge, Clock as xe, Chrome as ve, Cpu as _e, Monitor as pe, Languages as be, MapPin as he } from "lucide-vue-next";
 import { b as ye, E as ke } from "./index-DjDCYQ_6.mjs";
 import { _ as we } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e = { class: "flex items-center justify-between" }, Re = {
+const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e = { class: "flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center" }, Re = {
   key: 0,
   class: "flex items-center gap-2"
 }, De = { class: "flex items-center border rounded-lg overflow-hidden" }, Ue = ["onClick"], ze = { class: "text-sm text-destructive font-medium" }, Me = {
   key: 2,
   class: "flex items-center justify-center py-20"
-}, Se = { class: "grid @lg:grid-cols-3 gap-6" }, Ae = { class: "relative" }, Ne = { class: "absolute inset-0 flex items-center justify-center pointer-events-none" }, Ve = { class: "text-center" }, Te = { class: "text-xl font-bold tabular-nums" }, Be = { class: "mt-4 flex items-center gap-6" }, Fe = { class: "flex items-center gap-2" }, Pe = { class: "text-sm font-semibold tabular-nums" }, Le = {
+}, Se = { class: "flex flex-col @lg:grid @lg:grid-cols-3 gap-6" }, Ae = { class: "relative" }, Ne = { class: "absolute inset-0 flex items-center justify-center pointer-events-none" }, Ve = { class: "text-center" }, Te = { class: "text-xl font-bold tabular-nums" }, Be = { class: "mt-4 flex items-center gap-6" }, Fe = { class: "flex items-center gap-2" }, Pe = { class: "text-sm font-semibold tabular-nums" }, Le = {
   key: 0,
   class: "text-xs text-muted-foreground"
 }, Oe = { class: "flex items-center gap-2" }, Ee = { class: "text-sm font-semibold tabular-nums" }, We = {
   key: 0,
   class: "text-xs text-muted-foreground"
-}, je = { class: "overflow-x-auto" }, Ie = { class: "w-full text-sm" }, He = { class: "divide-y" }, qe = { class: "px-4 py-3" }, Ke = { class: "flex items-center gap-2" }, Ge = { class: "font-medium capitalize" }, Je = { class: "px-4 py-3 text-right tabular-nums" }, Qe = { class: "px-4 py-3 text-right tabular-nums" }, Xe = { class: "px-4 py-3 text-right tabular-nums" }, Ye = { class: "px-4 py-3 text-right tabular-nums" }, Ze = { class: "px-4 py-3 text-right tabular-nums" }, et = { class: "overflow-x-auto" }, tt = { class: "min-w-[600px]" }, st = { class: "flex items-center mb-1.5" }, nt = { class: "flex-1 grid grid-cols-24 gap-0.5" }, lt = { class: "w-10 shrink-0 text-xs text-muted-foreground" }, at = { class: "flex-1 grid grid-cols-24 gap-0.5" }, ot = ["title"], rt = { class: "grid @lg:grid-cols-3 gap-6" }, ut = { class: "flex items-center justify-between" }, dt = { class: "flex items-center gap-1" }, it = ["onClick", "title"], ct = { class: "space-y-3" }, mt = { class: "text-sm flex-1 truncate" }, ft = { class: "flex-1 h-2 bg-muted rounded-full overflow-hidden" }, gt = { class: "text-xs tabular-nums text-muted-foreground w-12 text-right" }, xt = {
+}, je = { class: "overflow-x-auto" }, Ie = { class: "w-full text-sm" }, He = { class: "divide-y" }, qe = { class: "px-4 py-3" }, Ke = { class: "flex items-center gap-2" }, Ge = { class: "font-medium capitalize" }, Je = { class: "px-4 py-3 text-right tabular-nums" }, Qe = { class: "px-4 py-3 text-right tabular-nums" }, Xe = { class: "px-4 py-3 text-right tabular-nums" }, Ye = { class: "px-4 py-3 text-right tabular-nums" }, Ze = { class: "px-4 py-3 text-right tabular-nums" }, et = { class: "overflow-x-auto" }, tt = { class: "min-w-[600px]" }, st = { class: "flex items-center mb-1.5" }, lt = { class: "flex-1 grid grid-cols-24 gap-0.5" }, nt = { class: "w-10 shrink-0 text-xs text-muted-foreground" }, at = { class: "flex-1 grid grid-cols-24 gap-0.5" }, ot = ["title"], rt = { class: "grid @lg:grid-cols-3 gap-6" }, ut = { class: "flex items-center justify-between" }, dt = { class: "flex items-center gap-1" }, it = ["onClick", "title"], ct = { class: "space-y-3" }, ft = { class: "text-sm flex-1 truncate" }, mt = { class: "flex-1 h-2 bg-muted rounded-full overflow-hidden" }, gt = { class: "text-xs tabular-nums text-muted-foreground w-12 text-right" }, xt = {
   key: 0,
   class: "py-4 text-center text-muted-foreground text-sm"
 }, vt = { class: "space-y-3" }, _t = { class: "text-sm flex-1 truncate" }, pt = { class: "flex-1 h-2 bg-muted rounded-full overflow-hidden" }, bt = { class: "text-xs tabular-nums text-muted-foreground w-12 text-right" }, ht = {
@@ -30,7 +30,7 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
   setup(zt) {
     const { config: I } = ue(), { moduleId: G } = de();
     ie(() => [{ label: "Audience" }]);
-    const h = f(!0), S = f(null), D = f("30"), p = f("browser"), A = f([]), U = f([]), N = f([]), H = f([]), V = f([]), T = C(() => !!(I.serviceAccount && I.propertyId));
+    const h = m(!0), S = m(null), D = m("30"), p = m("browser"), A = m([]), U = m([]), N = m([]), H = m([]), V = m([]), T = C(() => !!(I.serviceAccount && I.propertyId));
     function y(a) {
       return `/api/v1/modules/${G}${a}`;
     }
@@ -69,7 +69,7 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
       const d = a / t;
       return d > 0.75 ? "bg-blue-600 dark:bg-blue-500" : d > 0.5 ? "bg-blue-500 dark:bg-blue-400" : d > 0.25 ? "bg-blue-400/70 dark:bg-blue-400/60" : "bg-blue-300/50 dark:bg-blue-300/30";
     }
-    const ne = [
+    const le = [
       { key: "browser", label: "Browser", icon: ve },
       { key: "operatingSystem", label: "OS", icon: _e },
       { key: "screenResolution", label: "Screen", icon: pe }
@@ -93,7 +93,7 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
         h.value = !1;
       }
     }
-    async function le() {
+    async function ne() {
       const a = `${D.value}daysAgo`;
       try {
         const t = await $fetch(y(`/audience/technology?startDate=${a}&endDate=today&dimension=${p.value}`));
@@ -101,7 +101,7 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
       } catch {
       }
     }
-    return q(D, () => P()), q(p, () => le()), re(() => {
+    return q(D, () => P()), q(p, () => ne()), re(() => {
       T.value ? P() : h.value = !1;
     }), (a, t) => {
       const d = $("Button"), i = $("Card"), c = $("CardTitle"), _ = $("CardHeader"), ae = $("ChartContainer"), w = $("CardContent");
@@ -113,20 +113,20 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
           ], -1)),
           T.value ? (o(), r("div", Re, [
             e("div", De, [
-              (o(), r(m, null, g(J, (s) => e("button", {
+              (o(), r(f, null, g(J, (s) => e("button", {
                 key: s.value,
                 class: E(["px-3 py-1.5 text-xs font-medium transition-colors", D.value === s.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"]),
                 onClick: (L) => D.value = s.value
               }, u(s.label), 11, Ue)), 64))
             ]),
-            n(d, {
+            l(d, {
               variant: "outline",
               size: "icon",
               onClick: P,
               disabled: h.value
             }, {
-              default: l(() => [
-                n(x(ce), {
+              default: n(() => [
+                l(x(ce), {
                   class: E(["size-4", { "animate-spin": h.value }])
                 }, null, 8, ["class"])
               ]),
@@ -138,15 +138,15 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
           key: 1,
           class: "p-6 border-destructive/50 bg-destructive/5"
         }, {
-          default: l(() => [
+          default: n(() => [
             e("p", ze, u(S.value), 1),
-            n(d, {
+            l(d, {
               variant: "outline",
               size: "sm",
               class: "mt-3",
               onClick: P
             }, {
-              default: l(() => [...t[2] || (t[2] = [
+              default: n(() => [...t[2] || (t[2] = [
                 b("Retry", -1)
               ])]),
               _: 1
@@ -154,15 +154,15 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
           ]),
           _: 1
         })) : h.value ? (o(), r("div", Me, [
-          n(x(me), { class: "size-8 animate-spin text-muted-foreground" })
-        ])) : (o(), r(m, { key: 3 }, [
+          l(x(fe), { class: "size-8 animate-spin text-muted-foreground" })
+        ])) : (o(), r(f, { key: 3 }, [
           e("div", Se, [
-            n(i, null, {
-              default: l(() => [
-                n(_, { class: "pb-2" }, {
-                  default: l(() => [
-                    n(c, { class: "text-base" }, {
-                      default: l(() => [...t[3] || (t[3] = [
+            l(i, null, {
+              default: n(() => [
+                l(_, { class: "pb-2" }, {
+                  default: n(() => [
+                    l(c, { class: "text-base" }, {
+                      default: n(() => [...t[3] || (t[3] = [
                         b("New vs Returning", -1)
                       ])]),
                       _: 1
@@ -170,20 +170,20 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
                   ]),
                   _: 1
                 }),
-                n(w, { class: "flex flex-col items-center" }, {
-                  default: l(() => [
+                l(w, { class: "flex flex-col items-center" }, {
+                  default: n(() => [
                     e("div", Ae, [
-                      n(ae, {
+                      l(ae, {
                         config: Y,
                         class: "mx-auto aspect-square max-h-[200px]"
                       }, {
-                        default: l(() => [
-                          n(x(ye), {
+                        default: n(() => [
+                          l(x(ye), {
                             data: Z.value,
                             margin: { top: 16, bottom: 16, left: 16, right: 16 }
                           }, {
-                            default: l(() => [
-                              n(x(ke), {
+                            default: n(() => [
+                              l(x(ke), {
                                 value: (s) => s.value,
                                 color: (s) => s.fill,
                                 arcWidth: 35,
@@ -229,12 +229,12 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
               ]),
               _: 1
             }),
-            n(i, { class: "@lg:col-span-2" }, {
-              default: l(() => [
-                n(_, { class: "pb-2" }, {
-                  default: l(() => [
-                    n(c, { class: "text-base" }, {
-                      default: l(() => [...t[7] || (t[7] = [
+            l(i, { class: "@lg:col-span-2" }, {
+              default: n(() => [
+                l(_, { class: "pb-2" }, {
+                  default: n(() => [
+                    l(c, { class: "text-base" }, {
+                      default: n(() => [...t[7] || (t[7] = [
                         b("Engagement by Visitor Type", -1)
                       ])]),
                       _: 1
@@ -242,8 +242,8 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
                   ]),
                   _: 1
                 }),
-                n(w, null, {
-                  default: l(() => [
+                l(w, null, {
+                  default: n(() => [
                     e("div", je, [
                       e("table", Ie, [
                         t[8] || (t[8] = e("thead", null, [
@@ -257,13 +257,13 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
                           ])
                         ], -1)),
                         e("tbody", He, [
-                          (o(!0), r(m, null, g(A.value, (s) => (o(), r("tr", {
+                          (o(!0), r(f, null, g(A.value, (s) => (o(), r("tr", {
                             key: s.newVsReturning,
                             class: "hover:bg-muted/50"
                           }, [
                             e("td", qe, [
                               e("div", Ke, [
-                                (o(), W(K(s.newVsReturning === "new" ? x(fe) : x(ge)), { class: "size-4 text-muted-foreground" })),
+                                (o(), W(K(s.newVsReturning === "new" ? x(me) : x(ge)), { class: "size-4 text-muted-foreground" })),
                                 e("span", Ge, u(s.newVsReturning), 1)
                               ])
                             ]),
@@ -283,13 +283,13 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
               _: 1
             })
           ]),
-          n(i, null, {
-            default: l(() => [
-              n(_, { class: "pb-2" }, {
-                default: l(() => [
-                  n(c, { class: "text-base flex items-center gap-2" }, {
-                    default: l(() => [
-                      n(x(xe), { class: "size-4" }),
+          l(i, null, {
+            default: n(() => [
+              l(_, { class: "pb-2" }, {
+                default: n(() => [
+                  l(c, { class: "text-base flex items-center gap-2" }, {
+                    default: n(() => [
+                      l(x(xe), { class: "size-4" }),
                       t[9] || (t[9] = b(" Peak Hours ", -1))
                     ]),
                     _: 1
@@ -298,26 +298,26 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
                 ]),
                 _: 1
               }),
-              n(w, null, {
-                default: l(() => [
+              l(w, null, {
+                default: n(() => [
                   e("div", et, [
                     e("div", tt, [
                       e("div", st, [
                         t[11] || (t[11] = e("div", { class: "w-10 shrink-0" }, null, -1)),
-                        e("div", nt, [
-                          (o(), r(m, null, g(24, (s) => e("div", {
+                        e("div", lt, [
+                          (o(), r(f, null, g(24, (s) => e("div", {
                             key: s,
                             class: "text-[10px] text-muted-foreground text-center"
                           }, u(s - 1), 1)), 64))
                         ])
                       ]),
-                      (o(), r(m, null, g(te, (s, L) => e("div", {
+                      (o(), r(f, null, g(te, (s, L) => e("div", {
                         key: s,
                         class: "flex items-center mb-0.5"
                       }, [
-                        e("div", lt, u(s), 1),
+                        e("div", nt, u(s), 1),
                         e("div", at, [
-                          (o(), r(m, null, g(24, (O) => e("div", {
+                          (o(), r(f, null, g(24, (O) => e("div", {
                             key: O,
                             class: E(["aspect-square rounded-sm transition-colors", se(j.value.matrix[L]?.[O - 1] || 0, j.value.maxVal)]),
                             title: `${s} ${O - 1}:00 — ${j.value.matrix[L]?.[O - 1] || 0} sessions`
@@ -342,19 +342,19 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
             _: 1
           }),
           e("div", rt, [
-            n(i, null, {
-              default: l(() => [
-                n(_, { class: "pb-2" }, {
-                  default: l(() => [
+            l(i, null, {
+              default: n(() => [
+                l(_, { class: "pb-2" }, {
+                  default: n(() => [
                     e("div", ut, [
-                      n(c, { class: "text-base" }, {
-                        default: l(() => [...t[13] || (t[13] = [
+                      l(c, { class: "text-base" }, {
+                        default: n(() => [...t[13] || (t[13] = [
                           b("Technology", -1)
                         ])]),
                         _: 1
                       }),
                       e("div", dt, [
-                        (o(), r(m, null, g(ne, (s) => e("button", {
+                        (o(), r(f, null, g(le, (s) => e("button", {
                           key: s.key,
                           class: E(["p-1.5 rounded-md transition-colors", p.value === s.key ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground"]),
                           onClick: (L) => p.value = s.key,
@@ -367,15 +367,15 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
                   ]),
                   _: 1
                 }),
-                n(w, null, {
-                  default: l(() => [
+                l(w, null, {
+                  default: n(() => [
                     e("div", ct, [
-                      (o(!0), r(m, null, g(U.value, (s) => (o(), r("div", {
+                      (o(!0), r(f, null, g(U.value, (s) => (o(), r("div", {
                         key: s[p.value],
                         class: "flex items-center gap-3"
                       }, [
-                        e("span", mt, u(s[p.value] || "(not set)"), 1),
-                        e("div", ft, [
+                        e("span", ft, u(s[p.value] || "(not set)"), 1),
+                        e("div", mt, [
                           e("div", {
                             class: "h-full bg-primary rounded-full transition-all",
                             style: M({ width: `${s.totalUsers / (U.value[0]?.totalUsers || 1) * 100}%` })
@@ -391,13 +391,13 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
               ]),
               _: 1
             }),
-            n(i, null, {
-              default: l(() => [
-                n(_, { class: "pb-2" }, {
-                  default: l(() => [
-                    n(c, { class: "text-base flex items-center gap-2" }, {
-                      default: l(() => [
-                        n(x(be), { class: "size-4" }),
+            l(i, null, {
+              default: n(() => [
+                l(_, { class: "pb-2" }, {
+                  default: n(() => [
+                    l(c, { class: "text-base flex items-center gap-2" }, {
+                      default: n(() => [
+                        l(x(be), { class: "size-4" }),
                         t[14] || (t[14] = b(" Languages ", -1))
                       ]),
                       _: 1
@@ -405,10 +405,10 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
                   ]),
                   _: 1
                 }),
-                n(w, null, {
-                  default: l(() => [
+                l(w, null, {
+                  default: n(() => [
                     e("div", vt, [
-                      (o(!0), r(m, null, g(N.value, (s) => (o(), r("div", {
+                      (o(!0), r(f, null, g(N.value, (s) => (o(), r("div", {
                         key: s.language,
                         class: "flex items-center gap-3"
                       }, [
@@ -429,13 +429,13 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
               ]),
               _: 1
             }),
-            n(i, null, {
-              default: l(() => [
-                n(_, { class: "pb-2" }, {
-                  default: l(() => [
-                    n(c, { class: "text-base flex items-center gap-2" }, {
-                      default: l(() => [
-                        n(x(he), { class: "size-4" }),
+            l(i, null, {
+              default: n(() => [
+                l(_, { class: "pb-2" }, {
+                  default: n(() => [
+                    l(c, { class: "text-base flex items-center gap-2" }, {
+                      default: n(() => [
+                        l(x(he), { class: "size-4" }),
                         t[15] || (t[15] = b(" Top Cities ", -1))
                       ]),
                       _: 1
@@ -443,10 +443,10 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
                   ]),
                   _: 1
                 }),
-                n(w, null, {
-                  default: l(() => [
+                l(w, null, {
+                  default: n(() => [
                     e("div", yt, [
-                      (o(!0), r(m, null, g(V.value, (s) => (o(), r("div", {
+                      (o(!0), r(f, null, g(V.value, (s) => (o(), r("div", {
                         key: `${s.city}-${s.country}`,
                         class: "flex items-center gap-3"
                       }, [
@@ -475,7 +475,7 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
           key: 0,
           class: "p-8 text-center"
         }, {
-          default: l(() => [...t[1] || (t[1] = [
+          default: n(() => [...t[1] || (t[1] = [
             e("p", { class: "text-lg font-medium" }, "Setup required", -1)
           ])]),
           _: 1
@@ -483,7 +483,7 @@ const Ce = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, $e =
       ]);
     };
   }
-}), Bt = /* @__PURE__ */ we(Ut, [["__scopeId", "data-v-4c7905b1"]]);
+}), Bt = /* @__PURE__ */ we(Ut, [["__scopeId", "data-v-4f3ae270"]]);
 export {
   Bt as default
 };