@oneclick.dev/cms-core-modules 0.0.90 → 0.0.91

package/dist/{index-MwjeLHPP.mjs → index-DnH93MgM.mjs}

@@ -1,22 +1,22 @@
-import { defineComponent as ie, inject as je, computed as W, ref as N, onMounted as Ne, nextTick as Be, onUnmounted as Oe, watch as Y, openBlock as h, createElementBlock as T, resolveComponent as w, createElementVNode as n, Fragment as ne, createVNode as l, unref as e, normalizeStyle as me, toDisplayString as z, createCommentVNode as Z, createBlock as G, isRef as oe, withCtx as b, createTextVNode as X, renderList as ve, normalizeClass as ae, provide as Ee } from "vue";
-import { useModuleRoute as ye, useModule as be, useFirebaseIntegration as _e, useModulePermissions as Le } from "@oneclick.dev/cms-kit";
-import { Layers as ge, ChevronDown as Fe, ChevronLeft as We, ChevronRight as Ge, Users as ke, RefreshCw as He, Search as Ue, X as qe, Clock as Ye, Calendar as Xe } from "lucide-vue-next";
-import { _ as Qe } from "./EditLayout.vue_vue_type_script_setup_true_lang-CcysXzmW.mjs";
-import { h as fe, t as Je, s as Ke, M as re, a3 as he, a4 as Ze, J as Se, _ as De, y as le, P as Ce, a5 as et, a6 as tt, a7 as st, q as at, j as ot, R as nt, Q as rt, Z as lt } from "./index-CMk3uhUt.mjs";
+import { defineComponent as le, inject as je, computed as W, ref as N, onMounted as Ne, nextTick as Be, onUnmounted as Oe, watch as Y, openBlock as h, createElementBlock as T, resolveComponent as w, withModifiers as Le, createElementVNode as n, Fragment as ne, createVNode as i, unref as e, normalizeStyle as me, toDisplayString as z, createCommentVNode as Z, createBlock as G, isRef as oe, withCtx as b, createTextVNode as X, renderList as ve, normalizeClass as ae, provide as Ee } from "vue";
+import { useModuleRoute as ye, useModule as be, useFirebaseIntegration as _e, useModulePermissions as Fe } from "@oneclick.dev/cms-kit";
+import { Layers as ge, ChevronDown as We, ChevronLeft as Ge, ChevronRight as He, Users as ke, RefreshCw as Ue, Search as qe, X as Ye, Clock as Xe, Calendar as Qe } from "lucide-vue-next";
+import { _ as Je } from "./EditLayout.vue_vue_type_script_setup_true_lang-DXa-Xxue.mjs";
+import { h as fe, t as Ke, s as Ze, M as re, a3 as he, a4 as et, J as Se, _ as De, y as ie, P as Ce, a5 as tt, a6 as st, a7 as at, q as ot, j as nt, R as rt, Q as it, Z as lt } from "./index-CMk3uhUt.mjs";
 import { componentToString as we, ChartTooltipContent as $e } from "@oneclick.dev/cms-kit/charts";
-import { a as it } from "./index-B-lVEpFX.mjs";
-import { X as ct, O as Ie, a as dt, b as ut, r as mt, D as de, S as Me, C as ue, z as Ve, A as Re } from "./index-_2lRVt_k.mjs";
-import { F as pt, _ as vt } from "./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-Cohhnd5x.mjs";
-import { _ as ft } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-Bc946oSc.mjs";
-function gt({ x: _, y: c, w: s, h: p, tl: g = !1, tr: u = !1, bl: x = !1, br: r = !1, r: o = 0 }) {
+import { a as ct } from "./index-B-lVEpFX.mjs";
+import { X as dt, O as Ie, a as ut, b as mt, r as pt, D as de, S as Me, C as ue, z as Ve, A as Re } from "./index-_2lRVt_k.mjs";
+import { F as vt, _ as ft } from "./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-Cohhnd5x.mjs";
+import { _ as gt } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-Bc946oSc.mjs";
+function ht({ x: _, y: c, w: s, h: p, tl: g = !1, tr: m = !1, bl: x = !1, br: r = !1, r: o = 0 }) {
   let v;
   v = `M${_ + o},${c}h${s - 2 * o}`;
-  let t = u ? o : 0, i = u ? 0 : o;
-  return v += `a${t},${t} 0 0 1 ${t},${t}`, v += `h${i}v${i}`, v += `v${p - 2 * o}`, t = r ? o : 0, i = r ? 0 : o, v += `a${t},${t} 0 0 1 ${-t},${t}`, v += `v${i}h${-i}`, v += `h${2 * o - s}`, t = x ? o : 0, i = x ? 0 : o, v += `a${t},${t} 0 0 1 ${-t},${-t}`, v += `h${-i}v${-i}`, v += `v${2 * o - p}`, t = g ? o : 0, i = g ? 0 : o, v += `a${t},${t} 0 0 1 ${t},${-t}`, v += `v${-i}h${i}`, v += "z", v;
+  let t = m ? o : 0, l = m ? 0 : o;
+  return v += `a${t},${t} 0 0 1 ${t},${t}`, v += `h${l}v${l}`, v += `v${p - 2 * o}`, t = r ? o : 0, l = r ? 0 : o, v += `a${t},${t} 0 0 1 ${-t},${t}`, v += `v${l}h${-l}`, v += `h${2 * o - s}`, t = x ? o : 0, l = x ? 0 : o, v += `a${t},${t} 0 0 1 ${-t},${-t}`, v += `h${-l}v${-l}`, v += `v${2 * o - p}`, t = g ? o : 0, l = g ? 0 : o, v += `a${t},${t} 0 0 1 ${t},${-t}`, v += `v${-l}h${l}`, v += "z", v;
 }
-const ht = Object.assign(Object.assign({}, ct), { color: void 0, groupMaxWidth: void 0, groupWidth: void 0, dataStep: void 0, groupPadding: 0.05, barPadding: 0, roundedCorners: 2, barMinHeight: 2, cursor: null, orientation: Ie.Vertical }), Pe = fe`
+const xt = Object.assign(Object.assign({}, dt), { color: void 0, groupMaxWidth: void 0, groupWidth: void 0, dataStep: void 0, groupPadding: 0.05, barPadding: 0, roundedCorners: 2, barMinHeight: 2, cursor: null, orientation: Ie.Vertical }), Pe = fe`
   label: grouped-bar-component;
-`, xt = Je`
+`, yt = Ke`
   :root {
     --vis-grouped-bar-cursor: default;
     --vis-grouped-bar-fill-color: var(--vis-color-main);
@@ -48,26 +48,26 @@ const ht = Object.assign(Object.assign({}, ct), { color: void 0, groupMaxWidth:
   label: barGroup;
 `, ze = fe`
   label: barGroupExit;
-`, yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   bar: pe,
   barGroup: xe,
   barGroupExit: ze,
-  globalStyles: xt,
+  globalStyles: yt,
   root: Pe
 }, Symbol.toStringTag, { value: "Module" }));
-class Ae extends dt {
+class Ae extends ut {
   constructor(c) {
-    super(), this._defaultConfig = ht, this.config = this._defaultConfig, this.getAccessors = () => Ke(this.config.y) ? this.config.y : [this.config.y], this.events = {}, this._barData = [], c && this.setConfig(c);
+    super(), this._defaultConfig = xt, this.config = this._defaultConfig, this.getAccessors = () => Ze(this.config.y) ? this.config.y : [this.config.y], this.events = {}, this._barData = [], c && this.setConfig(c);
   }
   get bleed() {
     if (this._barData = this._getVisibleData(), this._barData.length === 0)
       return { top: 0, bottom: 0, left: 0, right: 0 };
-    const c = !this.isVertical() && this.dataScale.range()[0] > this.dataScale.range()[1], s = this.dataScale.domain(), p = this._getGroupWidth() / 2, g = this._barData.map((D, E) => re(D, this.config.x, E)), u = he(g), x = Ze(g), r = this.dataScale(u), o = this.dataScale(x), v = this.dataScale.invert(r + (c ? p : -p)), t = this.dataScale.invert(o + (c ? -p : p)), i = v <= s[0] ? this.dataScale(s[0]) - this.dataScale(v) : 0, R = t > s[1] ? this.dataScale(t) - this.dataScale(s[1]) : 0;
+    const c = !this.isVertical() && this.dataScale.range()[0] > this.dataScale.range()[1], s = this.dataScale.domain(), p = this._getGroupWidth() / 2, g = this._barData.map((D, E) => re(D, this.config.x, E)), m = he(g), x = et(g), r = this.dataScale(m), o = this.dataScale(x), v = this.dataScale.invert(r + (c ? p : -p)), t = this.dataScale.invert(o + (c ? -p : p)), l = v <= s[0] ? this.dataScale(s[0]) - this.dataScale(v) : 0, R = t > s[1] ? this.dataScale(t) - this.dataScale(s[1]) : 0;
     return {
-      top: this.isVertical() ? 0 : c ? -R : i,
-      bottom: this.isVertical() ? 0 : c ? -i : R,
-      left: this.isVertical() ? i : 0,
+      top: this.isVertical() ? 0 : c ? -R : l,
+      bottom: this.isVertical() ? 0 : c ? -l : R,
+      left: this.isVertical() ? l : 0,
       right: this.isVertical() ? R : 0
     };
   }
@@ -81,49 +81,49 @@ class Ae extends dt {
     return this.config.orientation === Ie.Vertical;
   }
   _render(c) {
-    const { config: s } = this, p = Se(c) ? c : s.duration, g = this._getGroupWidth(), u = this.getAccessors(), x = [-g / 2, g / 2], r = ut().domain(mt(u.length)).range(x).paddingInner(s.barPadding).paddingOuter(s.barPadding), o = this.g.selectAll(`.${xe}`).data(this._barData, (S, P) => {
+    const { config: s } = this, p = Se(c) ? c : s.duration, g = this._getGroupWidth(), m = this.getAccessors(), x = [-g / 2, g / 2], r = mt().domain(pt(m.length)).range(x).paddingInner(s.barPadding).paddingOuter(s.barPadding), o = this.g.selectAll(`.${xe}`).data(this._barData, (S, P) => {
       var d;
       return `${(d = De(S, s.id, P)) !== null && d !== void 0 ? d : P}`;
     }), v = (S, P) => {
       const d = this.dataScale(re(S, s.x, P)), f = this.isVertical() ? d : 0, j = this.isVertical() ? 0 : d;
       return `translate(${f},${j})`;
-    }, i = o.enter().append("g").attr("class", xe).attr("transform", v).style("opacity", 1).merge(o);
-    le(i, p).attr("transform", v).style("opacity", 1);
+    }, l = o.enter().append("g").attr("class", xe).attr("transform", v).style("opacity", 1).merge(o);
+    ie(l, p).attr("transform", v).style("opacity", 1);
     const R = o.exit().attr("class", ze);
-    le(R, p).style("opacity", 0).remove(), le(R.selectAll(`.${pe}`), p).attr("transform", (S, P, d) => this.isVertical() ? `translate(0,${this.yScale(0)}) scale(1,0)` : `translate(${this.xScale(0)},0) scale(0,1)`);
-    const D = r.bandwidth(), E = i.selectAll(`.${pe}`).data((S) => u.map(() => S)), A = this._getValueAxisDirection(), U = E.enter().append("path").attr("class", pe).attr("d", (S, P) => {
+    ie(R, p).style("opacity", 0).remove(), ie(R.selectAll(`.${pe}`), p).attr("transform", (S, P, d) => this.isVertical() ? `translate(0,${this.yScale(0)}) scale(1,0)` : `translate(${this.xScale(0)},0) scale(0,1)`);
+    const D = r.bandwidth(), E = l.selectAll(`.${pe}`).data((S) => m.map(() => S)), A = this._getValueAxisDirection(), U = E.enter().append("path").attr("class", pe).attr("d", (S, P) => {
       const d = r(P), f = this.valueScale(0), j = D;
       return this._getBarPath(d, f, j, 0, !1, A);
     }).style("fill", (S, P) => Ce(S, s.color, P)).merge(E);
-    le(U, p).attr("d", (S, P) => {
-      const d = r(P), f = D, j = re(S, u[P]), m = j < 0;
-      let O = m ? this.valueScale(0) : this.valueScale(j || 0), $ = Math.abs(this.valueScale(0) - this.valueScale(j)) || 0;
+    ie(U, p).attr("d", (S, P) => {
+      const d = r(P), f = D, j = re(S, m[P]), u = j < 0;
+      let O = u ? this.valueScale(0) : this.valueScale(j || 0), $ = Math.abs(this.valueScale(0) - this.valueScale(j)) || 0;
       if ($ < s.barMinHeight) {
         const Q = A === de.North ? -1 : 1;
         O = this.valueScale(0) + Q * s.barMinHeight, $ = s.barMinHeight;
       }
-      return this._getBarPath(d, O, f, $, m, A);
-    }).style("fill", (S, P) => Ce(S, s.color, P)).style("cursor", (S, P) => De(S, s.cursor, P)), le(E.exit(), p).remove();
+      return this._getBarPath(d, O, f, $, u, A);
+    }).style("fill", (S, P) => Ce(S, s.color, P)).style("cursor", (S, P) => De(S, s.cursor, P)), ie(E.exit(), p).remove();
   }
   _getValueAxisDirection() {
     return this.valueScale.range()[0] > this.valueScale.range()[1] ? de.North : de.South;
   }
   _getVisibleData() {
-    const { config: c, datamodel: { data: s } } = this, p = this._getGroupWidth(), g = s.length < 2 ? 0 : p / 2, u = this.dataScale, x = Math.abs(u.invert(g) - u.invert(0));
+    const { config: c, datamodel: { data: s } } = this, p = this._getGroupWidth(), g = s.length < 2 ? 0 : p / 2, m = this.dataScale, x = Math.abs(m.invert(g) - m.invert(0));
     return s?.filter((o, v) => {
-      const t = re(o, c.x, v), i = u.domain(), R = +i[0], D = +i[1];
+      const t = re(o, c.x, v), l = m.domain(), R = +l[0], D = +l[1];
       return t >= R - x && t <= D + x;
     });
   }
-  _getBarPath(c, s, p, g, u, x) {
-    const { config: r } = this, o = r.roundedCorners ? Se(r.roundedCorners) ? +r.roundedCorners : p / 2 : 0, v = ot(o, 0, Math.min(g, p) / 2), t = x === de.North, i = this.isVertical() && u !== t, R = this.isVertical() && u === t, D = !this.isVertical() && u, E = !this.isVertical() && !u;
-    return gt({
+  _getBarPath(c, s, p, g, m, x) {
+    const { config: r } = this, o = r.roundedCorners ? Se(r.roundedCorners) ? +r.roundedCorners : p / 2 : 0, v = nt(o, 0, Math.min(g, p) / 2), t = x === de.North, l = this.isVertical() && m !== t, R = this.isVertical() && m === t, D = !this.isVertical() && m, E = !this.isVertical() && !m;
+    return ht({
       x: this.isVertical() ? c : s + (t ? 0 : -g),
       y: this.isVertical() ? s + (t ? 0 : -g) : c,
       w: this.isVertical() ? p : g,
       h: this.isVertical() ? g : p,
-      tl: i || D,
-      tr: i || E,
+      tl: l || D,
+      tr: l || E,
       bl: R || D,
       br: R || E,
       r: v
@@ -131,26 +131,26 @@ class Ae extends dt {
   }
   _getGroupWidth() {
     const { config: c, datamodel: { data: s } } = this;
-    if (et(s))
+    if (tt(s))
       return 0;
     if (c.groupWidth)
       return he([c.groupWidth, c.groupMaxWidth]);
     const p = this.dataScale.bandwidth, g = this.dataScale.domain ? this.dataScale.domain() : [];
     let x = 1 + (p ? g.length : g[1] - g[0]) / c.dataStep || !p && s.filter((v, t) => {
-      const i = re(v, c.x, t);
-      return i >= g[0] && i <= g[1];
+      const l = re(v, c.x, t);
+      return l >= g[0] && l <= g[1];
     }).length || s.length;
     !p && x >= 2 && (x += 1);
     const o = (x < 2 ? 1 : 1 - c.groupPadding) * (this.isVertical() ? this._width : this._height) / x;
     return he([o, c.groupMaxWidth]);
   }
   getValueScaleExtent(c) {
-    const { datamodel: s } = this, p = this.getAccessors(), g = c ? this._getVisibleData() : s.data, u = tt(g, ...p), x = st(g, ...p);
-    return [u > 0 ? 0 : u, x < 0 ? 0 : x];
+    const { datamodel: s } = this, p = this.getAccessors(), g = c ? this._getVisibleData() : s.data, m = st(g, ...p), x = at(g, ...p);
+    return [m > 0 ? 0 : m, x < 0 ? 0 : x];
   }
   getDataScaleExtent() {
     const { config: c, datamodel: s } = this;
-    return at(s.data, c.x);
+    return ot(s.data, c.x);
   }
   getYDataExtent(c) {
     return this.isVertical() ? this.getValueScaleExtent(c) : this.getDataScaleExtent();
@@ -159,8 +159,8 @@ class Ae extends dt {
     return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(!1);
   }
 }
-Ae.selectors = yt;
-const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
+Ae.selectors = bt;
+const _t = { "data-vis-component": "" }, Te = /* @__PURE__ */ le({
   __name: "index",
   props: {
     color: { type: [Function, String, Array, null] },
@@ -185,26 +185,26 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
     data: {}
   },
   setup(_, { expose: c }) {
-    const s = je(nt), p = _, g = W(() => s.data.value ?? p.data), u = rt(p), x = N();
+    const s = je(rt), p = _, g = W(() => s.data.value ?? p.data), m = it(p), x = N();
     return Ne(() => {
       Be(() => {
         var r;
-        x.value = new Ae(u.value), (r = x.value) == null || r.setData(g.value), s.update(x.value);
+        x.value = new Ae(m.value), (r = x.value) == null || r.setData(g.value), s.update(x.value);
       });
     }), Oe(() => {
       var r;
       (r = x.value) == null || r.destroy(), s.destroy();
-    }), Y(u, (r, o) => {
+    }), Y(m, (r, o) => {
       var v;
-      lt(r, o) || (v = x.value) == null || v.setConfig(u.value);
+      lt(r, o) || (v = x.value) == null || v.setConfig(m.value);
     }), Y(g, () => {
       var r;
       (r = x.value) == null || r.setData(g.value);
     }), c({
       component: x
-    }), (r, o) => (h(), T("div", bt));
+    }), (r, o) => (h(), T("div", _t));
   }
-}), _t = { class: "flex flex-col sm:flex-row" }, kt = ["data-active"], St = { class: "flex items-center gap-2" }, Dt = { class: "block text-muted-foreground text-xs mr-2 max-w-[120px] truncate" }, Ct = { class: "block text-lg leading-none font-bold sm:text-3xl" }, wt = { class: "mx-auto w-full max-w-sm mt-2 mb-8" }, $t = { class: "text-muted-foreground" }, Mt = { class: "text-muted-foreground" }, Vt = { class: "grid" }, Rt = { class: "flex gap-1 overflow-hidden max-w-80" }, Tt = { class: "truncate" }, Et = /* @__PURE__ */ ie({
+}), kt = { class: "flex flex-col sm:flex-row" }, St = ["data-active"], Dt = { class: "flex items-center gap-2" }, Ct = { class: "block text-muted-foreground text-xs mr-2 max-w-[120px] truncate" }, wt = { class: "block text-lg leading-none font-bold sm:text-3xl" }, $t = { class: "mx-auto w-full max-w-sm mt-2 mb-8" }, Mt = { class: "text-muted-foreground" }, Vt = { class: "text-muted-foreground" }, Rt = { class: "grid" }, Tt = { class: "flex gap-1 overflow-hidden max-w-80" }, Et = { class: "truncate" }, It = /* @__PURE__ */ le({
   __name: "ResourceSelector",
   props: {
     resources: {
@@ -231,55 +231,56 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
       set: (v) => {
         p("update:viewMode", v);
       }
-    }), u = W({
+    }), m = W({
       get: () => s.activeChart,
       set: (v) => {
         p("update:activeChart", v);
       }
-    }), { width: x } = it(), r = W(() => x.value < 640), o = N(!1);
+    }), { width: x } = ct(), r = W(() => x.value < 640), o = N(!1);
     return (v, t) => {
-      const i = w("DrawerTitle"), R = w("DrawerDescription"), D = w("DrawerHeader"), E = w("Button"), A = w("DrawerFooter"), L = w("DrawerContent"), U = w("Drawer"), S = w("DropdownMenuTrigger"), P = w("DropdownMenuLabel"), d = w("DropdownMenuItem"), f = w("DropdownMenuContent"), j = w("DropdownMenu");
-      return h(), T("div", _t, [
+      const l = w("DrawerTitle"), R = w("DrawerDescription"), D = w("DrawerHeader"), E = w("Button"), A = w("DrawerFooter"), L = w("DrawerContent"), U = w("Drawer"), S = w("DropdownMenuTrigger"), P = w("DropdownMenuLabel"), d = w("DropdownMenuItem"), f = w("DropdownMenuContent"), j = w("DropdownMenu");
+      return h(), T("div", kt, [
         _.resources.length > 1 ? (h(), T("button", {
           key: 0,
           "data-active": _.viewMode === "stacked",
           class: "hover:bg-muted/50 flex flex-1 flex-col justify-center gap-2 border-t px-4 py-3 text-left sm:border-t-0 sm:border-l sm:px-6 sm:py-6 cursor-pointer",
-          onClick: t[0] || (t[0] = (m) => o.value = !0)
+          onClick: t[0] || (t[0] = (u) => o.value = !0),
+          onContextmenu: t[1] || (t[1] = Le((u) => o.value = !0, ["prevent"]))
         }, [
-          n("div", St, [
+          n("div", Dt, [
             _.viewMode === "stacked" ? (h(), T(ne, { key: 0 }, [
-              l(e(ge), { class: "size-3 text-muted-foreground" }),
-              t[5] || (t[5] = n("span", { class: "block text-muted-foreground text-xs mr-2 max-w-[120px] truncate" }, "All Resources", -1))
+              i(e(ge), { class: "size-3 text-muted-foreground" }),
+              t[6] || (t[6] = n("span", { class: "block text-muted-foreground text-xs mr-2 max-w-[120px] truncate" }, "All Resources", -1))
             ], 64)) : (h(), T(ne, { key: 1 }, [
               n("div", {
                 class: "size-3 rounded-full mr-2",
-                style: me({ backgroundColor: _.resources.find((m) => m.id === _.activeChart)?.color || "#6b7280" })
+                style: me({ backgroundColor: _.resources.find((u) => u.id === _.activeChart)?.color || "#6b7280" })
               }, null, 4),
-              n("span", Dt, z(_.resources.find((m) => m.id === _.activeChart)?.name || "Select Resource"), 1)
+              n("span", Ct, z(_.resources.find((u) => u.id === _.activeChart)?.name || "Select Resource"), 1)
             ], 64)),
-            l(e(Fe), { class: "ml-auto size-4" })
+            i(e(We), { class: "ml-auto size-4" })
           ]),
-          n("span", Ct, z(_.viewMode === "stacked" ? Object.values(_.totals).reduce((m, O) => m + O, 0).toLocaleString() : (_.totals[_.activeChart] || 0).toLocaleString()), 1)
-        ], 8, kt)) : Z("", !0),
+          n("span", wt, z(_.viewMode === "stacked" ? Object.values(_.totals).reduce((u, O) => u + O, 0).toLocaleString() : (_.totals[_.activeChart] || 0).toLocaleString()), 1)
+        ], 40, St)) : Z("", !0),
         e(r) ? (h(), G(U, {
           key: 1,
           open: e(o),
-          "onUpdate:open": t[2] || (t[2] = (m) => oe(o) ? o.value = m : null)
+          "onUpdate:open": t[3] || (t[3] = (u) => oe(o) ? o.value = u : null)
         }, {
           default: b(() => [
-            l(L, null, {
+            i(L, null, {
               default: b(() => [
-                n("div", wt, [
-                  l(D, null, {
+                n("div", $t, [
+                  i(D, null, {
                     default: b(() => [
-                      l(i, null, {
-                        default: b(() => [...t[6] || (t[6] = [
+                      i(l, null, {
+                        default: b(() => [...t[7] || (t[7] = [
                           X("Resources", -1)
                         ])]),
                         _: 1
                       }),
-                      l(R, null, {
-                        default: b(() => [...t[7] || (t[7] = [
+                      i(R, null, {
+                        default: b(() => [...t[8] || (t[8] = [
                           X("Select the resources to display on the timeline.", -1)
                         ])]),
                         _: 1
@@ -287,33 +288,33 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                     ]),
                     _: 1
                   }),
-                  l(A, null, {
+                  i(A, null, {
                     default: b(() => [
-                      l(E, {
-                        onClick: t[1] || (t[1] = (m) => {
-                          g.value = "stacked", u.value = "", o.value = !1;
+                      i(E, {
+                        onClick: t[2] || (t[2] = (u) => {
+                          g.value = "stacked", m.value = "", o.value = !1;
                         }),
                         variant: _.viewMode === "stacked" ? "secondary" : "outline"
                       }, {
                         default: b(() => [
-                          l(e(ge), { class: "size-3 text-muted-foreground" }),
-                          n("span", $t, " All Resources (" + z(Object.values(_.totals).reduce((m, O) => m + O, 0).toLocaleString()) + ") ", 1)
+                          i(e(ge), { class: "size-3 text-muted-foreground" }),
+                          n("span", Mt, " All Resources (" + z(Object.values(_.totals).reduce((u, O) => u + O, 0).toLocaleString()) + ") ", 1)
                         ]),
                         _: 1
                       }, 8, ["variant"]),
-                      (h(!0), T(ne, null, ve(_.resources, (m) => (h(), G(E, {
-                        key: m.id,
+                      (h(!0), T(ne, null, ve(_.resources, (u) => (h(), G(E, {
+                        key: u.id,
                         onClick: (O) => {
-                          g.value = "single", u.value = m.id, o.value = !1;
+                          g.value = "single", m.value = u.id, o.value = !1;
                         },
-                        variant: _.viewMode === "single" && _.activeChart === m.id ? "secondary" : "outline"
+                        variant: _.viewMode === "single" && _.activeChart === u.id ? "secondary" : "outline"
                       }, {
                         default: b(() => [
                           n("div", {
                             class: "size-3 rounded-full",
-                            style: me({ backgroundColor: m.color || "#6b7280" })
+                            style: me({ backgroundColor: u.color || "#6b7280" })
                           }, null, 4),
-                          n("span", Mt, z(m.name) + " (" + z((_.totals[m.id] || 0).toLocaleString()) + ") ", 1)
+                          n("span", Vt, z(u.name) + " (" + z((_.totals[u.id] || 0).toLocaleString()) + ") ", 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick", "variant"]))), 128))
@@ -329,11 +330,11 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
         }, 8, ["open"])) : (h(), G(j, {
           key: 2,
           open: e(o),
-          "onUpdate:open": t[4] || (t[4] = (m) => oe(o) ? o.value = m : null)
+          "onUpdate:open": t[5] || (t[5] = (u) => oe(o) ? o.value = u : null)
         }, {
           default: b(() => [
-            l(S, { "as-child": "" }, {
-              default: b(() => [...t[8] || (t[8] = [
+            i(S, { "as-child": "" }, {
+              default: b(() => [...t[9] || (t[9] = [
                 n("button", {
                   tabindex: "-1",
                   class: "size-0 opacity-0 self-end"
@@ -341,42 +342,42 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
               ])]),
               _: 1
             }),
-            l(f, { align: "start" }, {
+            i(f, { align: "end" }, {
               default: b(() => [
-                l(P, null, {
-                  default: b(() => [...t[9] || (t[9] = [
+                i(P, null, {
+                  default: b(() => [...t[10] || (t[10] = [
                     X("Resources", -1)
                   ])]),
                   _: 1
                 }),
-                n("div", Vt, [
-                  l(d, {
-                    onClick: t[3] || (t[3] = (m) => {
-                      g.value = "stacked", u.value = "", o.value = !1;
+                n("div", Rt, [
+                  i(d, {
+                    onClick: t[4] || (t[4] = (u) => {
+                      g.value = "stacked", m.value = "", o.value = !1;
                     }),
                     class: ae(_.viewMode === "stacked" ? "bg-input" : "")
                   }, {
                     default: b(() => [
-                      l(e(ge), { class: "size-3 text-muted-foreground" }),
-                      n("span", null, " All Resources (" + z(Object.values(_.totals).reduce((m, O) => m + O, 0).toLocaleString()) + ") ", 1)
+                      i(e(ge), { class: "size-3 text-muted-foreground" }),
+                      n("span", null, " All Resources (" + z(Object.values(_.totals).reduce((u, O) => u + O, 0).toLocaleString()) + ") ", 1)
                     ]),
                     _: 1
                   }, 8, ["class"]),
-                  (h(!0), T(ne, null, ve(_.resources, (m) => (h(), G(d, {
-                    key: m.id,
+                  (h(!0), T(ne, null, ve(_.resources, (u) => (h(), G(d, {
+                    key: u.id,
                     onClick: (O) => {
-                      g.value = "single", u.value = m.id, o.value = !1;
+                      g.value = "single", m.value = u.id, o.value = !1;
                     },
-                    class: ae(_.viewMode === "single" && _.activeChart === m.id ? "bg-input" : "")
+                    class: ae(_.viewMode === "single" && _.activeChart === u.id ? "bg-input" : "")
                   }, {
                     default: b(() => [
                       n("div", {
                         class: "size-3 rounded-full",
-                        style: me({ backgroundColor: m.color || "#6b7280" })
+                        style: me({ backgroundColor: u.color || "#6b7280" })
                       }, null, 4),
-                      n("span", Rt, [
-                        n("span", Tt, z(m.name), 1),
-                        n("span", null, "(" + z((_.totals[m.id] || 0).toLocaleString()) + ")", 1)
+                      n("span", Tt, [
+                        n("span", Et, z(u.name), 1),
+                        n("span", null, "(" + z((_.totals[u.id] || 0).toLocaleString()) + ")", 1)
                       ])
                     ]),
                     _: 2
@@ -391,16 +392,16 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
       ]);
     };
   }
-}), It = { class: "flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6" }, Pt = { class: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3" }, zt = { class: "flex items-center gap-1" }, At = {
+}), Pt = { class: "flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6" }, zt = { class: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3" }, At = { class: "flex items-center gap-1" }, jt = {
   key: 1,
   class: "flex items-center justify-center px-6 py-4 text-muted-foreground text-sm"
-}, jt = {
+}, Nt = {
   key: 0,
   class: "flex items-center justify-center h-[250px]"
-}, Nt = {
+}, Bt = {
   key: 1,
   class: "flex items-center justify-center h-[250px]"
-}, Bt = /* @__PURE__ */ ie({
+}, Ot = /* @__PURE__ */ le({
   __name: "Timeline",
   props: {
     modelValue: {},
@@ -411,13 +412,13 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
   },
   emits: ["update:modelValue", "update:selectedResource", "update:viewMode"],
   setup(_, { emit: c }) {
-    const s = _, p = c, { params: g } = ye(), { config: u } = be(), x = _e(u.project), r = N([]), o = N([]), v = N(!0), t = N(s.viewMode || "stacked"), i = N(s.selectedResource || "");
+    const s = _, p = c, { params: g } = ye(), { config: m } = be(), x = _e(m.project), r = N([]), o = N([]), v = N(!0), t = N(s.viewMode || "stacked"), l = N(s.selectedResource || "");
     Y(t, (a) => {
       p("update:viewMode", a);
-    }, { immediate: !0 }), Y(i, (a) => {
+    }, { immediate: !0 }), Y(l, (a) => {
       p("update:selectedResource", t.value === "single" ? a : null);
     }), Y(t, (a) => {
-      p("update:selectedResource", a === "single" ? i.value : null);
+      p("update:selectedResource", a === "single" ? l.value : null);
     });
     const R = /* @__PURE__ */ new Date(), D = N(s.modelValue || /* @__PURE__ */ new Date());
     Y(() => s.modelValue, (a) => {
@@ -458,17 +459,17 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
       }), a;
     });
     Y(() => s.resources, (a) => {
-      (a?.length || 0) > 0 && !i.value && (i.value = a[0].id);
+      (a?.length || 0) > 0 && !l.value && (l.value = a[0].id);
     }, { immediate: !0 });
     const f = W(() => [...s.resources || []].sort((a, y) => {
-      const V = m.value[a.id] || 0;
-      return (m.value[y.id] || 0) - V;
+      const V = u.value[a.id] || 0;
+      return (u.value[y.id] || 0) - V;
     })), j = W(() => {
       const a = [];
       return P.value, r.value.forEach((y, V) => {
         y.time.endsWith(":00") && a.push(V);
       }), a;
-    }), m = W(() => {
+    }), u = W(() => {
       const a = {};
       return s.resources?.forEach((y) => {
         a[y.id] = o.value.filter((V) => V.resourceId === y.id).reduce((V, I) => V + (I.reserved || 0), 0);
@@ -515,7 +516,7 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
     }, se = async () => {
       v.value = !0;
       try {
-        const a = g.value.id, y = O(D.value), V = `${a}_${y}`, I = await x.get(u.reservedSpotsCollection, V);
+        const a = g.value.id, y = O(D.value), V = `${a}_${y}`, I = await x.get(m.reservedSpotsCollection, V);
         o.value = [];
         for (const F of s.resources || []) {
           const q = I?.[F.id] || {};
@@ -554,29 +555,29 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
       const V = w("CardTitle"), I = w("Button"), H = w("CardDescription"), ee = w("CardHeader"), K = w("ChartContainer"), F = w("CardContent"), q = w("Card");
       return h(), G(q, { class: "py-4 sm:py-0" }, {
         default: b(() => [
-          l(ee, { class: "flex flex-col items-stretch border-b !p-0 sm:flex-row" }, {
+          i(ee, { class: "flex flex-col items-stretch border-b !p-0 sm:flex-row" }, {
             default: b(() => [
-              n("div", It, [
-                n("div", Pt, [
-                  l(V, null, {
+              n("div", Pt, [
+                n("div", zt, [
+                  i(V, null, {
                     default: b(() => [...y[2] || (y[2] = [
                       X("Reservations", -1)
                     ])]),
                     _: 1
                   }),
-                  n("div", zt, [
-                    l(I, {
+                  n("div", At, [
+                    i(I, {
                       variant: "ghost",
                       size: "icon",
                       class: "size-8",
                       onClick: A
                     }, {
                       default: b(() => [
-                        l(e(We), { size: 16 })
+                        i(e(Ge), { size: 16 })
                       ]),
                       _: 1
                     }),
-                    l(I, {
+                    i(I, {
                       variant: "ghost",
                       size: "sm",
                       class: "h-8 px-3 text-xs",
@@ -587,43 +588,43 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                       ])]),
                       _: 1
                     }),
-                    l(I, {
+                    i(I, {
                       variant: "ghost",
                       size: "icon",
                       class: "size-8",
                       onClick: L
                     }, {
                       default: b(() => [
-                        l(e(Ge), { size: 16 })
+                        i(e(He), { size: 16 })
                       ]),
                       _: 1
                     })
                   ])
                 ]),
-                l(H, null, {
+                i(H, null, {
                   default: b(() => [
                     X(z(e(E)), 1)
                   ]),
                   _: 1
                 })
               ]),
-              _.resources.length > 0 ? (h(), G(Et, {
+              _.resources.length > 0 ? (h(), G(It, {
                 key: 0,
                 resources: _.resources,
-                totals: e(m),
+                totals: e(u),
                 viewMode: e(t),
                 "onUpdate:viewMode": y[0] || (y[0] = (k) => oe(t) ? t.value = k : null),
-                activeChart: e(i),
-                "onUpdate:activeChart": y[1] || (y[1] = (k) => oe(i) ? i.value = k : null)
-              }, null, 8, ["resources", "totals", "viewMode", "activeChart"])) : (h(), T("div", At, " No resources configured "))
+                activeChart: e(l),
+                "onUpdate:activeChart": y[1] || (y[1] = (k) => oe(l) ? l.value = k : null)
+              }, null, 8, ["resources", "totals", "viewMode", "activeChart"])) : (h(), T("div", jt, " No resources configured "))
             ]),
             _: 1
           }),
-          l(F, { class: "px-2 sm:p-6" }, {
+          i(F, { class: "px-2 sm:p-6" }, {
             default: b(() => [
-              e(v) ? (h(), T("div", jt, [...y[4] || (y[4] = [
+              e(v) ? (h(), T("div", Nt, [...y[4] || (y[4] = [
                 n("div", { class: "text-muted-foreground" }, "Loading...", -1)
-              ])])) : _.resources.length === 0 ? (h(), T("div", Nt, [...y[5] || (y[5] = [
+              ])])) : _.resources.length === 0 ? (h(), T("div", Bt, [...y[5] || (y[5] = [
                 n("div", { class: "text-muted-foreground" }, "No resources to display", -1)
               ])])) : e(t) === "stacked" ? (h(), G(K, {
                 key: 2,
@@ -632,7 +633,7 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                 cursor: ""
               }, {
                 default: b(() => [
-                  l(e(Me), {
+                  i(e(Me), {
                     data: e(r),
                     margin: { left: -24 },
                     "y-domain": [0, e(S)]
@@ -646,7 +647,7 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                         "bar-padding": 0.1,
                         "rounded-corners": 2
                       }, null, 8, ["x", "y", "color"]))), 128)),
-                      l(e(ue), {
+                      i(e(ue), {
                         type: "x",
                         x: (k, C) => C,
                         "tick-line": !1,
@@ -655,14 +656,14 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                         "tick-values": e(j),
                         "tick-format": (k) => e(r)[k]?.time || ""
                       }, null, 8, ["x", "tick-values", "tick-format"]),
-                      l(e(ue), {
+                      i(e(ue), {
                         type: "y",
                         "num-ticks": 3,
                         "tick-line": !1,
                         "domain-line": !1
                       }),
-                      l(e(Ve)),
-                      l(e(Re), {
+                      i(e(Ve)),
+                      i(e(Re), {
                         template: e(we)(e(d), e($e), {
                           labelFormatter(k) {
                             const C = Math.round(k);
@@ -683,20 +684,20 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                 cursor: ""
               }, {
                 default: b(() => [
-                  l(e(Me), {
+                  i(e(Me), {
                     data: e(r),
                     margin: { left: -24 },
                     "y-domain": [0, e(S)]
                   }, {
                     default: b(() => [
-                      l(e(Te), {
+                      i(e(Te), {
                         x: (k, C) => C,
-                        y: (k) => k[e(i)] || 0,
-                        color: (k) => k[e(i)] > 0 ? e(d)[e(i)]?.color : "hsl(var(--muted))",
+                        y: (k) => k[e(l)] || 0,
+                        color: (k) => k[e(l)] > 0 ? e(d)[e(l)]?.color : "hsl(var(--muted))",
                         "bar-padding": 0.1,
                         "rounded-corners": !1
                       }, null, 8, ["x", "y", "color"]),
-                      l(e(ue), {
+                      i(e(ue), {
                         type: "x",
                         x: (k, C) => C,
                         "tick-line": !1,
@@ -705,14 +706,14 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                         "tick-values": e(j),
                         "tick-format": (k) => e(r)[k]?.time || ""
                       }, null, 8, ["x", "tick-values", "tick-format"]),
-                      l(e(ue), {
+                      i(e(ue), {
                         type: "y",
                         "num-ticks": 3,
                         "tick-line": !1,
                         "domain-line": !1
                       }),
-                      l(e(Ve)),
-                      l(e(Re), {
+                      i(e(Ve)),
+                      i(e(Re), {
                         template: e(we)(e(d), e($e), {
                           labelFormatter(k) {
                             const C = Math.round(k);
@@ -735,43 +736,43 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
       });
     };
   }
-}), Ot = { class: "flex flex-row items-center justify-between gap-2" }, Lt = { class: "relative mb-4" }, Ft = { class: "flex gap-1 mb-4 flex-wrap" }, Wt = {
+}), Lt = { class: "flex flex-row items-center justify-between gap-2" }, Ft = { class: "relative mb-4" }, Wt = { class: "flex gap-1 mb-4 flex-wrap" }, Gt = {
   key: 0,
   class: "mb-3 text-sm text-muted-foreground"
-}, Gt = {
+}, Ht = {
   key: 1,
   class: "flex items-center justify-center py-8"
-}, Ht = {
+}, Ut = {
   key: 2,
   class: "flex flex-col items-center gap-2 text-center py-8 text-muted-foreground"
-}, Ut = {
+}, qt = {
   key: 3,
   class: "text-center py-8 text-muted-foreground"
-}, qt = {
+}, Yt = {
   key: 4,
   class: "space-y-2"
-}, Yt = ["onClick"], Xt = { class: "flex items-start justify-between" }, Qt = { class: "flex-1" }, Jt = { class: "font-medium" }, Kt = { class: "text-sm text-muted-foreground" }, Zt = { class: "text-sm text-muted-foreground" }, es = { class: "flex items-center gap-4 flex-wrap" }, ts = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, ss = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, as = {
+}, Xt = ["onClick"], Qt = { class: "flex items-start justify-between" }, Jt = { class: "flex-1" }, Kt = { class: "font-medium" }, Zt = { class: "text-sm text-muted-foreground" }, es = { class: "text-sm text-muted-foreground" }, ts = { class: "flex items-center gap-4 flex-wrap" }, ss = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, as = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, os = {
   key: 0,
   class: "flex items-center gap-1 mt-1 text-xs text-muted-foreground"
-}, os = { class: "text-right" }, ns = {
+}, ns = { class: "text-right" }, rs = {
   key: 0,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"
-}, rs = {
+}, is = {
   key: 1,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"
 }, ls = {
   key: 2,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
-}, is = {
+}, cs = {
   key: 3,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
-}, cs = {
+}, ds = {
   key: 4,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"
-}, ds = {
+}, us = {
   key: 5,
   class: "text-sm font-medium mt-1"
-}, us = /* @__PURE__ */ ie({
+}, ms = /* @__PURE__ */ le({
   __name: "BookingsList",
   props: {
     activeDate: {},
@@ -779,17 +780,17 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
     resources: {}
   },
   setup(_) {
-    const c = _, { params: s } = ye(), { config: p } = be(), g = _e(p.project), u = N([]), x = N(!0), r = N(""), o = N(null), v = W(() => ({
+    const c = _, { params: s } = ye(), { config: p } = be(), g = _e(p.project), m = N([]), x = N(!0), r = N(""), o = N(null), v = W(() => ({
       date: t(c.activeDate),
       resource: null
     }));
     Ee("event", v);
     const t = (d) => {
-      const f = d.getFullYear(), j = String(d.getMonth() + 1).padStart(2, "0"), m = String(d.getDate()).padStart(2, "0");
-      return `${f}-${j}-${m}`;
-    }, i = W(() => {
-      let d = u.value;
-      return c.selectedResource && (d = d.filter((f) => f.resourceId === c.selectedResource)), r.value.trim() && (d = new pt(d, {
+      const f = d.getFullYear(), j = String(d.getMonth() + 1).padStart(2, "0"), u = String(d.getDate()).padStart(2, "0");
+      return `${f}-${j}-${u}`;
+    }, l = W(() => {
+      let d = m.value;
+      return c.selectedResource && (d = d.filter((f) => f.resourceId === c.selectedResource)), r.value.trim() && (d = new vt(d, {
         keys: [
           "customerInfo.firstName",
           "customerInfo.lastName",
@@ -800,22 +801,22 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
         threshold: 0.3,
         ignoreLocation: !0
       }).search(r.value).map((j) => j.item)), d;
-    }), R = W(() => i.value.filter((d) => L.value.includes(d.reservationStatus))), D = W(() => u.value.some((d) => d.reservationStatus === "approved" || d.reservationStatus === "needs_approval")), E = W(() => ({
-      spots: u.value.reduce((d, f) => d + (f.spots || 0), 0),
-      bookings: u.value.length
+    }), R = W(() => l.value.filter((d) => L.value.includes(d.reservationStatus))), D = W(() => m.value.some((d) => d.reservationStatus === "approved" || d.reservationStatus === "needs_approval")), E = W(() => ({
+      spots: m.value.reduce((d, f) => d + (f.spots || 0), 0),
+      bookings: m.value.length
     })), A = () => {
       r.value = "";
     }, L = N(["needs_approval", "approved"]), U = (d) => {
       L.value.includes(d) ? L.value = L.value.filter((f) => f !== d) : L.value.push(d);
     }, S = async () => {
-      x.value = !0, u.value = [];
+      x.value = !0, m.value = [];
       try {
         const d = s.value.id, f = t(c.activeDate), j = /* @__PURE__ */ new Set();
         c.resources?.forEach(($) => {
           const Q = `${$.id}_${f}`;
           j.add(Q);
         });
-        const m = await g.find(p.reservationsCollection, {
+        const u = await g.find(p.reservationsCollection, {
           filters: [
             { field: "agendaId", operator: "==", value: d },
             { field: "status", operator: "==", value: "confirmed" },
@@ -823,7 +824,7 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
           ]
         });
         let O = [];
-        m.forEach(($) => {
+        u.forEach(($) => {
           ($.reservations?.filter((B) => B.date === f) || []).forEach((B) => {
             const te = c.resources.find((se) => se.id === B.resourceId);
             O.push({
@@ -851,9 +852,9 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
               resourceColor: te?.color
             });
           });
-        }), u.value = O.sort(($, Q) => $.startTime?.localeCompare(Q.startTime || "") || 0);
+        }), m.value = O.sort(($, Q) => $.startTime?.localeCompare(Q.startTime || "") || 0);
       } catch (d) {
-        console.error("Error loading orders:", d), u.value = [];
+        console.error("Error loading orders:", d), m.value = [];
       } finally {
         x.value = !1;
       }
@@ -861,14 +862,14 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
     return (async () => await S())(), Y(() => c.activeDate, () => {
       S();
     }), (d, f) => {
-      const j = w("Badge"), m = w("CardTitle"), O = w("CardDescription"), $ = w("Button"), Q = w("CardHeader"), B = w("Input"), te = w("CardContent"), se = w("Card");
+      const j = w("Badge"), u = w("CardTitle"), O = w("CardDescription"), $ = w("Button"), Q = w("CardHeader"), B = w("Input"), te = w("CardContent"), se = w("Card");
       return h(), G(se, null, {
         default: b(() => [
-          l(Q, null, {
+          i(Q, null, {
             default: b(() => [
-              n("div", Ot, [
+              n("div", Lt, [
                 n("div", null, [
-                  l(m, { class: "flex items-center gap-2" }, {
+                  i(u, { class: "flex items-center gap-2" }, {
                     default: b(() => [
                       f[6] || (f[6] = X(" Bookings ", -1)),
                       e(E).bookings > 0 ? (h(), G(j, {
@@ -883,22 +884,22 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                     ]),
                     _: 1
                   }),
-                  l(O, { class: "flex items-center gap-2 mt-1" }, {
+                  i(O, { class: "flex items-center gap-2 mt-1" }, {
                     default: b(() => [
-                      l(e(ke), { size: 14 }),
+                      i(e(ke), { size: 14 }),
                       n("span", null, z(e(E).spots) + " total spots", 1)
                     ]),
                     _: 1
                   })
                 ]),
-                l($, {
+                i($, {
                   variant: "ghost",
                   size: "icon",
                   onClick: S,
                   disabled: e(x)
                 }, {
                   default: b(() => [
-                    l(e(He), {
+                    i(e(Ue), {
                       size: 16,
                       class: ae({ "animate-spin": e(x) })
                     }, null, 8, ["class"])
@@ -909,14 +910,14 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
             ]),
             _: 1
           }),
-          l(te, null, {
+          i(te, null, {
             default: b(() => [
-              n("div", Lt, [
-                l(e(Ue), {
+              n("div", Ft, [
+                i(e(qe), {
                   size: 16,
                   class: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
                 }),
-                l(B, {
+                i(B, {
                   modelValue: e(r),
                   "onUpdate:modelValue": f[0] || (f[0] = (M) => oe(r) ? r.value = M : null),
                   placeholder: "Search by name, email, or phone...",
@@ -930,12 +931,12 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                   onClick: A
                 }, {
                   default: b(() => [
-                    l(e(qe), { size: 14 })
+                    i(e(Ye), { size: 14 })
                   ]),
                   _: 1
                 })) : Z("", !0)
               ]),
-              n("div", Ft, [
+              n("div", Wt, [
                 n("button", {
                   onClick: f[1] || (f[1] = (M) => U("needs_approval")),
                   class: ae(["px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(L).includes("needs_approval") }])
@@ -953,10 +954,10 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                   class: ae(["px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(L).includes("cancelled") }])
                 }, " Cancelled ", 2)
               ]),
-              e(r) ? (h(), T("div", Wt, " Showing " + z(e(i).length) + " of " + z(e(u).length) + " bookings ", 1)) : Z("", !0),
-              e(x) ? (h(), T("div", Gt, [...f[7] || (f[7] = [
+              e(r) ? (h(), T("div", Gt, " Showing " + z(e(l).length) + " of " + z(e(m).length) + " bookings ", 1)) : Z("", !0),
+              e(x) ? (h(), T("div", Ht, [...f[7] || (f[7] = [
                 n("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
-              ])])) : e(R).length === 0 ? (h(), T("div", Ht, [
+              ])])) : e(R).length === 0 ? (h(), T("div", Ut, [
                 f[9] || (f[9] = X(" No bookings for this day ", -1)),
                 e(D) ? (h(), G($, {
                   key: 0,
@@ -967,27 +968,27 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                   ])]),
                   _: 1
                 })) : Z("", !0)
-              ])) : e(i).length === 0 ? (h(), T("div", Ut, " No bookings match your search ")) : (h(), T("div", qt, [
-                (h(!0), T(ne, null, ve(e(i), (M) => (h(), T("div", {
+              ])) : e(l).length === 0 ? (h(), T("div", qt, " No bookings match your search ")) : (h(), T("div", Yt, [
+                (h(!0), T(ne, null, ve(e(l), (M) => (h(), T("div", {
                   key: M.res_id || M.id,
                   class: "p-3 border rounded-lg hover:bg-muted/50 transition-colors cursor-pointer",
                   onClick: (a) => e(o)?.openDialog(M)
                 }, [
-                  n("div", Xt, [
-                    n("div", Qt, [
-                      n("div", Jt, z(M.customerInfo?.firstName) + " " + z(M.customerInfo?.lastName || "Unknown Customer"), 1),
-                      n("div", Kt, z(M.customerInfo?.email), 1),
-                      n("div", Zt, z(M.customerInfo?.phone), 1),
-                      n("div", es, [
-                        n("div", ts, [
-                          l(e(Ye), { size: 12 }),
+                  n("div", Qt, [
+                    n("div", Jt, [
+                      n("div", Kt, z(M.customerInfo?.firstName) + " " + z(M.customerInfo?.lastName || "Unknown Customer"), 1),
+                      n("div", Zt, z(M.customerInfo?.email), 1),
+                      n("div", es, z(M.customerInfo?.phone), 1),
+                      n("div", ts, [
+                        n("div", ss, [
+                          i(e(Xe), { size: 12 }),
                           n("span", null, z(M.startTime) + " - " + z(M.endTime), 1)
                         ]),
-                        n("div", ss, [
-                          l(e(ke), { size: 12 }),
+                        n("div", as, [
+                          i(e(ke), { size: 12 }),
                           n("span", null, z(M.spots) + " spots", 1)
                         ]),
-                        M.resourceName ? (h(), T("div", as, [
+                        M.resourceName ? (h(), T("div", os, [
                           n("div", {
                             class: "w-3 h-3 rounded-full",
                             style: me({ backgroundColor: M.resourceColor || "#6b7280" })
@@ -996,17 +997,17 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                         ])) : Z("", !0)
                       ])
                     ]),
-                    n("div", os, [
-                      M.reservationStatus === "needs_approval" ? (h(), T("span", ns, "Needs Approval")) : M.reservationStatus === "approved" ? (h(), T("span", rs, "Approved")) : M.reservationStatus === "rejected" ? (h(), T("span", ls, "Rejected")) : M.reservationStatus === "cancelled" ? (h(), T("span", is, "Cancelled")) : (h(), T("span", cs, "Pending")),
-                      M.reservationPrice || M.reservationPrice === 0 ? (h(), T("div", ds, " €" + z(M.reservationPrice.toFixed(2)), 1)) : Z("", !0)
+                    n("div", ns, [
+                      M.reservationStatus === "needs_approval" ? (h(), T("span", rs, "Needs Approval")) : M.reservationStatus === "approved" ? (h(), T("span", is, "Approved")) : M.reservationStatus === "rejected" ? (h(), T("span", ls, "Rejected")) : M.reservationStatus === "cancelled" ? (h(), T("span", cs, "Cancelled")) : (h(), T("span", ds, "Pending")),
+                      M.reservationPrice || M.reservationPrice === 0 ? (h(), T("div", us, " €" + z(M.reservationPrice.toFixed(2)), 1)) : Z("", !0)
                     ])
                   ])
-                ], 8, Yt))), 128))
+                ], 8, Xt))), 128))
               ]))
             ]),
             _: 1
           }),
-          l(vt, {
+          i(ft, {
             ref_key: "reservationDetailDialog",
             ref: o,
             onCancelled: S,
@@ -1018,38 +1019,38 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
       });
     };
   }
-}), ms = { class: "space-y-6" }, ps = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, vs = { class: "text-2xl font-semibold tracking-tight" }, fs = { class: "flex flex-col md:flex-row gap-2" }, gs = { class: "grid gap-6 md:grid-cols-2 lg:grid-cols-3" }, hs = { class: "md:col-span-2 lg:col-span-3" }, Ms = /* @__PURE__ */ ie({
+}), ps = { class: "space-y-6" }, vs = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, fs = { class: "text-2xl font-semibold tracking-tight" }, gs = { class: "flex flex-col md:flex-row gap-2" }, hs = { class: "grid gap-6 md:grid-cols-2 lg:grid-cols-3" }, xs = { class: "md:col-span-2 lg:col-span-3" }, Vs = /* @__PURE__ */ le({
   __name: "index",
   setup(_) {
-    const { hasPermission: c } = Le(), { params: s, resolvePath: p } = ye(), { config: g } = be(), u = _e(g.project), x = N(""), r = N(!0), o = N(/* @__PURE__ */ new Date()), v = N(null), t = N("stacked"), i = N(null), R = N([]);
+    const { hasPermission: c } = Fe(), { params: s, resolvePath: p } = ye(), { config: g } = be(), m = _e(g.project), x = N(""), r = N(!0), o = N(/* @__PURE__ */ new Date()), v = N(null), t = N("stacked"), l = N(null), R = N([]);
     return (async () => {
       try {
-        const E = await u.get(g.agendaCollection, s.value.id);
-        x.value = E?.serviceName || "", i.value = E, R.value = E?.resources?.filter((A) => A.isActive) || [];
+        const E = await m.get(g.agendaCollection, s.value.id);
+        x.value = E?.serviceName || "", l.value = E, R.value = E?.resources?.filter((A) => A.isActive) || [];
       } catch (E) {
         console.error("Error loading data:", E);
       } finally {
         r.value = !1;
       }
-    })(), Ee("agendaData", i), (E, A) => {
+    })(), Ee("agendaData", l), (E, A) => {
       const L = w("Button"), U = w("NuxtLink");
-      return h(), G(Qe, null, {
+      return h(), G(Je, null, {
         default: b(() => [
-          n("div", ms, [
-            n("div", ps, [
+          n("div", ps, [
+            n("div", vs, [
               n("div", null, [
-                n("h1", vs, z(e(x) || "Dashboard"), 1),
+                n("h1", fs, z(e(x) || "Dashboard"), 1),
                 A[3] || (A[3] = n("p", { class: "text-muted-foreground text-sm mt-1" }, " Overview and analytics for your booking service ", -1))
               ]),
-              n("div", fs, [
-                e(c)("manage-reservations") ? (h(), G(ft, { key: 0 })) : Z("", !0),
-                l(U, {
+              n("div", gs, [
+                e(c)("manage-reservations") ? (h(), G(gt, { key: 0 })) : Z("", !0),
+                i(U, {
                   to: e(p)(`/edit/${e(s).id}/agenda`)
                 }, {
                   default: b(() => [
-                    l(L, { class: "w-full" }, {
+                    i(L, { class: "w-full" }, {
                       default: b(() => [
-                        l(e(Xe), { class: "size-4" }),
+                        i(e(Qe), { class: "size-4" }),
                         A[4] || (A[4] = X(" View Agenda ", -1))
                       ]),
                       _: 1
@@ -1059,18 +1060,18 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
                 }, 8, ["to"])
               ])
             ]),
-            l(Bt, {
+            i(Ot, {
               modelValue: e(o),
               "onUpdate:modelValue": A[0] || (A[0] = (S) => oe(o) ? o.value = S : null),
               "view-mode": e(t),
               "onUpdate:viewMode": A[1] || (A[1] = (S) => oe(t) ? t.value = S : null),
               "onUpdate:selectedResource": A[2] || (A[2] = (S) => v.value = S),
-              "agenda-data": e(i),
+              "agenda-data": e(l),
               resources: e(R)
             }, null, 8, ["modelValue", "view-mode", "agenda-data", "resources"]),
-            n("div", gs, [
-              n("div", hs, [
-                e(R).length > 0 ? (h(), G(us, {
+            n("div", hs, [
+              n("div", xs, [
+                e(R).length > 0 ? (h(), G(ms, {
                   key: 0,
                   "active-date": e(o),
                   "selected-resource": e(v),
@@ -1086,5 +1087,5 @@ const bt = { "data-vis-component": "" }, Te = /* @__PURE__ */ ie({
   }
 });
 export {
-  Ms as default
+  Vs as default
 };