@oneclick.dev/cms-core-modules 0.0.110 → 0.0.112

package/dist/{Acquisition-Dt2rREU8.js → Acquisition-DgzDQH51.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("@oneclick.dev/cms-kit");require("./index-B5aBwdxY.js");const d=require("lucide-vue-next"),B=require("./index-BiT55eU0.js"),q={class:"@container/charts flex flex-col gap-6 w-full max-w-7xl mx-auto py-8"},L={class:"flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center"},U={key:0,class:"flex items-center gap-2"},F={class:"flex items-center border rounded-lg overflow-hidden"},A=["onClick"],G={class:"text-sm text-destructive font-medium"},T={key:2,class:"flex items-center justify-center py-20"},j={class:"flex flex-col @4xl/charts:grid @4xl/charts:grid-cols-3 gap-6"},O={class:"relative"},P={class:"absolute inset-0 flex items-center justify-center pointer-events-none"},H={class:"text-center"},I={class:"text-2xl font-bold tabular-nums"},K={class:"mt-4 grid grid-cols-2 gap-x-4 gap-y-1.5 w-full"},W={class:"text-xs truncate"},J={class:"text-xs text-muted-foreground ml-auto tabular-nums"},Q={class:"overflow-x-auto"},X={class:"w-full text-sm"},Y={class:"divide-y"},Z={class:"px-6 py-3"},ee={class:"flex items-center gap-2"},te={class:"font-medium"},oe={class:"px-4 py-3 text-right tabular-nums"},se={class:"px-4 py-3 text-right tabular-nums"},ne={class:"px-4 py-3 text-right tabular-nums"},ae={class:"px-4 py-3 text-right tabular-nums"},le={class:"px-4 py-3 text-right tabular-nums"},re={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},ce={class:"flex items-center gap-4"},ie=["onClick"],de={key:0,class:"divide-y"},ue={class:"overflow-x-auto"},me={class:"w-full text-sm"},pe={class:"divide-y"},xe={class:"px-6 py-3 text-muted-foreground"},fe={class:"px-4 py-3 font-mono text-xs"},ge={class:"px-4 py-3 text-right tabular-nums"},he={class:"px-4 py-3 text-right tabular-nums"},_e={class:"px-4 py-3 text-right tabular-nums"},ye={class:"px-4 py-3 text-right tabular-nums"},ve={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},Ne={key:1,class:"divide-y"},Ve={class:"flex items-center gap-3 min-w-0"},ke={class:"text-muted-foreground w-5 text-right shrink-0"},Ee={class:"truncate font-medium"},Ce={class:"flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground"},be={class:"w-20 text-right"},Be={class:"w-16 text-right"},we={class:"w-16 text-right"},De={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},Se={key:2,class:"divide-y"},Me={class:"flex items-center gap-3 min-w-0"},$e={class:"text-muted-foreground w-5 text-right shrink-0"},Re={class:"truncate font-medium"},ze={class:"flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground"},qe={class:"w-20 text-right"},Le={class:"w-16 text-right"},Ue={class:"w-16 text-right"},Fe={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},Ae=e.defineComponent({__name:"Acquisition",setup(Ge){const{config:b}=C.useModule(),{moduleId:w}=C.useModuleRoute();C.useModuleBreadcrumbs(()=>[{label:"Acquisition"}]);const u=e.ref(!0),p=e.ref(null),x=e.ref("30"),m=e.ref("sources"),i=e.ref([]),v=e.ref([]),N=e.ref([]),V=e.ref([]),f=e.computed(()=>!!(b.serviceAccount&&b.propertyId));function g(s){return`/api/v1/modules/${w}${s}`}const D=[{label:"7d",value:"7"},{label:"14d",value:"14"},{label:"30d",value:"30"},{label:"90d",value:"90"}],c=["#3b82f6","#8b5cf6","#10b981","#f59e0b","#ef4444","#06b6d4","#ec4899","#84cc16","#f97316","#6366f1","#14b8a6","#e11d48","#a855f7","#22c55e","#eab308"],S=e.computed(()=>{const s={};return i.value.forEach((o,l)=>{const r=(o.sessionDefaultChannelGroup||"other").toLowerCase().replace(/[^a-z0-9]/g,"_");s[r]={label:o.sessionDefaultChannelGroup||"Other",color:c[l%c.length]}}),s}),M=e.computed(()=>i.value.map((s,o)=>({key:(s.sessionDefaultChannelGroup||"other").toLowerCase().replace(/[^a-z0-9]/g,"_"),label:s.sessionDefaultChannelGroup||"Other",sessions:s.sessions||0,fill:c[o%c.length]}))),$=e.computed(()=>i.value.reduce((s,o)=>s+(o.sessions||0),0));function n(s){return s>=1e6?`${(s/1e6).toFixed(1)}M`:s>=1e3?`${(s/1e3).toFixed(1)}K`:Math.round(s).toString()}function h(s){return`${(s*100).toFixed(1)}%`}function R(s){const o=Math.floor(s/60),l=Math.round(s%60);return o>0?`${o}m ${l}s`:`${l}s`}async function _(){if(!f.value)return;u.value=!0,p.value=null;const s=`${x.value}daysAgo`;try{const[o,l,r,y]=await Promise.all([$fetch(g(`/acquisition/channels?startDate=${s}&endDate=today`)),$fetch(g(`/acquisition/source-medium?startDate=${s}&endDate=today`)),$fetch(g(`/acquisition/referrals?startDate=${s}&endDate=today`)).catch(()=>({rows:[]})),$fetch(g(`/acquisition/campaigns?startDate=${s}&endDate=today`)).catch(()=>({rows:[]}))]);i.value=o.rows||[],v.value=l.rows||[],N.value=r.rows||[],V.value=y.rows||[]}catch(o){p.value=o?.data?.statusMessage||o?.message||"Failed to load acquisition data"}finally{u.value=!1}}return e.watch(x,()=>_()),e.onMounted(()=>{f.value?_():u.value=!1}),(s,o)=>{const l=e.resolveComponent("Button"),r=e.resolveComponent("Card"),y=e.resolveComponent("CardTitle"),k=e.resolveComponent("CardHeader"),z=e.resolveComponent("ChartContainer"),E=e.resolveComponent("CardContent");return e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",L,[o[0]||(o[0]=e.createElementVNode("div",null,[e.createElementVNode("h1",{class:"text-2xl font-semibold"},"Acquisition"),e.createElementVNode("p",{class:"text-muted-foreground text-sm mt-1"},"Where your traffic comes from")],-1)),f.value?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",F,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(D,t=>e.createElementVNode("button",{key:t.value,class:e.normalizeClass(["px-3 py-1.5 text-xs font-medium transition-colors",x.value===t.value?"bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground hover:bg-muted"]),onClick:a=>x.value=t.value},e.toDisplayString(t.label),11,A)),64))]),e.createVNode(l,{variant:"outline",size:"icon",onClick:_,disabled:u.value},{default:e.withCtx(()=>[e.createVNode(e.unref(d.RefreshCw),{class:e.normalizeClass(["size-4",{"animate-spin":u.value}])},null,8,["class"])]),_:1},8,["disabled"])])):e.createCommentVNode("",!0)]),f.value?p.value?(e.openBlock(),e.createBlock(r,{key:1,class:"p-6 border-destructive/50 bg-destructive/5"},{default:e.withCtx(()=>[e.createElementVNode("p",G,e.toDisplayString(p.value),1),e.createVNode(l,{variant:"outline",size:"sm",class:"mt-3",onClick:_},{default:e.withCtx(()=>[...o[2]||(o[2]=[e.createTextVNode("Retry",-1)])]),_:1})]),_:1})):u.value?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(e.unref(d.Loader2),{class:"size-8 animate-spin text-muted-foreground"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createElementVNode("div",j,[e.createVNode(r,{class:"@4xl/charts:col-span-1"},{default:e.withCtx(()=>[e.createVNode(k,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(y,{class:"text-base"},{default:e.withCtx(()=>[...o[3]||(o[3]=[e.createTextVNode("Channel Mix",-1)])]),_:1})]),_:1}),e.createVNode(E,{class:"flex flex-col items-center"},{default:e.withCtx(()=>[e.createElementVNode("div",O,[e.createVNode(z,{config:S.value,class:"mx-auto aspect-square max-h-[220px]"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.S),{data:M.value,margin:{top:20,bottom:20,left:20,right:20}},{default:e.withCtx(()=>[e.createVNode(e.unref(B.E),{value:t=>t.sessions,color:t=>t.fill,arcWidth:40,padAngle:.02,cornerRadius:4},null,8,["value","color"])]),_:1},8,["data"])]),_:1},8,["config"]),e.createElementVNode("div",P,[e.createElementVNode("div",H,[e.createElementVNode("p",I,e.toDisplayString(n($.value)),1),o[4]||(o[4]=e.createElementVNode("p",{class:"text-xs text-muted-foreground"},"sessions",-1))])])]),e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value.slice(0,8),(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:t.sessionDefaultChannelGroup,class:"flex items-center gap-2"},[e.createElementVNode("div",{class:"size-2.5 rounded-full shrink-0",style:e.normalizeStyle({backgroundColor:c[a%c.length]})},null,4),e.createElementVNode("span",W,e.toDisplayString(t.sessionDefaultChannelGroup),1),e.createElementVNode("span",J,e.toDisplayString(n(t.sessions)),1)]))),128))])]),_:1})]),_:1}),e.createVNode(r,{class:"@4xl/charts:col-span-2"},{default:e.withCtx(()=>[e.createVNode(k,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(y,{class:"text-base"},{default:e.withCtx(()=>[...o[5]||(o[5]=[e.createTextVNode("Channels Performance",-1)])]),_:1})]),_:1}),e.createVNode(E,{class:"p-0"},{default:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createElementVNode("table",X,[o[6]||(o[6]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b text-left"},[e.createElementVNode("th",{class:"px-6 py-3 font-medium text-muted-foreground"},"Channel"),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"},"Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"New Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Engage Rate"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Avg Duration")])],-1)),e.createElementVNode("tbody",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(t,a)=>(e.openBlock(),e.createElementBlock("tr",{key:t.sessionDefaultChannelGroup,class:"hover:bg-muted/50"},[e.createElementVNode("td",Z,[e.createElementVNode("div",ee,[e.createElementVNode("div",{class:"size-2.5 rounded-full shrink-0",style:e.normalizeStyle({backgroundColor:c[a%c.length]})},null,4),e.createElementVNode("span",te,e.toDisplayString(t.sessionDefaultChannelGroup),1)])]),e.createElementVNode("td",oe,e.toDisplayString(n(t.sessions)),1),e.createElementVNode("td",se,e.toDisplayString(n(t.totalUsers)),1),e.createElementVNode("td",ne,e.toDisplayString(n(t.newUsers)),1),e.createElementVNode("td",ae,e.toDisplayString(h(t.engagementRate||0)),1),e.createElementVNode("td",le,e.toDisplayString(R(t.averageSessionDuration||0)),1)]))),128))])])]),i.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",re,"No channel data available"))]),_:1})]),_:1})]),e.createVNode(r,null,{default:e.withCtx(()=>[e.createVNode(k,{class:"pb-0"},{default:e.withCtx(()=>[e.createElementVNode("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList([{key:"sources",label:"Source / Medium",icon:e.unref(d.Share2)},{key:"referrals",label:"Referrals",icon:e.unref(d.ExternalLink)},{key:"campaigns",label:"Campaigns",icon:e.unref(d.Megaphone)}],t=>(e.openBlock(),e.createElementBlock("button",{key:t.key,class:e.normalizeClass(["flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md transition-colors",m.value===t.key?"bg-muted text-foreground":"text-muted-foreground hover:text-foreground"]),onClick:a=>m.value=t.key},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{class:"size-3.5"})),e.createTextVNode(" "+e.toDisplayString(t.label),1)],10,ie))),128))])]),_:1}),e.createVNode(E,{class:"p-0 mt-4"},{default:e.withCtx(()=>[m.value==="sources"?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",ue,[e.createElementVNode("table",me,[o[7]||(o[7]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b text-left"},[e.createElementVNode("th",{class:"px-6 py-3 font-medium text-muted-foreground"},"#"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground"},"Source / Medium"),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"},"Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"New Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Bounce Rate")])],-1)),e.createElementVNode("tbody",pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(t,a)=>(e.openBlock(),e.createElementBlock("tr",{key:t.sessionSourceMedium,class:"hover:bg-muted/50"},[e.createElementVNode("td",xe,e.toDisplayString(a+1),1),e.createElementVNode("td",fe,e.toDisplayString(t.sessionSourceMedium),1),e.createElementVNode("td",ge,e.toDisplayString(n(t.sessions)),1),e.createElementVNode("td",he,e.toDisplayString(n(t.totalUsers)),1),e.createElementVNode("td",_e,e.toDisplayString(n(t.newUsers)),1),e.createElementVNode("td",ye,e.toDisplayString(h(t.bounceRate||0)),1)]))),128))])])]),v.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ve,"No data available"))])):e.createCommentVNode("",!0),m.value==="referrals"?(e.openBlock(),e.createElementBlock("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:t.sessionSource,class:"flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"},[e.createElementVNode("div",Ve,[e.createElementVNode("span",ke,e.toDisplayString(a+1),1),e.createVNode(e.unref(d.ExternalLink),{class:"size-3.5 text-muted-foreground shrink-0"}),e.createElementVNode("span",Ee,e.toDisplayString(t.sessionSource),1)]),e.createElementVNode("div",Ce,[e.createElementVNode("span",be,e.toDisplayString(n(t.sessions))+" sessions",1),e.createElementVNode("span",Be,e.toDisplayString(n(t.totalUsers))+" users",1),e.createElementVNode("span",we,e.toDisplayString(h(t.engagementRate||0))+" eng.",1)])]))),128)),N.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",De,"No referral data available"))])):e.createCommentVNode("",!0),m.value==="campaigns"?(e.openBlock(),e.createElementBlock("div",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:t.sessionCampaignName,class:"flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"},[e.createElementVNode("div",Me,[e.createElementVNode("span",$e,e.toDisplayString(a+1),1),e.createVNode(e.unref(d.Megaphone),{class:"size-3.5 text-muted-foreground shrink-0"}),e.createElementVNode("span",Re,e.toDisplayString(t.sessionCampaignName),1)]),e.createElementVNode("div",ze,[e.createElementVNode("span",qe,e.toDisplayString(n(t.sessions))+" sessions",1),e.createElementVNode("span",Le,e.toDisplayString(n(t.totalUsers))+" users",1),e.createElementVNode("span",Ue,e.toDisplayString(h(t.engagementRate||0))+" eng.",1)])]))),128)),V.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Fe,"No campaign data. Use UTM parameters in your URLs to track campaigns."))])):e.createCommentVNode("",!0)]),_:1})]),_:1})],64)):(e.openBlock(),e.createBlock(r,{key:0,class:"p-8 text-center"},{default:e.withCtx(()=>[...o[1]||(o[1]=[e.createElementVNode("p",{class:"text-lg font-medium"},"Setup required",-1),e.createElementVNode("p",{class:"text-sm text-muted-foreground mt-2"},"Configure your GA4 property in module settings.",-1)])]),_:1}))])}}});exports.default=Ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("@oneclick.dev/cms-kit");require("./index-DtSvAFLL.js");const d=require("lucide-vue-next"),B=require("./index-DUlYrnXH.js"),q={class:"@container/charts flex flex-col gap-6 w-full max-w-7xl mx-auto py-8"},L={class:"flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center"},U={key:0,class:"flex items-center gap-2"},F={class:"flex items-center border rounded-lg overflow-hidden"},A=["onClick"],G={class:"text-sm text-destructive font-medium"},T={key:2,class:"flex items-center justify-center py-20"},j={class:"flex flex-col @4xl/charts:grid @4xl/charts:grid-cols-3 gap-6"},O={class:"relative"},P={class:"absolute inset-0 flex items-center justify-center pointer-events-none"},H={class:"text-center"},I={class:"text-2xl font-bold tabular-nums"},K={class:"mt-4 grid grid-cols-2 gap-x-4 gap-y-1.5 w-full"},W={class:"text-xs truncate"},J={class:"text-xs text-muted-foreground ml-auto tabular-nums"},Q={class:"overflow-x-auto"},X={class:"w-full text-sm"},Y={class:"divide-y"},Z={class:"px-6 py-3"},ee={class:"flex items-center gap-2"},te={class:"font-medium"},oe={class:"px-4 py-3 text-right tabular-nums"},se={class:"px-4 py-3 text-right tabular-nums"},ne={class:"px-4 py-3 text-right tabular-nums"},ae={class:"px-4 py-3 text-right tabular-nums"},le={class:"px-4 py-3 text-right tabular-nums"},re={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},ce={class:"flex items-center gap-4"},ie=["onClick"],de={key:0,class:"divide-y"},ue={class:"overflow-x-auto"},me={class:"w-full text-sm"},pe={class:"divide-y"},xe={class:"px-6 py-3 text-muted-foreground"},fe={class:"px-4 py-3 font-mono text-xs"},ge={class:"px-4 py-3 text-right tabular-nums"},he={class:"px-4 py-3 text-right tabular-nums"},_e={class:"px-4 py-3 text-right tabular-nums"},ye={class:"px-4 py-3 text-right tabular-nums"},ve={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},Ne={key:1,class:"divide-y"},Ve={class:"flex items-center gap-3 min-w-0"},ke={class:"text-muted-foreground w-5 text-right shrink-0"},Ee={class:"truncate font-medium"},Ce={class:"flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground"},be={class:"w-20 text-right"},Be={class:"w-16 text-right"},we={class:"w-16 text-right"},De={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},Se={key:2,class:"divide-y"},Me={class:"flex items-center gap-3 min-w-0"},$e={class:"text-muted-foreground w-5 text-right shrink-0"},Re={class:"truncate font-medium"},ze={class:"flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground"},qe={class:"w-20 text-right"},Le={class:"w-16 text-right"},Ue={class:"w-16 text-right"},Fe={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},Ae=e.defineComponent({__name:"Acquisition",setup(Ge){const{config:b}=C.useModule(),{moduleId:w}=C.useModuleRoute();C.useModuleBreadcrumbs(()=>[{label:"Acquisition"}]);const u=e.ref(!0),p=e.ref(null),x=e.ref("30"),m=e.ref("sources"),i=e.ref([]),v=e.ref([]),N=e.ref([]),V=e.ref([]),f=e.computed(()=>!!(b.serviceAccount&&b.propertyId));function g(s){return`/api/v1/modules/${w}${s}`}const D=[{label:"7d",value:"7"},{label:"14d",value:"14"},{label:"30d",value:"30"},{label:"90d",value:"90"}],c=["#3b82f6","#8b5cf6","#10b981","#f59e0b","#ef4444","#06b6d4","#ec4899","#84cc16","#f97316","#6366f1","#14b8a6","#e11d48","#a855f7","#22c55e","#eab308"],S=e.computed(()=>{const s={};return i.value.forEach((o,l)=>{const r=(o.sessionDefaultChannelGroup||"other").toLowerCase().replace(/[^a-z0-9]/g,"_");s[r]={label:o.sessionDefaultChannelGroup||"Other",color:c[l%c.length]}}),s}),M=e.computed(()=>i.value.map((s,o)=>({key:(s.sessionDefaultChannelGroup||"other").toLowerCase().replace(/[^a-z0-9]/g,"_"),label:s.sessionDefaultChannelGroup||"Other",sessions:s.sessions||0,fill:c[o%c.length]}))),$=e.computed(()=>i.value.reduce((s,o)=>s+(o.sessions||0),0));function n(s){return s>=1e6?`${(s/1e6).toFixed(1)}M`:s>=1e3?`${(s/1e3).toFixed(1)}K`:Math.round(s).toString()}function h(s){return`${(s*100).toFixed(1)}%`}function R(s){const o=Math.floor(s/60),l=Math.round(s%60);return o>0?`${o}m ${l}s`:`${l}s`}async function _(){if(!f.value)return;u.value=!0,p.value=null;const s=`${x.value}daysAgo`;try{const[o,l,r,y]=await Promise.all([$fetch(g(`/acquisition/channels?startDate=${s}&endDate=today`)),$fetch(g(`/acquisition/source-medium?startDate=${s}&endDate=today`)),$fetch(g(`/acquisition/referrals?startDate=${s}&endDate=today`)).catch(()=>({rows:[]})),$fetch(g(`/acquisition/campaigns?startDate=${s}&endDate=today`)).catch(()=>({rows:[]}))]);i.value=o.rows||[],v.value=l.rows||[],N.value=r.rows||[],V.value=y.rows||[]}catch(o){p.value=o?.data?.statusMessage||o?.message||"Failed to load acquisition data"}finally{u.value=!1}}return e.watch(x,()=>_()),e.onMounted(()=>{f.value?_():u.value=!1}),(s,o)=>{const l=e.resolveComponent("Button"),r=e.resolveComponent("Card"),y=e.resolveComponent("CardTitle"),k=e.resolveComponent("CardHeader"),z=e.resolveComponent("ChartContainer"),E=e.resolveComponent("CardContent");return e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",L,[o[0]||(o[0]=e.createElementVNode("div",null,[e.createElementVNode("h1",{class:"text-2xl font-semibold"},"Acquisition"),e.createElementVNode("p",{class:"text-muted-foreground text-sm mt-1"},"Where your traffic comes from")],-1)),f.value?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",F,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(D,t=>e.createElementVNode("button",{key:t.value,class:e.normalizeClass(["px-3 py-1.5 text-xs font-medium transition-colors",x.value===t.value?"bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground hover:bg-muted"]),onClick:a=>x.value=t.value},e.toDisplayString(t.label),11,A)),64))]),e.createVNode(l,{variant:"outline",size:"icon",onClick:_,disabled:u.value},{default:e.withCtx(()=>[e.createVNode(e.unref(d.RefreshCw),{class:e.normalizeClass(["size-4",{"animate-spin":u.value}])},null,8,["class"])]),_:1},8,["disabled"])])):e.createCommentVNode("",!0)]),f.value?p.value?(e.openBlock(),e.createBlock(r,{key:1,class:"p-6 border-destructive/50 bg-destructive/5"},{default:e.withCtx(()=>[e.createElementVNode("p",G,e.toDisplayString(p.value),1),e.createVNode(l,{variant:"outline",size:"sm",class:"mt-3",onClick:_},{default:e.withCtx(()=>[...o[2]||(o[2]=[e.createTextVNode("Retry",-1)])]),_:1})]),_:1})):u.value?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(e.unref(d.Loader2),{class:"size-8 animate-spin text-muted-foreground"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createElementVNode("div",j,[e.createVNode(r,{class:"@4xl/charts:col-span-1"},{default:e.withCtx(()=>[e.createVNode(k,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(y,{class:"text-base"},{default:e.withCtx(()=>[...o[3]||(o[3]=[e.createTextVNode("Channel Mix",-1)])]),_:1})]),_:1}),e.createVNode(E,{class:"flex flex-col items-center"},{default:e.withCtx(()=>[e.createElementVNode("div",O,[e.createVNode(z,{config:S.value,class:"mx-auto aspect-square max-h-[220px]"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.b),{data:M.value,margin:{top:20,bottom:20,left:20,right:20}},{default:e.withCtx(()=>[e.createVNode(e.unref(B.E),{value:t=>t.sessions,color:t=>t.fill,arcWidth:40,padAngle:.02,cornerRadius:4},null,8,["value","color"])]),_:1},8,["data"])]),_:1},8,["config"]),e.createElementVNode("div",P,[e.createElementVNode("div",H,[e.createElementVNode("p",I,e.toDisplayString(n($.value)),1),o[4]||(o[4]=e.createElementVNode("p",{class:"text-xs text-muted-foreground"},"sessions",-1))])])]),e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value.slice(0,8),(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:t.sessionDefaultChannelGroup,class:"flex items-center gap-2"},[e.createElementVNode("div",{class:"size-2.5 rounded-full shrink-0",style:e.normalizeStyle({backgroundColor:c[a%c.length]})},null,4),e.createElementVNode("span",W,e.toDisplayString(t.sessionDefaultChannelGroup),1),e.createElementVNode("span",J,e.toDisplayString(n(t.sessions)),1)]))),128))])]),_:1})]),_:1}),e.createVNode(r,{class:"@4xl/charts:col-span-2"},{default:e.withCtx(()=>[e.createVNode(k,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(y,{class:"text-base"},{default:e.withCtx(()=>[...o[5]||(o[5]=[e.createTextVNode("Channels Performance",-1)])]),_:1})]),_:1}),e.createVNode(E,{class:"p-0"},{default:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createElementVNode("table",X,[o[6]||(o[6]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b text-left"},[e.createElementVNode("th",{class:"px-6 py-3 font-medium text-muted-foreground"},"Channel"),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"},"Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"New Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Engage Rate"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Avg Duration")])],-1)),e.createElementVNode("tbody",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(t,a)=>(e.openBlock(),e.createElementBlock("tr",{key:t.sessionDefaultChannelGroup,class:"hover:bg-muted/50"},[e.createElementVNode("td",Z,[e.createElementVNode("div",ee,[e.createElementVNode("div",{class:"size-2.5 rounded-full shrink-0",style:e.normalizeStyle({backgroundColor:c[a%c.length]})},null,4),e.createElementVNode("span",te,e.toDisplayString(t.sessionDefaultChannelGroup),1)])]),e.createElementVNode("td",oe,e.toDisplayString(n(t.sessions)),1),e.createElementVNode("td",se,e.toDisplayString(n(t.totalUsers)),1),e.createElementVNode("td",ne,e.toDisplayString(n(t.newUsers)),1),e.createElementVNode("td",ae,e.toDisplayString(h(t.engagementRate||0)),1),e.createElementVNode("td",le,e.toDisplayString(R(t.averageSessionDuration||0)),1)]))),128))])])]),i.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",re,"No channel data available"))]),_:1})]),_:1})]),e.createVNode(r,null,{default:e.withCtx(()=>[e.createVNode(k,{class:"pb-0"},{default:e.withCtx(()=>[e.createElementVNode("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList([{key:"sources",label:"Source / Medium",icon:e.unref(d.Share2)},{key:"referrals",label:"Referrals",icon:e.unref(d.ExternalLink)},{key:"campaigns",label:"Campaigns",icon:e.unref(d.Megaphone)}],t=>(e.openBlock(),e.createElementBlock("button",{key:t.key,class:e.normalizeClass(["flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md transition-colors",m.value===t.key?"bg-muted text-foreground":"text-muted-foreground hover:text-foreground"]),onClick:a=>m.value=t.key},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{class:"size-3.5"})),e.createTextVNode(" "+e.toDisplayString(t.label),1)],10,ie))),128))])]),_:1}),e.createVNode(E,{class:"p-0 mt-4"},{default:e.withCtx(()=>[m.value==="sources"?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",ue,[e.createElementVNode("table",me,[o[7]||(o[7]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b text-left"},[e.createElementVNode("th",{class:"px-6 py-3 font-medium text-muted-foreground"},"#"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground"},"Source / Medium"),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"},"Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"New Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Bounce Rate")])],-1)),e.createElementVNode("tbody",pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(t,a)=>(e.openBlock(),e.createElementBlock("tr",{key:t.sessionSourceMedium,class:"hover:bg-muted/50"},[e.createElementVNode("td",xe,e.toDisplayString(a+1),1),e.createElementVNode("td",fe,e.toDisplayString(t.sessionSourceMedium),1),e.createElementVNode("td",ge,e.toDisplayString(n(t.sessions)),1),e.createElementVNode("td",he,e.toDisplayString(n(t.totalUsers)),1),e.createElementVNode("td",_e,e.toDisplayString(n(t.newUsers)),1),e.createElementVNode("td",ye,e.toDisplayString(h(t.bounceRate||0)),1)]))),128))])])]),v.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ve,"No data available"))])):e.createCommentVNode("",!0),m.value==="referrals"?(e.openBlock(),e.createElementBlock("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:t.sessionSource,class:"flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"},[e.createElementVNode("div",Ve,[e.createElementVNode("span",ke,e.toDisplayString(a+1),1),e.createVNode(e.unref(d.ExternalLink),{class:"size-3.5 text-muted-foreground shrink-0"}),e.createElementVNode("span",Ee,e.toDisplayString(t.sessionSource),1)]),e.createElementVNode("div",Ce,[e.createElementVNode("span",be,e.toDisplayString(n(t.sessions))+" sessions",1),e.createElementVNode("span",Be,e.toDisplayString(n(t.totalUsers))+" users",1),e.createElementVNode("span",we,e.toDisplayString(h(t.engagementRate||0))+" eng.",1)])]))),128)),N.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",De,"No referral data available"))])):e.createCommentVNode("",!0),m.value==="campaigns"?(e.openBlock(),e.createElementBlock("div",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:t.sessionCampaignName,class:"flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"},[e.createElementVNode("div",Me,[e.createElementVNode("span",$e,e.toDisplayString(a+1),1),e.createVNode(e.unref(d.Megaphone),{class:"size-3.5 text-muted-foreground shrink-0"}),e.createElementVNode("span",Re,e.toDisplayString(t.sessionCampaignName),1)]),e.createElementVNode("div",ze,[e.createElementVNode("span",qe,e.toDisplayString(n(t.sessions))+" sessions",1),e.createElementVNode("span",Le,e.toDisplayString(n(t.totalUsers))+" users",1),e.createElementVNode("span",Ue,e.toDisplayString(h(t.engagementRate||0))+" eng.",1)])]))),128)),V.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Fe,"No campaign data. Use UTM parameters in your URLs to track campaigns."))])):e.createCommentVNode("",!0)]),_:1})]),_:1})],64)):(e.openBlock(),e.createBlock(r,{key:0,class:"p-8 text-center"},{default:e.withCtx(()=>[...o[1]||(o[1]=[e.createElementVNode("p",{class:"text-lg font-medium"},"Setup required",-1),e.createElementVNode("p",{class:"text-sm text-muted-foreground mt-2"},"Configure your GA4 property in module settings.",-1)])]),_:1}))])}}});exports.default=Ae;

package/dist/{Acquisition-DNCy8nQz.mjs → Acquisition-FV3QpaUX.mjs}

@@ -1,8 +1,8 @@
 import { defineComponent as Q, ref as p, computed as U, watch as X, onMounted as Y, resolveComponent as b, openBlock as a, createElementBlock as l, createElementVNode as e, Fragment as h, renderList as v, normalizeClass as L, toDisplayString as o, createVNode as r, withCtx as i, unref as x, createCommentVNode as g, createBlock as E, createTextVNode as z, normalizeStyle as F, resolveDynamicComponent as Z } from "vue";
 import { useModule as ee, useModuleRoute as te, useModuleBreadcrumbs as se } from "@oneclick.dev/cms-kit";
-import "./index-BFLV54kw.mjs";
+import "./index-CkVwMqpn.mjs";
 import { RefreshCw as oe, Loader2 as ne, Share2 as ae, ExternalLink as T, Megaphone as V } from "lucide-vue-next";
-import { S as le, E as re } from "./index-V78huaSJ.mjs";
+import { b as le, E as re } from "./index-DZV720u-.mjs";
 const ie = { class: "@container/charts flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, ue = { class: "flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center" }, de = {
   key: 0,
   class: "flex items-center gap-2"

package/dist/{Audience-Bs7b0TNm.js → Audience-BSgNvcVb.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),D=require("@oneclick.dev/cms-kit");require("./index-B5aBwdxY.js");const r=require("lucide-vue-next"),z=require("./index-BiT55eU0.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.S),{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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),D=require("@oneclick.dev/cms-kit");require("./index-DtSvAFLL.js");const r=require("lucide-vue-next"),z=require("./index-DUlYrnXH.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-CUeMVYRy.mjs → Audience-ka0b7YPE.mjs}

@@ -1,8 +1,8 @@
 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-BFLV54kw.mjs";
+import "./index-CkVwMqpn.mjs";
 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 { S as ye, E as ke } from "./index-V78huaSJ.mjs";
+import { b as ye, E as ke } from "./index-DZV720u-.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 justify-between gap-4 flex-col @lg:flex-row @lg:items-center" }, Re = {
   key: 0,

package/dist/{Components-DXbx0RLV.js → Components-6gTTI_u-.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("lucide-vue-next"),k=require("@oneclick.dev/cms-kit"),S={class:"grid py-4"},Z={class:"flex gap-6 mb-6"},F={class:"w-1/2"},I={class:"w-1/2"},U={class:"flex gap-6 mb-6"},q={class:"w-1/2"},A={class:"w-1/2"},O={class:"grid grid-cols-3 bg-input/30 rounded border divide-x divide-input/30 mb-6"},P=e.defineComponent({__name:"ComponentDialog",emits:["add","edit","delete"],setup(s,{expose:V,emit:v}){const{confirm:C}=k.useConfirmation(),i=v,r=e.ref(!1),l=e.ref("create"),a=e.ref(""),d=e.ref(""),p=e.ref(""),f=e.ref(""),n=e.ref(""),o=e.ref("layout"),u=e.ref([]),y=x=>{x?(l.value="edit",a.value=x.id,d.value=x.displayName||"",p.value=x.name||"",f.value=x.tint||"",n.value=x.icon||"",o.value=x.componentType||"layout",u.value=x.formLayout||[]):(l.value="create",a.value="",d.value="",p.value="",f.value="",n.value="",o.value="layout",u.value=[]),r.value=!0},N=()=>{i("add",{id:crypto.randomUUID(),displayName:d.value,name:p.value,tint:f.value,icon:n.value,componentType:o.value,formLayout:u.value}),r.value=!1},b=()=>{i("edit",{id:a.value,displayName:d.value,name:p.value,tint:f.value,icon:n.value,componentType:o.value,formLayout:u.value}),r.value=!1},w=async()=>{await C("Are you sure you want to delete this component? This action cannot be undone.","Delete Component","Delete")&&(i("delete",a.value),r.value=!1)};return V({openDialog:y}),(x,t)=>{const g=e.resolveComponent("DialogTitle"),_=e.resolveComponent("DialogDescription"),D=e.resolveComponent("DialogHeader"),h=e.resolveComponent("Input"),L=e.resolveComponent("TailwindColorPicker"),T=e.resolveComponent("LucideIconPicker"),$=e.resolveComponent("FormBuilderSelect"),E=e.resolveComponent("Button"),H=e.resolveComponent("DialogFooter"),M=e.resolveComponent("DialogScrollContent"),z=e.resolveComponent("Dialog");return e.openBlock(),e.createBlock(z,{open:r.value,"onUpdate:open":t[8]||(t[8]=c=>r.value=c)},{default:e.withCtx(()=>[e.createVNode(M,{class:"sm:max-w-2xl"},{default:e.withCtx(()=>[e.createVNode(D,null,{default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value==="create"?"Add New Component":"Update Component"),1)]),_:1}),e.createVNode(_,null,{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode(" Connect the components from your front-end to build pages with them. ",-1)])]),_:1})]),_:1}),e.createElementVNode("div",S,[e.createElementVNode("div",Z,[e.createElementVNode("div",F,[t[10]||(t[10]=e.createElementVNode("label",{for:"component-dialog-display-name",class:"text-sm mb-1 block font-medium"},"Display Name",-1)),e.createVNode(h,{modelValue:d.value,"onUpdate:modelValue":t[0]||(t[0]=c=>d.value=c),placeholder:"Display Name",id:"component-dialog-display-name"},null,8,["modelValue"]),t[11]||(t[11]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mt-2"}," This is the name that the user will see in the component list. ",-1))]),e.createElementVNode("div",I,[t[12]||(t[12]=e.createElementVNode("label",{for:"component-dialog-component-name",class:"text-sm mb-1 block font-medium"},"Component Name",-1)),e.createVNode(h,{modelValue:p.value,"onUpdate:modelValue":t[1]||(t[1]=c=>p.value=c),placeholder:"Component Name",id:"component-dialog-component-name"},null,8,["modelValue"]),t[13]||(t[13]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mt-2"}," How is the component called in your front-end? ",-1))])]),e.createElementVNode("div",U,[e.createElementVNode("div",q,[t[14]||(t[14]=e.createElementVNode("label",{for:"component-dialog-display-name",class:"text-sm mb-1 block font-medium"},"Tint",-1)),e.createVNode(L,{modelValue:f.value,"onUpdate:modelValue":t[2]||(t[2]=c=>f.value=c),"default-value":"white"},null,8,["modelValue"])]),e.createElementVNode("div",A,[t[15]||(t[15]=e.createElementVNode("label",{for:"component-dialog-component-name",class:"text-sm mb-1 block font-medium"},"Icon",-1)),e.createVNode(T,{modelValue:n.value,"onUpdate:modelValue":t[3]||(t[3]=c=>n.value=c)},null,8,["modelValue"])])]),t[22]||(t[22]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Component Type ",-1)),e.createElementVNode("div",O,[e.createElementVNode("button",{class:e.normalizeClass(["flex flex-col p-6 hover:bg-input/30 transition-all duration-300",{"bg-input/50 hover:bg-input/50":o.value=="layout"}]),onClick:t[4]||(t[4]=c=>o.value="layout")},[t[16]||(t[16]=e.createElementVNode("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"dark:invert dark:opacity-30 mx-auto mb-4"},[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10 6C7.79086 6 6 7.79086 6 10V15H0V10C0 4.47715 4.47715 0 10 0H15V6H10ZM35 6H25V0H35V6ZM50 6H45V0H50C55.5229 0 60 4.47715 60 10V15H54V10C54 7.79086 52.2091 6 50 6ZM6 25V35H0V25H6ZM54 35V25H60V35H54ZM6 45V50C6 52.2091 7.79086 54 10 54H15V60H10C4.47715 60 0 55.5228 0 50V45H6ZM54 50V45H60V50C60 55.5229 55.5228 60 50 60H45V54H50C52.2091 54 54 52.2091 54 50ZM25 54H35V60H25V54Z",fill:"black"})],-1)),t[17]||(t[17]=e.createElementVNode("div",{class:"mb-auto"},[e.createElementVNode("strong",{class:"text-sm mb-1"},"Layout Component"),e.createElementVNode("p",{class:"text-xs text-muted-foreground"}," Helps setting up the overall structure or layout of the page. (Examples: Section, 2 Column Grid, ...) ")],-1)),o.value!="layout"?(e.openBlock(),e.createBlock(e.unref(m.Circle),{key:0,class:"size-4 mx-auto mt-4"})):(e.openBlock(),e.createBlock(e.unref(m.CircleCheck),{key:1,class:"size-4 mx-auto mt-4"}))],2),e.createElementVNode("button",{class:e.normalizeClass(["flex flex-col p-6 hover:bg-input/30 transition-all duration-300",{"bg-input/50 hover:bg-input/50":o.value=="content"}]),onClick:t[5]||(t[5]=c=>o.value="content")},[t[18]||(t[18]=e.createElementVNode("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"dark:invert dark:opacity-30 mx-auto mb-4"},[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 10C0 4.47715 4.47715 0 10 0H50C55.5229 0 60 4.47715 60 10V50C60 55.5229 55.5228 60 50 60H10C4.47715 60 0 55.5228 0 50V10ZM10 6C7.79086 6 6 7.79086 6 10V50C6 52.2091 7.79086 54 10 54H50C52.2091 54 54 52.2091 54 50V10C54 7.79086 52.2091 6 50 6H10Z",fill:"black"})],-1)),t[19]||(t[19]=e.createElementVNode("div",{class:"mb-auto"},[e.createElementVNode("strong",{class:"text-sm mb-1"},"Content Component"),e.createElementVNode("p",{class:"text-xs text-muted-foreground"}," Aimed at hosting and displaying unique content. (Examples: Text, Link, Image, ...) ")],-1)),o.value!="content"?(e.openBlock(),e.createBlock(e.unref(m.Circle),{key:0,class:"size-4 mx-auto mt-4"})):(e.openBlock(),e.createBlock(e.unref(m.CircleCheck),{key:1,class:"size-4 mx-auto mt-4"}))],2),e.createElementVNode("button",{class:e.normalizeClass(["flex flex-col p-6 hover:bg-input/30 transition-all duration-300",{"bg-input/50 hover:bg-input/50":o.value=="hybrid"}]),onClick:t[6]||(t[6]=c=>o.value="hybrid")},[t[20]||(t[20]=e.createElementVNode("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"dark:invert dark:opacity-30 mx-auto mb-4"},[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M54 10C54 7.79086 52.2091 6 50 6L45 6L45 -6.55671e-07L50 -4.37114e-07C55.5228 -1.95703e-07 60 4.47715 60 10L60 15L54 15L54 10ZM54 50L54 15L60 15L60 50C60 55.5229 55.5228 60 50 60L15 60L15 54L50 54C52.2091 54 54 52.2091 54 50ZM35 6L25 6L25 -1.5299e-06L35 -1.09278e-06L35 6ZM15 6L10 6C7.79086 6 6 7.79086 6 10L6 15L-6.55671e-07 15L-4.37114e-07 10C-1.95703e-07 4.47715 4.47715 -2.42698e-06 10 -2.18557e-06L15 -1.96701e-06L15 6ZM10 54L15 54L15 60L10 60C4.47715 60 -2.42698e-06 55.5228 -2.18557e-06 50L-1.96701e-06 45L6 45L6 50C6 52.2091 7.79086 54 10 54ZM6 25L6 35L-1.5299e-06 35L-1.09278e-06 25L6 25Z",fill:"black"})],-1)),t[21]||(t[21]=e.createElementVNode("div",{class:"mb-auto"},[e.createElementVNode("strong",{class:"text-sm mb-1"},"Hybrid Component"),e.createElementVNode("p",{class:"text-xs text-muted-foreground"}," These serve as both layout and content components, unlocking complex layouts. ")],-1)),o.value!="hybrid"?(e.openBlock(),e.createBlock(e.unref(m.Circle),{key:0,class:"size-4 mx-auto mt-4"})):(e.openBlock(),e.createBlock(e.unref(m.CircleCheck),{key:1,class:"size-4 mx-auto mt-4"}))],2)]),t[23]||(t[23]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Form Layout ",-1)),t[24]||(t[24]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mb-2"}," This will be the form that the client can fill in to populate this component. ",-1)),e.createElementVNode("div",null,[e.createVNode($,{modelValue:u.value,"onUpdate:modelValue":t[7]||(t[7]=c=>u.value=c),buildText:"Edit Form Layout",editText:"Edit Form Layout"},null,8,["modelValue"])])]),e.createVNode(H,null,{default:e.withCtx(()=>[l.value==="edit"?(e.openBlock(),e.createBlock(E,{key:0,variant:"destructive",class:"mr-auto",onClick:w},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode(" Delete Component ",-1)])]),_:1})):e.createCommentVNode("",!0),l.value==="create"?(e.openBlock(),e.createBlock(E,{key:1,type:"submit",onClick:N},{default:e.withCtx(()=>[...t[26]||(t[26]=[e.createTextVNode(" Add Component ",-1)])]),_:1})):(e.openBlock(),e.createBlock(E,{key:2,type:"submit",onClick:b},{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Edit Component ",-1)])]),_:1}))]),_:1})]),_:1})]),_:1},8,["open"])}}}),j={class:"w-full truncate text-sm font-medium"},G={class:"w-full truncate text-xs text-muted-foreground"},B=e.defineComponent({__name:"ComponentGridItem",props:{component:{type:Object,required:!0}},emits:["edit"],setup(s,{emit:V}){const v=V;return(C,i)=>{const r=e.resolveComponent("Skeleton"),l=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock("button",{onClick:i[0]||(i[0]=a=>v("edit")),class:"basis-[100px] max-w-[200px] @7xl:max-w-xs"},[e.createVNode(l,{class:"flex flex-col items-center px-4 py-4 gap-0 hover:bg-input/30"},{default:e.withCtx(()=>[s.component.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${s.component.tint?"bg-"+s.component.tint:"bg-input/50"} rounded-lg p-4 mb-2`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m.icons)[s.component.icon]),{class:"size-16 @5xl:size-22 @7xl:size-28"}))],2)):(e.openBlock(),e.createBlock(r,{key:1,class:"size-24 @5xl:size-30 @7xl:size-36 mb-2"})),e.createElementVNode("p",j,e.toDisplayString(s.component.displayName),1),e.createElementVNode("p",G,e.toDisplayString(s.component.name),1)]),_:1})])}}}),R={class:"flex flex-col gap-2 mb-12"},K={class:"flex items-start gap-4 overflow-hidden"},Y={class:"flex flex-col text-left"},J={class:"text-sm font-semibold"},Q={key:0,class:"text-xs text-muted-foreground/70 dark:text-muted-foreground/50 line-clamp-2 whitespace-normal mt-2"},W=e.defineComponent({__name:"VerticalToggle",props:{modelValue:{type:Array,required:!0},options:{type:Array,required:!0}},emits:["update:modelValue"],setup(s,{emit:V}){const v=s,C=V,i=e.computed({get(){return v.modelValue},set(a){C("update:modelValue",a)}}),r=e.ref("full"),l=a=>{i.value.includes(a)?i.value=i.value.filter(d=>d!==a):i.value.push(a)};return(a,d)=>{const p=e.resolveComponent("SegmentedControlButton"),f=e.resolveComponent("SegmentedControl"),n=e.resolveComponent("Button");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(f,{modelValue:r.value,"onUpdate:modelValue":d[0]||(d[0]=o=>r.value=o),class:"grid grid-cols-2 mb-4 w-28 scale-75 origin-left opacity-50 transition-all duration-300 hover:opacity-100"},{default:e.withCtx(()=>[e.createVNode(p,{value:"minimal"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.Baseline),{class:"size-5 mx-auto"})]),_:1}),e.createVNode(p,{value:"full"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.LetterText),{class:"size-5 mx-auto"})]),_:1})]),_:1},8,["modelValue"]),e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.options,o=>(e.openBlock(),e.createBlock(n,{variant:"ghost",key:o.value,class:e.normalizeClass(["flex-1 transition-all duration-300 active:scale-95 rounded-md justify-start w-full h-auto cursor-pointer border",s.modelValue.includes(o.value)?"bg-white hover:bg-white dark:bg-input/30 dark:hover:bg-input/30 shadow-xs":"hover:bg-transparent"]),onClick:u=>l(o.value)},{default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createVNode(e.unref(m.Check),{class:e.normalizeClass(["size-5 text-muted-foreground transition-opacity duration-300",s.modelValue.includes(o.value)?"opacity-100":"opacity-0"])},null,8,["class"]),e.createElementVNode("div",Y,[e.createElementVNode("span",J,e.toDisplayString(o.text),1),r.value==="full"&&o.description?(e.openBlock(),e.createElementBlock("p",Q,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0)])])]),_:2},1032,["class","onClick"]))),128))])])}}}),X={key:0,class:"truncate"},ee={key:1},te={class:"p-6 overflow-y-auto"},oe={class:"flex flex-col gap-3"},le={class:"flex items-start gap-4 overflow-hidden"},ne={class:"flex flex-col text-left"},ae={class:"text-sm font-semibold mb-2"},se={class:"text-xs text-muted-foreground line-clamp-2 whitespace-normal"},re=e.defineComponent({__name:"DrawerToggle",props:{modelValue:{type:Array,required:!0},options:{type:Array,required:!0}},emits:["update:modelValue"],setup(s,{emit:V}){const v=s,C=V,i=e.computed({get(){return v.modelValue},set(l){C("update:modelValue",l)}}),r=l=>{i.value.includes(l)?i.value=i.value.filter(a=>a!==l):i.value.push(l)};return(l,a)=>{const d=e.resolveComponent("Button"),p=e.resolveComponent("DrawerTrigger"),f=e.resolveComponent("DrawerContent"),n=e.resolveComponent("Drawer");return e.openBlock(),e.createBlock(n,null,{default:e.withCtx(()=>[e.createVNode(p,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(d,{variant:"outline",class:"mb-2"},{default:e.withCtx(()=>[s.modelValue.length<4?(e.openBlock(),e.createElementBlock("p",X,e.toDisplayString(s.modelValue.join(", ")),1)):(e.openBlock(),e.createElementBlock("p",ee,e.toDisplayString(s.modelValue.slice(0,3).join(", "))+" + "+e.toDisplayString(s.modelValue.length-3)+" more ",1)),e.createVNode(e.unref(m.ChevronDown),{class:"size-4 text-muted-foreground translate-y-0.25 ml-4"})]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createElementVNode("div",te,[e.createElementVNode("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.options,o=>(e.openBlock(),e.createBlock(d,{key:o.value,class:e.normalizeClass(["justify-start w-full h-auto cursor-pointer flex-1 transition-all duration-300 active:scale-95 rounded-md border border-transparent",s.modelValue.includes(o.value)?"bg-input/30 border-border":""]),variant:"ghost",onClick:u=>r(o.value)},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(e.unref(m.Check),{class:e.normalizeClass(["size-5 text-muted-foreground transition-opacity duration-300",s.modelValue.includes(o.value)?"opacity-100":"opacity-0"])},null,8,["class"]),e.createElementVNode("div",ne,[e.createElementVNode("span",ae,e.toDisplayString(o.text),1),e.createElementVNode("p",se,e.toDisplayString(o.description),1)])])]),_:2},1032,["class","onClick"]))),128))])])]),_:1})]),_:1})}}}),ie={class:"w-full"},de={class:"flex items-center justify-between gap-4 w-full my-4"},ue={class:"flex flex-col space-y-8 @5xl:flex-row @5xl:space-x-12 @5xl:space-y-0"},ce={class:"hidden @5xl:block @5xl:w-1/4 @7xl:w-1/5"},me={class:"flex-1"},pe={class:"@5xl:hidden"},ve={class:"flex items-center justify-between w-full"},fe={class:"flex items-start gap-8"},xe={key:0,class:"mb-8"},Ve={class:"flex flex-wrap gap-4"},Ce={key:1,class:"mb-8"},ge={class:"flex flex-wrap gap-4"},ke={key:2,class:"mb-8"},ye={class:"flex flex-wrap gap-4"},Ne=e.defineComponent({__name:"Components",setup(s){const V=[{value:"hybrid",text:"Hybrid Components",icon:"",description:"These serve as both layout and content components, unlocking complex layouts."},{value:"layout",text:"Layout Component",icon:"",description:"Helps setting up the overall structure or layout of the page. (Examples: Section, 2 Column Grid, ...)"},{value:"content",text:"Content Component",icon:"",description:"Aimed at hosting and displaying unique content. (Examples: Text, Link, Image, ...)"}],{getModuleData:v,setModuleData:C}=k.useModuleStorage(),{navigateTo:i}=k.useModuleRoute();k.useModuleBreadcrumbs(()=>[{text:"Components"}]);const r=e.useTemplateRef("componentDialog"),l=e.ref([]),a=e.ref(["hybrid","layout","content"]),d=async n=>{l.value.push(n),l.value=await v("components")||[],l.value.push(n),C("components",l.value)},p=async n=>{let o=l.value.findIndex(u=>u.id===n.id);o!==-1&&(l.value[o]=n),l.value=await v("components")||[],o=l.value.findIndex(u=>u.id===n.id),o!==-1&&(l.value[o]=n,C("components",l.value))},f=async n=>{l.value=l.value.filter(o=>o.id!==n),l.value=await v("components")||[],l.value=l.value.filter(o=>o.id!==n),C("components",l.value)};return e.onMounted(()=>{v("components").then(n=>{l.value=n})}),(n,o)=>{const u=e.resolveComponent("Button"),y=e.resolveComponent("CardTitle"),N=e.resolveComponent("CardDescription"),b=e.resolveComponent("CardHeader"),w=e.resolveComponent("CardContent"),x=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",ie,[e.createElementVNode("div",de,[e.createVNode(u,{onClick:o[0]||(o[0]=t=>e.unref(i)("/")),variant:"link",class:"!pl-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.ChevronLeft),{class:"size-4"}),o[4]||(o[4]=e.createTextVNode(" Collections ",-1))]),_:1})]),e.createElementVNode("div",ue,[e.createElementVNode("div",ce,[e.createVNode(W,{options:V,modelValue:a.value,"onUpdate:modelValue":o[1]||(o[1]=t=>a.value=t)},null,8,["modelValue"])]),e.createElementVNode("div",me,[e.createElementVNode("div",pe,[e.createVNode(re,{options:V,modelValue:a.value,"onUpdate:modelValue":o[2]||(o[2]=t=>a.value=t)},null,8,["modelValue"])]),e.createVNode(x,null,{default:e.withCtx(()=>[e.createVNode(b,null,{default:e.withCtx(()=>[e.createElementVNode("div",ve,[e.createElementVNode("div",null,[e.createVNode(y,null,{default:e.withCtx(()=>[...o[5]||(o[5]=[e.createTextVNode("Components",-1)])]),_:1}),e.createVNode(N,null,{default:e.withCtx(()=>[...o[6]||(o[6]=[e.createTextVNode("Manage your components here.",-1)])]),_:1})]),e.createVNode(u,{onClick:o[3]||(o[3]=t=>r.value.openDialog())},{default:e.withCtx(()=>[e.createVNode(e.unref(m.Plus),{class:"size-4"}),o[7]||(o[7]=e.createTextVNode(" New Component ",-1))]),_:1})])]),_:1}),e.createVNode(w,null,{default:e.withCtx(()=>[e.createElementVNode("div",fe,[e.createElementVNode("div",null,[a.value.includes("hybrid")?(e.openBlock(),e.createElementBlock("div",xe,[o[8]||(o[8]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Hybrid Components",-1)),e.createElementVNode("div",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,t=>(e.openBlock(),e.createBlock(B,{key:t.name,onEdit:g=>r.value.openDialog(t),component:t},null,8,["onEdit","component"]))),128))])])):e.createCommentVNode("",!0),a.value.includes("layout")?(e.openBlock(),e.createElementBlock("div",Ce,[o[9]||(o[9]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Layout Components",-1)),e.createElementVNode("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,t=>(e.openBlock(),e.createBlock(B,{key:t.name,onEdit:g=>r.value.openDialog(t),component:t},null,8,["onEdit","component"]))),128))])])):e.createCommentVNode("",!0),a.value.includes("content")?(e.openBlock(),e.createElementBlock("div",ke,[o[10]||(o[10]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Content Components",-1)),e.createElementVNode("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,t=>(e.openBlock(),e.createBlock(B,{key:t.name,onEdit:g=>r.value.openDialog(t),component:t},null,8,["onEdit","component"]))),128))])])):e.createCommentVNode("",!0)])])]),_:1})]),_:1})])])]),e.createVNode(P,{ref_key:"componentDialog",ref:r,onAdd:d,onEdit:p,onDelete:f},null,512)],64)}}});exports.default=Ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("lucide-vue-next"),k=require("@oneclick.dev/cms-kit"),S={class:"grid py-4"},Z={class:"flex gap-6 mb-6"},F={class:"w-1/2"},A={class:"w-1/2"},I={class:"flex gap-6 mb-6"},U={class:"w-1/2"},q={class:"w-1/2"},O={class:"grid grid-cols-3 bg-input/30 rounded border divide-x divide-input/30 mb-6"},P=e.defineComponent({__name:"ComponentDialog",emits:["add","edit","delete"],setup(s,{expose:V,emit:v}){const{confirm:C}=k.useConfirmation(),i=v,r=e.ref(!1),l=e.ref("create"),a=e.ref(""),d=e.ref(""),p=e.ref(""),f=e.ref(""),n=e.ref(""),o=e.ref("layout"),u=e.ref([]),y=x=>{x?(l.value="edit",a.value=x.id,d.value=x.displayName||"",p.value=x.name||"",f.value=x.tint||"",n.value=x.icon||"",o.value=x.componentType||"layout",u.value=x.formLayout||[]):(l.value="create",a.value="",d.value="",p.value="",f.value="",n.value="",o.value="layout",u.value=[]),r.value=!0},N=()=>{i("add",{id:crypto.randomUUID(),displayName:d.value,name:p.value,tint:f.value,icon:n.value,componentType:o.value,formLayout:u.value}),r.value=!1},b=()=>{i("edit",{id:a.value,displayName:d.value,name:p.value,tint:f.value,icon:n.value,componentType:o.value,formLayout:u.value}),r.value=!1},w=async()=>{await C("Are you sure you want to delete this component? This action cannot be undone.","Delete Component","Delete")&&(i("delete",a.value),r.value=!1)};return V({openDialog:y}),(x,t)=>{const g=e.resolveComponent("DialogTitle"),_=e.resolveComponent("DialogDescription"),D=e.resolveComponent("DialogHeader"),h=e.resolveComponent("Input"),L=e.resolveComponent("TailwindColorPicker"),T=e.resolveComponent("LucideIconPicker"),$=e.resolveComponent("FormBuilderSelect"),E=e.resolveComponent("Button"),H=e.resolveComponent("DialogFooter"),M=e.resolveComponent("DialogScrollContent"),z=e.resolveComponent("Dialog");return e.openBlock(),e.createBlock(z,{open:r.value,"onUpdate:open":t[8]||(t[8]=c=>r.value=c)},{default:e.withCtx(()=>[e.createVNode(M,{class:"sm:max-w-2xl"},{default:e.withCtx(()=>[e.createVNode(D,null,{default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value==="create"?"Add New Component":"Update Component"),1)]),_:1}),e.createVNode(_,null,{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode(" Connect the components from your front-end to build pages with them. ",-1)])]),_:1})]),_:1}),e.createElementVNode("div",S,[e.createElementVNode("div",Z,[e.createElementVNode("div",F,[t[10]||(t[10]=e.createElementVNode("label",{for:"component-dialog-display-name",class:"text-sm mb-1 block font-medium"},"Display Name",-1)),e.createVNode(h,{modelValue:d.value,"onUpdate:modelValue":t[0]||(t[0]=c=>d.value=c),placeholder:"Display Name",id:"component-dialog-display-name"},null,8,["modelValue"]),t[11]||(t[11]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mt-2"}," This is the name that the user will see in the component list. ",-1))]),e.createElementVNode("div",A,[t[12]||(t[12]=e.createElementVNode("label",{for:"component-dialog-component-name",class:"text-sm mb-1 block font-medium"},"Component Name",-1)),e.createVNode(h,{modelValue:p.value,"onUpdate:modelValue":t[1]||(t[1]=c=>p.value=c),placeholder:"Component Name",id:"component-dialog-component-name"},null,8,["modelValue"]),t[13]||(t[13]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mt-2"}," How is the component called in your front-end? ",-1))])]),e.createElementVNode("div",I,[e.createElementVNode("div",U,[t[14]||(t[14]=e.createElementVNode("label",{for:"component-dialog-display-name",class:"text-sm mb-1 block font-medium"},"Tint",-1)),e.createVNode(L,{modelValue:f.value,"onUpdate:modelValue":t[2]||(t[2]=c=>f.value=c),"default-value":"white"},null,8,["modelValue"])]),e.createElementVNode("div",q,[t[15]||(t[15]=e.createElementVNode("label",{for:"component-dialog-component-name",class:"text-sm mb-1 block font-medium"},"Icon",-1)),e.createVNode(T,{modelValue:n.value,"onUpdate:modelValue":t[3]||(t[3]=c=>n.value=c)},null,8,["modelValue"])])]),t[22]||(t[22]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Component Type ",-1)),e.createElementVNode("div",O,[e.createElementVNode("button",{class:e.normalizeClass(["flex flex-col p-6 hover:bg-input/30 transition-all duration-300",{"bg-input/50 hover:bg-input/50":o.value=="layout"}]),onClick:t[4]||(t[4]=c=>o.value="layout")},[t[16]||(t[16]=e.createElementVNode("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"dark:invert dark:opacity-30 mx-auto mb-4"},[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10 6C7.79086 6 6 7.79086 6 10V15H0V10C0 4.47715 4.47715 0 10 0H15V6H10ZM35 6H25V0H35V6ZM50 6H45V0H50C55.5229 0 60 4.47715 60 10V15H54V10C54 7.79086 52.2091 6 50 6ZM6 25V35H0V25H6ZM54 35V25H60V35H54ZM6 45V50C6 52.2091 7.79086 54 10 54H15V60H10C4.47715 60 0 55.5228 0 50V45H6ZM54 50V45H60V50C60 55.5229 55.5228 60 50 60H45V54H50C52.2091 54 54 52.2091 54 50ZM25 54H35V60H25V54Z",fill:"black"})],-1)),t[17]||(t[17]=e.createElementVNode("div",{class:"mb-auto"},[e.createElementVNode("strong",{class:"text-sm mb-1"},"Layout Component"),e.createElementVNode("p",{class:"text-xs text-muted-foreground"}," Helps setting up the overall structure or layout of the page. (Examples: Section, 2 Column Grid, ...) ")],-1)),o.value!="layout"?(e.openBlock(),e.createBlock(e.unref(m.Circle),{key:0,class:"size-4 mx-auto mt-4"})):(e.openBlock(),e.createBlock(e.unref(m.CircleCheck),{key:1,class:"size-4 mx-auto mt-4"}))],2),e.createElementVNode("button",{class:e.normalizeClass(["flex flex-col p-6 hover:bg-input/30 transition-all duration-300",{"bg-input/50 hover:bg-input/50":o.value=="content"}]),onClick:t[5]||(t[5]=c=>o.value="content")},[t[18]||(t[18]=e.createElementVNode("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"dark:invert dark:opacity-30 mx-auto mb-4"},[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 10C0 4.47715 4.47715 0 10 0H50C55.5229 0 60 4.47715 60 10V50C60 55.5229 55.5228 60 50 60H10C4.47715 60 0 55.5228 0 50V10ZM10 6C7.79086 6 6 7.79086 6 10V50C6 52.2091 7.79086 54 10 54H50C52.2091 54 54 52.2091 54 50V10C54 7.79086 52.2091 6 50 6H10Z",fill:"black"})],-1)),t[19]||(t[19]=e.createElementVNode("div",{class:"mb-auto"},[e.createElementVNode("strong",{class:"text-sm mb-1"},"Content Component"),e.createElementVNode("p",{class:"text-xs text-muted-foreground"}," Aimed at hosting and displaying unique content. (Examples: Text, Link, Image, ...) ")],-1)),o.value!="content"?(e.openBlock(),e.createBlock(e.unref(m.Circle),{key:0,class:"size-4 mx-auto mt-4"})):(e.openBlock(),e.createBlock(e.unref(m.CircleCheck),{key:1,class:"size-4 mx-auto mt-4"}))],2),e.createElementVNode("button",{class:e.normalizeClass(["flex flex-col p-6 hover:bg-input/30 transition-all duration-300",{"bg-input/50 hover:bg-input/50":o.value=="hybrid"}]),onClick:t[6]||(t[6]=c=>o.value="hybrid")},[t[20]||(t[20]=e.createElementVNode("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"dark:invert dark:opacity-30 mx-auto mb-4"},[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M54 10C54 7.79086 52.2091 6 50 6L45 6L45 -6.55671e-07L50 -4.37114e-07C55.5228 -1.95703e-07 60 4.47715 60 10L60 15L54 15L54 10ZM54 50L54 15L60 15L60 50C60 55.5229 55.5228 60 50 60L15 60L15 54L50 54C52.2091 54 54 52.2091 54 50ZM35 6L25 6L25 -1.5299e-06L35 -1.09278e-06L35 6ZM15 6L10 6C7.79086 6 6 7.79086 6 10L6 15L-6.55671e-07 15L-4.37114e-07 10C-1.95703e-07 4.47715 4.47715 -2.42698e-06 10 -2.18557e-06L15 -1.96701e-06L15 6ZM10 54L15 54L15 60L10 60C4.47715 60 -2.42698e-06 55.5228 -2.18557e-06 50L-1.96701e-06 45L6 45L6 50C6 52.2091 7.79086 54 10 54ZM6 25L6 35L-1.5299e-06 35L-1.09278e-06 25L6 25Z",fill:"black"})],-1)),t[21]||(t[21]=e.createElementVNode("div",{class:"mb-auto"},[e.createElementVNode("strong",{class:"text-sm mb-1"},"Hybrid Component"),e.createElementVNode("p",{class:"text-xs text-muted-foreground"}," These serve as both layout and content components, unlocking complex layouts. ")],-1)),o.value!="hybrid"?(e.openBlock(),e.createBlock(e.unref(m.Circle),{key:0,class:"size-4 mx-auto mt-4"})):(e.openBlock(),e.createBlock(e.unref(m.CircleCheck),{key:1,class:"size-4 mx-auto mt-4"}))],2)]),t[23]||(t[23]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Form Layout ",-1)),t[24]||(t[24]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mb-2"}," This will be the form that the client can fill in to populate this component. ",-1)),e.createElementVNode("div",null,[e.createVNode($,{modelValue:u.value,"onUpdate:modelValue":t[7]||(t[7]=c=>u.value=c),buildText:"Edit Form Layout",editText:"Edit Form Layout"},null,8,["modelValue"])])]),e.createVNode(H,null,{default:e.withCtx(()=>[l.value==="edit"?(e.openBlock(),e.createBlock(E,{key:0,variant:"destructive",class:"mr-auto",onClick:w},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode(" Delete Component ",-1)])]),_:1})):e.createCommentVNode("",!0),l.value==="create"?(e.openBlock(),e.createBlock(E,{key:1,type:"submit",onClick:N},{default:e.withCtx(()=>[...t[26]||(t[26]=[e.createTextVNode(" Add Component ",-1)])]),_:1})):(e.openBlock(),e.createBlock(E,{key:2,type:"submit",onClick:b},{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Edit Component ",-1)])]),_:1}))]),_:1})]),_:1})]),_:1},8,["open"])}}}),j={class:"w-full truncate text-sm font-medium"},G={class:"w-full truncate text-xs text-muted-foreground"},B=e.defineComponent({__name:"ComponentGridItem",props:{component:{type:Object,required:!0}},emits:["edit"],setup(s,{emit:V}){const v=V;return(C,i)=>{const r=e.resolveComponent("Skeleton"),l=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock("button",{onClick:i[0]||(i[0]=a=>v("edit")),class:"basis-[100px] max-w-[200px] @7xl:max-w-xs"},[e.createVNode(l,{class:"flex flex-col items-center px-4 py-4 gap-0 hover:bg-input/30"},{default:e.withCtx(()=>[s.component.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${s.component.tint?"bg-"+s.component.tint:"bg-input/50"} rounded-lg p-4 mb-2`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m.icons)[s.component.icon]),{class:"size-16 @5xl:size-22 @7xl:size-28"}))],2)):(e.openBlock(),e.createBlock(r,{key:1,class:"size-24 @5xl:size-30 @7xl:size-36 mb-2"})),e.createElementVNode("p",j,e.toDisplayString(s.component.displayName),1),e.createElementVNode("p",G,e.toDisplayString(s.component.name),1)]),_:1})])}}}),R={class:"flex flex-col gap-2 mb-12"},K={class:"flex items-start gap-4 overflow-hidden"},Y={class:"flex flex-col text-left"},J={class:"text-sm font-semibold"},Q={key:0,class:"text-xs text-muted-foreground/70 dark:text-muted-foreground/50 line-clamp-2 whitespace-normal mt-2"},W=e.defineComponent({__name:"VerticalToggle",props:{modelValue:{type:Array,required:!0},options:{type:Array,required:!0}},emits:["update:modelValue"],setup(s,{emit:V}){const v=s,C=V,i=e.computed({get(){return v.modelValue},set(a){C("update:modelValue",a)}}),r=e.ref("full"),l=a=>{i.value.includes(a)?i.value=i.value.filter(d=>d!==a):i.value.push(a)};return(a,d)=>{const p=e.resolveComponent("SegmentedControlButton"),f=e.resolveComponent("SegmentedControl"),n=e.resolveComponent("Button");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(f,{modelValue:r.value,"onUpdate:modelValue":d[0]||(d[0]=o=>r.value=o),class:"grid grid-cols-2 mb-4 w-28 scale-75 origin-left opacity-50 transition-all duration-300 hover:opacity-100"},{default:e.withCtx(()=>[e.createVNode(p,{value:"minimal"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.Baseline),{class:"size-5 mx-auto"})]),_:1}),e.createVNode(p,{value:"full"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.LetterText),{class:"size-5 mx-auto"})]),_:1})]),_:1},8,["modelValue"]),e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.options,o=>(e.openBlock(),e.createBlock(n,{variant:"ghost",key:o.value,class:e.normalizeClass(["flex-1 transition-all duration-300 active:scale-95 rounded-md justify-start w-full h-auto cursor-pointer border",s.modelValue.includes(o.value)?"bg-white hover:bg-white dark:bg-input/30 dark:hover:bg-input/30 shadow-xs":"hover:bg-transparent"]),onClick:u=>l(o.value)},{default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createVNode(e.unref(m.Check),{class:e.normalizeClass(["size-5 text-muted-foreground transition-opacity duration-300",s.modelValue.includes(o.value)?"opacity-100":"opacity-0"])},null,8,["class"]),e.createElementVNode("div",Y,[e.createElementVNode("span",J,e.toDisplayString(o.text),1),r.value==="full"&&o.description?(e.openBlock(),e.createElementBlock("p",Q,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0)])])]),_:2},1032,["class","onClick"]))),128))])])}}}),X={key:0,class:"truncate"},ee={key:1},te={class:"p-6 overflow-y-auto"},oe={class:"flex flex-col gap-3"},le={class:"flex items-start gap-4 overflow-hidden"},ne={class:"flex flex-col text-left"},ae={class:"text-sm font-semibold mb-2"},se={class:"text-xs text-muted-foreground line-clamp-2 whitespace-normal"},re=e.defineComponent({__name:"DrawerToggle",props:{modelValue:{type:Array,required:!0},options:{type:Array,required:!0}},emits:["update:modelValue"],setup(s,{emit:V}){const v=s,C=V,i=e.computed({get(){return v.modelValue},set(l){C("update:modelValue",l)}}),r=l=>{i.value.includes(l)?i.value=i.value.filter(a=>a!==l):i.value.push(l)};return(l,a)=>{const d=e.resolveComponent("Button"),p=e.resolveComponent("DrawerTrigger"),f=e.resolveComponent("DrawerContent"),n=e.resolveComponent("Drawer");return e.openBlock(),e.createBlock(n,null,{default:e.withCtx(()=>[e.createVNode(p,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(d,{variant:"outline",class:"mb-2"},{default:e.withCtx(()=>[s.modelValue.length<4?(e.openBlock(),e.createElementBlock("p",X,e.toDisplayString(s.modelValue.join(", ")),1)):(e.openBlock(),e.createElementBlock("p",ee,e.toDisplayString(s.modelValue.slice(0,3).join(", "))+" + "+e.toDisplayString(s.modelValue.length-3)+" more ",1)),e.createVNode(e.unref(m.ChevronDown),{class:"size-4 text-muted-foreground translate-y-0.25 ml-4"})]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createElementVNode("div",te,[e.createElementVNode("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.options,o=>(e.openBlock(),e.createBlock(d,{key:o.value,class:e.normalizeClass(["justify-start w-full h-auto cursor-pointer flex-1 transition-all duration-300 active:scale-95 rounded-md border border-transparent",s.modelValue.includes(o.value)?"bg-input/30 border-border":""]),variant:"ghost",onClick:u=>r(o.value)},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(e.unref(m.Check),{class:e.normalizeClass(["size-5 text-muted-foreground transition-opacity duration-300",s.modelValue.includes(o.value)?"opacity-100":"opacity-0"])},null,8,["class"]),e.createElementVNode("div",ne,[e.createElementVNode("span",ae,e.toDisplayString(o.text),1),e.createElementVNode("p",se,e.toDisplayString(o.description),1)])])]),_:2},1032,["class","onClick"]))),128))])])]),_:1})]),_:1})}}}),ie={class:"w-full"},de={class:"flex items-center justify-between gap-4 w-full my-4"},ue={class:"flex flex-col space-y-8 @5xl:flex-row @5xl:space-x-12 @5xl:space-y-0"},ce={class:"hidden @5xl:block @5xl:w-1/4 @7xl:w-1/5"},me={class:"flex-1"},pe={class:"@5xl:hidden"},ve={class:"flex items-center justify-between w-full"},fe={class:"flex items-start gap-8"},xe={key:0,class:"mb-8"},Ve={class:"flex flex-wrap gap-4"},Ce={key:1,class:"mb-8"},ge={class:"flex flex-wrap gap-4"},ke={key:2,class:"mb-8"},ye={class:"flex flex-wrap gap-4"},Ne=e.defineComponent({__name:"Components",setup(s){const V=[{value:"hybrid",text:"Hybrid Components",icon:"",description:"These serve as both layout and content components, unlocking complex layouts."},{value:"layout",text:"Layout Component",icon:"",description:"Helps setting up the overall structure or layout of the page. (Examples: Section, 2 Column Grid, ...)"},{value:"content",text:"Content Component",icon:"",description:"Aimed at hosting and displaying unique content. (Examples: Text, Link, Image, ...)"}],{getModuleData:v,setModuleData:C}=k.useModuleStorage(),{navigateTo:i}=k.useModuleRoute();k.useModuleBreadcrumbs(()=>[{text:"Components"}]);const r=e.useTemplateRef("componentDialog"),l=e.ref([]),a=e.ref(["hybrid","layout","content"]),d=async n=>{Array.isArray(l.value)||(l.value=[]),l.value.push(n),l.value=await v("components")||[],l.value.push(n),C("components",l.value)},p=async n=>{let o=l.value.findIndex(u=>u.id===n.id);o!==-1&&(l.value[o]=n),l.value=await v("components")||[],o=l.value.findIndex(u=>u.id===n.id),o!==-1&&(l.value[o]=n,C("components",l.value))},f=async n=>{l.value=l.value.filter(o=>o.id!==n),l.value=await v("components")||[],l.value=l.value.filter(o=>o.id!==n),C("components",l.value)};return e.onMounted(()=>{v("components").then(n=>{console.log("Loaded components:",n),l.value=n||[]})}),(n,o)=>{const u=e.resolveComponent("Button"),y=e.resolveComponent("CardTitle"),N=e.resolveComponent("CardDescription"),b=e.resolveComponent("CardHeader"),w=e.resolveComponent("CardContent"),x=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",ie,[e.createElementVNode("div",de,[e.createVNode(u,{onClick:o[0]||(o[0]=t=>e.unref(i)("/")),variant:"link",class:"!pl-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.ChevronLeft),{class:"size-4"}),o[4]||(o[4]=e.createTextVNode(" Collections ",-1))]),_:1})]),e.createElementVNode("div",ue,[e.createElementVNode("div",ce,[e.createVNode(W,{options:V,modelValue:a.value,"onUpdate:modelValue":o[1]||(o[1]=t=>a.value=t)},null,8,["modelValue"])]),e.createElementVNode("div",me,[e.createElementVNode("div",pe,[e.createVNode(re,{options:V,modelValue:a.value,"onUpdate:modelValue":o[2]||(o[2]=t=>a.value=t)},null,8,["modelValue"])]),e.createVNode(x,null,{default:e.withCtx(()=>[e.createVNode(b,null,{default:e.withCtx(()=>[e.createElementVNode("div",ve,[e.createElementVNode("div",null,[e.createVNode(y,null,{default:e.withCtx(()=>[...o[5]||(o[5]=[e.createTextVNode("Components",-1)])]),_:1}),e.createVNode(N,null,{default:e.withCtx(()=>[...o[6]||(o[6]=[e.createTextVNode("Manage your components here.",-1)])]),_:1})]),e.createVNode(u,{onClick:o[3]||(o[3]=t=>r.value.openDialog())},{default:e.withCtx(()=>[e.createVNode(e.unref(m.Plus),{class:"size-4"}),o[7]||(o[7]=e.createTextVNode(" New Component ",-1))]),_:1})])]),_:1}),e.createVNode(w,null,{default:e.withCtx(()=>[e.createElementVNode("div",fe,[e.createElementVNode("div",null,[a.value.includes("hybrid")?(e.openBlock(),e.createElementBlock("div",xe,[o[8]||(o[8]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Hybrid Components",-1)),e.createElementVNode("div",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value?.filter(t=>t.componentType==="hybrid"),t=>(e.openBlock(),e.createBlock(B,{key:t.name,onEdit:g=>r.value.openDialog(t),component:t},null,8,["onEdit","component"]))),128))])])):e.createCommentVNode("",!0),a.value.includes("layout")?(e.openBlock(),e.createElementBlock("div",Ce,[o[9]||(o[9]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Layout Components",-1)),e.createElementVNode("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value?.filter(t=>t.componentType==="layout"),t=>(e.openBlock(),e.createBlock(B,{key:t.name,onEdit:g=>r.value.openDialog(t),component:t},null,8,["onEdit","component"]))),128))])])):e.createCommentVNode("",!0),a.value.includes("content")?(e.openBlock(),e.createElementBlock("div",ke,[o[10]||(o[10]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Content Components",-1)),e.createElementVNode("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value?.filter(t=>t.componentType==="content"),t=>(e.openBlock(),e.createBlock(B,{key:t.name,onEdit:g=>r.value.openDialog(t),component:t},null,8,["onEdit","component"]))),128))])])):e.createCommentVNode("",!0)])])]),_:1})]),_:1})])])]),e.createVNode(P,{ref_key:"componentDialog",ref:r,onAdd:d,onEdit:p,onDelete:f},null,512)],64)}}});exports.default=Ne;

package/dist/{Components-C83O-xlF.mjs → Components-iU3ZaJm5.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as z, ref as w, resolveComponent as a, openBlock as s, createBlock as p, withCtx as i, createVNode as n, createTextVNode as D, toDisplayString as L, createElementVNode as t, normalizeClass as $, unref as g, createCommentVNode as T, createElementBlock as x, resolveDynamicComponent as X, computed as P, Fragment as H, renderList as M, useTemplateRef as ee, onMounted as te } from "vue";
-import { Circle as U, CircleCheck as A, icons as oe, Baseline as le, LetterText as ne, Check as j, ChevronDown as se, ChevronLeft as ae, Plus as ie } from "lucide-vue-next";
+import { defineComponent as z, ref as w, resolveComponent as a, openBlock as s, createBlock as p, withCtx as i, createVNode as n, createTextVNode as D, toDisplayString as L, createElementVNode as t, normalizeClass as $, unref as g, createCommentVNode as H, createElementBlock as x, resolveDynamicComponent as X, computed as P, Fragment as T, renderList as M, useTemplateRef as ee, onMounted as te } from "vue";
+import { Circle as I, CircleCheck as U, icons as oe, Baseline as le, LetterText as ne, Check as j, ChevronDown as se, ChevronLeft as ae, Plus as ie } from "lucide-vue-next";
 import { useConfirmation as ue, useModuleStorage as de, useModuleRoute as re, useModuleBreadcrumbs as me } from "@oneclick.dev/cms-kit";
 const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { class: "w-1/2" }, fe = { class: "w-1/2" }, xe = { class: "flex gap-6 mb-6" }, ge = { class: "w-1/2" }, ye = { class: "w-1/2" }, Ce = { class: "grid grid-cols-3 bg-input/30 rounded border divide-x divide-input/30 mb-6" }, be = /* @__PURE__ */ z({
   __name: "ComponentDialog",
@@ -33,7 +33,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
     return V({
       openDialog: E
     }), (k, e) => {
-      const B = a("DialogTitle"), q = a("DialogDescription"), G = a("DialogHeader"), O = a("Input"), R = a("TailwindColorPicker"), Y = a("LucideIconPicker"), J = a("FormBuilderSelect"), I = a("Button"), K = a("DialogFooter"), Q = a("DialogScrollContent"), W = a("Dialog");
+      const B = a("DialogTitle"), q = a("DialogDescription"), G = a("DialogHeader"), O = a("Input"), R = a("TailwindColorPicker"), Y = a("LucideIconPicker"), J = a("FormBuilderSelect"), A = a("Button"), K = a("DialogFooter"), Q = a("DialogScrollContent"), W = a("Dialog");
       return s(), p(W, {
         open: m.value,
         "onUpdate:open": e[8] || (e[8] = (y) => m.value = y)
@@ -135,10 +135,10 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
                       t("strong", { class: "text-sm mb-1" }, "Layout Component"),
                       t("p", { class: "text-xs text-muted-foreground" }, " Helps setting up the overall structure or layout of the page. (Examples: Section, 2 Column Grid, ...) ")
                     ], -1)),
-                    o.value != "layout" ? (s(), p(g(U), {
+                    o.value != "layout" ? (s(), p(g(I), {
                       key: 0,
                       class: "size-4 mx-auto mt-4"
-                    })) : (s(), p(g(A), {
+                    })) : (s(), p(g(U), {
                       key: 1,
                       class: "size-4 mx-auto mt-4"
                     }))
@@ -166,10 +166,10 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
                       t("strong", { class: "text-sm mb-1" }, "Content Component"),
                       t("p", { class: "text-xs text-muted-foreground" }, " Aimed at hosting and displaying unique content. (Examples: Text, Link, Image, ...) ")
                     ], -1)),
-                    o.value != "content" ? (s(), p(g(U), {
+                    o.value != "content" ? (s(), p(g(I), {
                       key: 0,
                       class: "size-4 mx-auto mt-4"
-                    })) : (s(), p(g(A), {
+                    })) : (s(), p(g(U), {
                       key: 1,
                       class: "size-4 mx-auto mt-4"
                     }))
@@ -197,10 +197,10 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
                       t("strong", { class: "text-sm mb-1" }, "Hybrid Component"),
                       t("p", { class: "text-xs text-muted-foreground" }, " These serve as both layout and content components, unlocking complex layouts. ")
                     ], -1)),
-                    o.value != "hybrid" ? (s(), p(g(U), {
+                    o.value != "hybrid" ? (s(), p(g(I), {
                       key: 0,
                       class: "size-4 mx-auto mt-4"
-                    })) : (s(), p(g(A), {
+                    })) : (s(), p(g(U), {
                       key: 1,
                       class: "size-4 mx-auto mt-4"
                     }))
@@ -219,7 +219,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
               ]),
               n(K, null, {
                 default: i(() => [
-                  l.value === "edit" ? (s(), p(I, {
+                  l.value === "edit" ? (s(), p(A, {
                     key: 0,
                     variant: "destructive",
                     class: "mr-auto",
@@ -229,8 +229,8 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
                       D(" Delete Component ", -1)
                     ])]),
                     _: 1
-                  })) : T("", !0),
-                  l.value === "create" ? (s(), p(I, {
+                  })) : H("", !0),
+                  l.value === "create" ? (s(), p(A, {
                     key: 1,
                     type: "submit",
                     onClick: N
@@ -239,7 +239,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
                       D(" Add Component ", -1)
                     ])]),
                     _: 1
-                  })) : (s(), p(I, {
+                  })) : (s(), p(A, {
                     key: 2,
                     type: "submit",
                     onClick: Z
@@ -348,7 +348,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
           _: 1
         }, 8, ["modelValue"]),
         t("div", we, [
-          (s(!0), x(H, null, M(r.options, (o) => (s(), p(u, {
+          (s(!0), x(T, null, M(r.options, (o) => (s(), p(u, {
             variant: "ghost",
             key: o.value,
             class: $(["flex-1 transition-all duration-300 active:scale-95 rounded-md justify-start w-full h-auto cursor-pointer border", r.modelValue.includes(o.value) ? "bg-white hover:bg-white dark:bg-input/30 dark:hover:bg-input/30 shadow-xs" : "hover:bg-transparent"]),
@@ -361,7 +361,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
                 }, null, 8, ["class"]),
                 t("div", he, [
                   t("span", Le, L(o.text), 1),
-                  m.value === "full" && o.description ? (s(), x("p", De, L(o.description), 1)) : T("", !0)
+                  m.value === "full" && o.description ? (s(), x("p", De, L(o.description), 1)) : H("", !0)
                 ])
               ])
             ]),
@@ -371,10 +371,10 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
       ]);
     };
   }
-}), He = {
+}), Te = {
   key: 0,
   class: "truncate"
-}, Te = { key: 1 }, Me = { class: "p-6 overflow-y-auto" }, ze = { class: "flex flex-col gap-3" }, Be = { class: "flex items-start gap-4 overflow-hidden" }, Ee = { class: "flex flex-col text-left" }, Ne = { class: "text-sm font-semibold mb-2" }, Ze = { class: "text-xs text-muted-foreground line-clamp-2 whitespace-normal" }, Se = /* @__PURE__ */ z({
+}, He = { key: 1 }, Me = { class: "p-6 overflow-y-auto" }, ze = { class: "flex flex-col gap-3" }, Be = { class: "flex items-start gap-4 overflow-hidden" }, Ee = { class: "flex flex-col text-left" }, Ne = { class: "text-sm font-semibold mb-2" }, Ze = { class: "text-xs text-muted-foreground line-clamp-2 whitespace-normal" }, Se = /* @__PURE__ */ z({
   __name: "DrawerToggle",
   props: {
     modelValue: {
@@ -409,7 +409,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
                 class: "mb-2"
               }, {
                 default: i(() => [
-                  r.modelValue.length < 4 ? (s(), x("p", He, L(r.modelValue.join(", ")), 1)) : (s(), x("p", Te, L(r.modelValue.slice(0, 3).join(", ")) + " + " + L(r.modelValue.length - 3) + " more ", 1)),
+                  r.modelValue.length < 4 ? (s(), x("p", Te, L(r.modelValue.join(", ")), 1)) : (s(), x("p", He, L(r.modelValue.slice(0, 3).join(", ")) + " + " + L(r.modelValue.length - 3) + " more ", 1)),
                   n(g(se), { class: "size-4 text-muted-foreground translate-y-0.25 ml-4" })
                 ]),
                 _: 1
@@ -421,7 +421,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
             default: i(() => [
               t("div", Me, [
                 t("div", ze, [
-                  (s(!0), x(H, null, M(r.options, (o) => (s(), p(v, {
+                  (s(!0), x(T, null, M(r.options, (o) => (s(), p(v, {
                     key: o.value,
                     class: $(["justify-start w-full h-auto cursor-pointer flex-1 transition-all duration-300 active:scale-95 rounded-md border border-transparent", r.modelValue.includes(o.value) ? "bg-input/30 border-border" : ""]),
                     variant: "ghost",
@@ -450,7 +450,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
       });
     };
   }
-}), Ie = { class: "w-full" }, Ue = { class: "flex items-center justify-between gap-4 w-full my-4" }, Ae = { class: "flex flex-col space-y-8 @5xl:flex-row @5xl:space-x-12 @5xl:space-y-0" }, Fe = { class: "hidden @5xl:block @5xl:w-1/4 @7xl:w-1/5" }, Oe = { class: "flex-1" }, Pe = { class: "@5xl:hidden" }, je = { class: "flex items-center justify-between w-full" }, qe = { class: "flex items-start gap-8" }, Ge = {
+}), Ae = { class: "w-full" }, Ie = { class: "flex items-center justify-between gap-4 w-full my-4" }, Ue = { class: "flex flex-col space-y-8 @5xl:flex-row @5xl:space-x-12 @5xl:space-y-0" }, Fe = { class: "hidden @5xl:block @5xl:w-1/4 @7xl:w-1/5" }, Oe = { class: "flex-1" }, Pe = { class: "@5xl:hidden" }, je = { class: "flex items-center justify-between w-full" }, qe = { class: "flex items-start gap-8" }, Ge = {
   key: 0,
   class: "mb-8"
 }, Re = { class: "flex flex-wrap gap-4" }, Ye = {
@@ -486,7 +486,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
       { text: "Components" }
     ]);
     const m = ee("componentDialog"), l = w([]), d = w(["hybrid", "layout", "content"]), v = async (u) => {
-      l.value.push(u), l.value = await b("components") || [], l.value.push(u), h("components", l.value);
+      Array.isArray(l.value) || (l.value = []), l.value.push(u), l.value = await b("components") || [], l.value.push(u), h("components", l.value);
     }, C = async (u) => {
       let o = l.value.findIndex((f) => f.id === u.id);
       o !== -1 && (l.value[o] = u), l.value = await b("components") || [], o = l.value.findIndex((f) => f.id === u.id), o !== -1 && (l.value[o] = u, h("components", l.value));
@@ -495,13 +495,13 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
     };
     return te(() => {
       b("components").then((u) => {
-        l.value = u;
+        console.log("Loaded components:", u), l.value = u || [];
       });
     }), (u, o) => {
       const f = a("Button"), E = a("CardTitle"), N = a("CardDescription"), Z = a("CardHeader"), S = a("CardContent"), k = a("Card");
-      return s(), x(H, null, [
-        t("div", Ie, [
-          t("div", Ue, [
+      return s(), x(T, null, [
+        t("div", Ae, [
+          t("div", Ie, [
             n(f, {
               onClick: o[0] || (o[0] = (e) => g(c)("/")),
               variant: "link",
@@ -514,7 +514,7 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
               _: 1
             })
           ]),
-          t("div", Ae, [
+          t("div", Ue, [
             t("div", Fe, [
               n($e, {
                 options: V,
@@ -569,33 +569,33 @@ const ce = { class: "grid py-4" }, pe = { class: "flex gap-6 mb-6" }, ve = { cla
                           d.value.includes("hybrid") ? (s(), x("div", Ge, [
                             o[8] || (o[8] = t("h3", { class: "font-medium mb-2" }, "Hybrid Components", -1)),
                             t("div", Re, [
-                              (s(!0), x(H, null, M(l.value, (e) => (s(), p(F, {
+                              (s(!0), x(T, null, M(l.value?.filter((e) => e.componentType === "hybrid"), (e) => (s(), p(F, {
                                 key: e.name,
                                 onEdit: (B) => m.value.openDialog(e),
                                 component: e
                               }, null, 8, ["onEdit", "component"]))), 128))
                             ])
-                          ])) : T("", !0),
+                          ])) : H("", !0),
                           d.value.includes("layout") ? (s(), x("div", Ye, [
                             o[9] || (o[9] = t("h3", { class: "font-medium mb-2" }, "Layout Components", -1)),
                             t("div", Je, [
-                              (s(!0), x(H, null, M(l.value, (e) => (s(), p(F, {
+                              (s(!0), x(T, null, M(l.value?.filter((e) => e.componentType === "layout"), (e) => (s(), p(F, {
                                 key: e.name,
                                 onEdit: (B) => m.value.openDialog(e),
                                 component: e
                               }, null, 8, ["onEdit", "component"]))), 128))
                             ])
-                          ])) : T("", !0),
+                          ])) : H("", !0),
                           d.value.includes("content") ? (s(), x("div", Ke, [
                             o[10] || (o[10] = t("h3", { class: "font-medium mb-2" }, "Content Components", -1)),
                             t("div", Qe, [
-                              (s(!0), x(H, null, M(l.value, (e) => (s(), p(F, {
+                              (s(!0), x(T, null, M(l.value?.filter((e) => e.componentType === "content"), (e) => (s(), p(F, {
                                 key: e.name,
                                 onEdit: (B) => m.value.openDialog(e),
                                 component: e
                               }, null, 8, ["onEdit", "component"]))), 128))
                             ])
-                          ])) : T("", !0)
+                          ])) : H("", !0)
                         ])
                       ])
                     ]),