@oneclick.dev/cms-core-modules 0.0.61 → 0.0.63

package/dist/agenda-D81m29_4.mjs

@@ -1,1135 +0,0 @@
-import { defineComponent as K, resolveComponent as N, openBlock as l, createElementBlock as m, createElementVNode as e, Fragment as Y, renderList as q, toDisplayString as v, normalizeStyle as J, normalizeClass as R, createVNode as d, withCtx as C, unref as b, createTextVNode as ne, createCommentVNode as z, ref as T, createBlock as H, provide as ee, computed as j, onMounted as fe, onUnmounted as pe, inject as ie, nextTick as xe, onBeforeUnmount as ze, watch as re } from "vue";
-import { o as ue, g as de } from "./DateFormatter-DsmlAuYV.mjs";
-import { X as ke, Search as Ee, Clock as ge, Users as he, ChevronLeft as ve, ChevronRight as ce, Asterisk as Ie, CalendarDays as Be } from "lucide-vue-next";
-import { _ as Le } from "./EditLayout.vue_vue_type_script_setup_true_lang-CcysXzmW.mjs";
-import { useModule as $e, useModuleRoute as Te, useFirebaseIntegration as Se, useModulePermissions as Ue } from "@oneclick.dev/cms-kit";
-import { _ as Oe, F as je } from "./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-P-MWwcVh.mjs";
-import { _ as Pe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { _ as be } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-BJitmbPE.mjs";
-const Ne = { class: "mb-6" }, Re = { class: "flex items-end gap-px h-24 bg-muted/30 rounded-lg p-2 overflow-visible" }, Fe = ["onClick"], Ae = { class: "absolute -top-8 left-1/2 -translate-x-1/2 bg-popover border shadow-md rounded px-2 py-1 text-xs whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10" }, Ve = { class: "font-medium" }, We = { class: "text-muted-foreground" }, He = { class: "w-full flex-1 flex items-end justify-center" }, Qe = {
-  key: 1,
-  class: "text-[10px] mt-1"
-}, Xe = {
-  key: 0,
-  class: "mt-2 text-sm text-muted-foreground flex items-center gap-2"
-}, Ye = { class: "font-medium text-foreground" }, qe = { class: "font-medium text-foreground" }, Je = /* @__PURE__ */ K({
-  __name: "TimelineChart",
-  props: {
-    timeSlots: {},
-    slotStats: {},
-    selectedTimeSlot: {},
-    maxSpots: {}
-  },
-  emits: ["select", "clear"],
-  setup(f, { emit: k }) {
-    const w = k, S = (n) => {
-      w("select", n);
-    }, I = () => {
-      w("clear");
-    };
-    return (n, u) => {
-      const r = N("Button");
-      return l(), m("div", Ne, [
-        u[2] || (u[2] = e("h3", { class: "font-semibold text-sm mb-2" }, "Timeline", -1)),
-        e("div", Re, [
-          (l(!0), m(Y, null, q(f.timeSlots, (s) => (l(), m("div", {
-            key: s.startTime,
-            class: "flex-1 min-w-0 flex flex-col items-center cursor-pointer group h-full relative",
-            onClick: ($) => S(s.startTime)
-          }, [
-            e("div", Ae, [
-              e("div", Ve, v(s.startTime), 1),
-              e("div", We, v(f.slotStats[s.startTime]?.spots || 0) + " spots", 1)
-            ]),
-            e("div", He, [
-              e("div", {
-                class: R(["w-full transition-all duration-200", [
-                  f.selectedTimeSlot === s.startTime ? "bg-primary" : f.slotStats[s.startTime]?.spots > 0 ? "bg-primary/60 group-hover:bg-primary/80" : "bg-muted-foreground/20 group-hover:bg-muted-foreground/30"
-                ]]),
-                style: J({
-                  height: f.slotStats[s.startTime]?.spots > 0 ? `${f.slotStats[s.startTime].spots / f.maxSpots * 100}%` : "2px",
-                  minHeight: f.slotStats[s.startTime]?.spots > 0 ? "4px" : "2px"
-                })
-              }, null, 6)
-            ]),
-            s.startTime.endsWith(":00") ? (l(), m("span", {
-              key: 0,
-              class: R(["text-[10px] text-muted-foreground mt-1 transition-colors truncate", { "text-primary font-medium": f.selectedTimeSlot === s.startTime }])
-            }, v(s.label), 3)) : (l(), m("span", Qe, " "))
-          ], 8, Fe))), 128))
-        ]),
-        f.selectedTimeSlot ? (l(), m("div", Xe, [
-          d(r, {
-            variant: "ghost",
-            size: "icon",
-            class: "h-6 w-6 p-0",
-            onClick: I
-          }, {
-            default: C(() => [
-              d(b(ke), { size: 14 })
-            ]),
-            _: 1
-          }),
-          e("span", null, [
-            u[0] || (u[0] = ne(" Showing ", -1)),
-            e("span", Ye, v(f.slotStats[f.selectedTimeSlot]?.bookings || 0), 1),
-            u[1] || (u[1] = ne(" bookings at ", -1)),
-            e("span", qe, v(f.selectedTimeSlot), 1)
-          ])
-        ])) : z("", !0)
-      ]);
-    };
-  }
-}), Ge = { class: "flex items-center justify-between mb-3" }, Ke = { class: "font-semibold" }, Ze = {
-  key: 0,
-  class: "text-muted-foreground font-normal"
-}, et = { class: "relative mb-3" }, tt = {
-  key: 0,
-  class: "flex items-center justify-center py-8"
-}, st = {
-  key: 1,
-  class: "text-center py-8 text-muted-foreground"
-}, ot = {
-  key: 2,
-  class: "space-y-2 max-h-80 overflow-y-auto"
-}, nt = ["onClick"], at = { class: "flex items-start justify-between" }, lt = { class: "flex-1" }, rt = { class: "font-medium" }, it = { class: "text-sm text-muted-foreground" }, ut = { class: "text-sm text-muted-foreground" }, dt = { class: "flex items-center gap-4" }, ct = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, mt = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, vt = { class: "text-right" }, ft = {
-  key: 0,
-  class: "text-sm font-medium mt-1"
-}, pt = /* @__PURE__ */ K({
-  __name: "BookingsList",
-  props: {
-    orders: {},
-    filteredOrders: {},
-    isLoading: { type: Boolean },
-    selectedTimeSlot: {},
-    searchQuery: {}
-  },
-  emits: ["update:searchQuery", "refresh"],
-  setup(f, { emit: k }) {
-    const w = k, S = T(null), I = (r) => {
-      w("update:searchQuery", r);
-    }, n = () => {
-      w("update:searchQuery", "");
-    }, u = () => {
-      w("refresh");
-    };
-    return (r, s) => {
-      const $ = N("Input"), y = N("Button");
-      return l(), m("div", null, [
-        e("div", Ge, [
-          e("h3", Ke, [
-            s[0] || (s[0] = ne(" Bookings ", -1)),
-            f.selectedTimeSlot || f.searchQuery ? (l(), m("span", Ze, " (" + v(f.filteredOrders.length) + " of " + v(f.orders.length) + ") ", 1)) : z("", !0)
-          ])
-        ]),
-        e("div", et, [
-          d(b(Ee), {
-            size: 16,
-            class: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-          }),
-          d($, {
-            "model-value": f.searchQuery,
-            placeholder: "Search by name, email, or phone...",
-            class: "pl-9 pr-9",
-            "onUpdate:modelValue": I
-          }, null, 8, ["model-value"]),
-          f.searchQuery ? (l(), H(y, {
-            key: 0,
-            variant: "ghost",
-            size: "icon",
-            class: "absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",
-            onClick: n
-          }, {
-            default: C(() => [
-              d(b(ke), { size: 14 })
-            ]),
-            _: 1
-          })) : z("", !0)
-        ]),
-        f.isLoading ? (l(), m("div", tt, [...s[1] || (s[1] = [
-          e("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
-        ])])) : f.filteredOrders.length === 0 ? (l(), m("div", st, v(f.selectedTimeSlot ? "No bookings for this time slot" : "No bookings for this event"), 1)) : (l(), m("div", ot, [
-          (l(!0), m(Y, null, q(f.filteredOrders, (p) => (l(), m("div", {
-            key: p.res_id || p.id,
-            class: "p-3 border rounded-lg hover:bg-muted/50 transition-colors",
-            onClick: (B) => b(S).openDialog(p)
-          }, [
-            e("div", at, [
-              e("div", lt, [
-                e("div", rt, v(p.customerInfo.firstName + " " + p.customerInfo.lastName || "Unknown Customer"), 1),
-                e("div", it, v(p.customerInfo.email), 1),
-                e("div", ut, v(p.customerInfo.phone), 1),
-                e("div", dt, [
-                  e("div", ct, [
-                    d(b(ge), { size: 12 }),
-                    e("span", null, v(p.startTime) + " - " + v(p.endTime), 1)
-                  ]),
-                  e("div", mt, [
-                    d(b(he), { size: 12 }),
-                    e("span", null, v(p.spots), 1)
-                  ])
-                ])
-              ]),
-              e("div", vt, [
-                e("div", {
-                  class: R(["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": p.status === "completed" || p.status === "confirmed",
-                    "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400": p.status === "pending",
-                    "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400": p.status === "cancelled"
-                  }])
-                }, v(p.status || "pending"), 3),
-                p.reservationPrice || p.reservationPrice === 0 ? (l(), m("div", ft, " €" + v(p.reservationPrice.toFixed(2)), 1)) : z("", !0)
-              ])
-            ])
-          ], 8, nt))), 128))
-        ])),
-        d(Oe, {
-          ref_key: "reservationDetailDialog",
-          ref: S,
-          onCancelled: u
-        }, null, 512)
-      ]);
-    };
-  }
-}), gt = { class: "flex items-center gap-4 mt-2 text-sm" }, ht = { class: "flex items-center gap-1" }, xt = {
-  key: 0,
-  class: "flex items-center gap-1"
-}, bt = { class: "flex items-center gap-1" }, yt = { class: "py-4" }, _t = /* @__PURE__ */ K({
-  __name: "EventDialog",
-  props: {
-    resources: { default: () => [] }
-  },
-  setup(f, { expose: k }) {
-    const w = f, { config: S } = $e(), { params: I } = Te(), n = Se(S.project), u = T(!1), r = T(null), s = T([]), $ = T(!1), y = T(null), p = T("");
-    ee("event", r);
-    const B = j(() => {
-      if (!r.value) return [];
-      const h = r.value.resource?.interval || 60, _ = [], [c, g] = r.value.startTime.split(":").map(Number), [E, V] = r.value.endTime.split(":").map(Number), O = c * 60 + g, F = E * 60 + V;
-      for (let t = O; t < F; t += h) {
-        const o = Math.floor(t / 60), x = t % 60, i = Math.min(t + h, F), M = Math.floor(i / 60), P = i % 60, a = `${o.toString().padStart(2, "0")}:${x.toString().padStart(2, "0")}`, W = `${M.toString().padStart(2, "0")}:${P.toString().padStart(2, "0")}`;
-        _.push({
-          startTime: a,
-          endTime: W,
-          label: a
-        });
-      }
-      return _;
-    }), D = j(() => {
-      const h = {};
-      return B.value.forEach((_) => {
-        h[_.startTime] = { bookings: 0, spots: 0, orders: [] };
-      }), s.value.forEach((_) => {
-        B.value.forEach((c) => {
-          _.startTime < c.endTime && _.endTime > c.startTime && (h[c.startTime].bookings++, h[c.startTime].spots += _.spots || 0, h[c.startTime].orders.push(_));
-        });
-      }), h;
-    }), Q = j(() => Math.max(1, ...Object.values(D.value).map((h) => h.spots))), L = j(() => {
-      let h = s.value;
-      return y.value && (h = D.value[y.value]?.orders || []), p.value.trim() && (h = new je(h, {
-        keys: [
-          "customerInfo.firstName",
-          "customerInfo.lastName",
-          "customerInfo.email",
-          "customerInfo.phone"
-        ],
-        threshold: 0.3,
-        ignoreLocation: !0
-      }).search(p.value).map((c) => c.item)), h;
-    }), U = j(() => ({
-      spots: s.value.reduce((h, _) => h + (_.spots || 0), 0),
-      bookings: s.value.length
-    })), A = (h) => {
-      y.value === h ? y.value = null : y.value = h;
-    }, te = () => {
-      y.value = null;
-    }, G = async (h) => {
-      u.value = !0, r.value = h, y.value = null, p.value = "", await Z();
-    }, Z = async () => {
-      if (r.value) {
-        $.value = !0, s.value = [];
-        try {
-          const h = I.value.id, _ = `${h}_${r.value.date}`;
-          let c = await n.get(S.reservedSpotsCollection, _), g = [];
-          if (!c) return;
-          for (const O of w.resources) {
-            const F = c?.[O.id] || {};
-            Object.entries(F).forEach(([t, o]) => {
-              const [x, i] = t.split("-");
-              g.push({
-                resourceId: O.id,
-                startTime: x,
-                endTime: i,
-                reserved: o
-              });
-            });
-          }
-          const E = g.filter(
-            (O) => O.resourceId === r.value.resourceId && O.startTime >= r.value.startTime && O.endTime <= r.value.endTime
-          );
-          if (E.length === 0) return;
-          let V = [];
-          E.forEach(async (O) => {
-            const F = `${O.resourceId}_${r.value.date}_${O.startTime.replace(":", "")}`, t = await n.find(S.reservationsCollection, {
-              filters: [
-                { field: "agendaId", operator: "==", value: h },
-                { field: "flattenedReservations", operator: "array-contains", value: F },
-                { field: "status", operator: "==", value: "confirmed" }
-              ]
-            });
-            console.log("All orders fetched for event:", t), t.forEach((o) => {
-              let x = o.reservations.filter((i) => {
-                if (i.resourceId !== r.value.resourceId || i.date !== r.value.date) return !1;
-                const M = i.timeslot?.startTime;
-                return M ? M >= r.value.startTime && M < r.value.endTime : !1;
-              })?.map((i) => ({
-                customerInfo: o.customerInfo,
-                amountDue: o.amountDue,
-                amountPaid: o.amountPaid,
-                status: o.status,
-                subtotal: o.subtotal,
-                total: o.total,
-                discount: o.discount,
-                id: o.id,
-                res_id: i.id,
-                spots: i.spots,
-                date: r.value.date,
-                startTime: i.timeslot?.startTime,
-                endTime: i.timeslot?.endTime,
-                reservationPrice: i.totalPrice,
-                reservationBasePrice: i.basePrice,
-                reservationAddOnsPrice: i.addOnsPrice,
-                pricingOptionId: i.pricingOptionId,
-                pricingOption: i.pricingOption
-              })) || [];
-              V = V.concat(x);
-            }), s.value = V?.sort((o, x) => o.startTime.localeCompare(x.startTime));
-          });
-        } catch (h) {
-          console.error("Error loading orders:", h), s.value = [];
-        } finally {
-          $.value = !1;
-        }
-      }
-    }, se = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], ae = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-    return k({
-      openDialog: G
-    }), (h, _) => {
-      const c = N("DialogTitle"), g = N("DialogDescription"), E = N("DialogHeader"), V = N("Button"), O = N("DialogFooter"), F = N("DialogScrollContent"), t = N("Dialog");
-      return l(), H(t, {
-        open: u.value,
-        "onUpdate:open": _[2] || (_[2] = (o) => u.value = o)
-      }, {
-        default: C(() => [
-          d(F, { class: "sm:max-w-3xl" }, {
-            default: C(() => [
-              d(E, null, {
-                default: C(() => [
-                  r.value?.date ? (l(), H(c, { key: 0 }, {
-                    default: C(() => [
-                      ne(v(se[new Date(r.value.date).getUTCDay()]) + " " + v(ae[new Date(r.value.date).getUTCMonth()]) + " " + v(new Date(r.value.date).getUTCDate()) + ", " + v(new Date(r.value.date).getUTCFullYear()), 1)
-                    ]),
-                    _: 1
-                  })) : z("", !0),
-                  d(g, null, {
-                    default: C(() => [
-                      e("div", gt, [
-                        e("div", ht, [
-                          d(b(ge), { size: 14 }),
-                          e("span", null, v(r.value?.startTime) + " – " + v(r.value?.endTime), 1)
-                        ]),
-                        r.value?.resource ? (l(), m("div", xt, [
-                          e("div", {
-                            class: "w-4 h-4 rounded-full",
-                            style: J({ backgroundColor: r.value.resource.color || "#6b7280" })
-                          }, null, 4),
-                          e("span", null, v(r.value.resource.name), 1)
-                        ])) : z("", !0),
-                        e("div", bt, [
-                          d(b(he), { size: 14 }),
-                          e("span", null, v(U.value.spots) + " spots in " + v(U.value.bookings) + " reservations", 1)
-                        ])
-                      ])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              e("div", yt, [
-                B.value.length > 1 ? (l(), H(Je, {
-                  key: 0,
-                  "time-slots": B.value,
-                  "slot-stats": D.value,
-                  "selected-time-slot": y.value,
-                  "max-spots": Q.value,
-                  onSelect: A,
-                  onClear: te
-                }, null, 8, ["time-slots", "slot-stats", "selected-time-slot", "max-spots"])) : z("", !0),
-                d(pt, {
-                  orders: s.value,
-                  "filtered-orders": L.value,
-                  "is-loading": $.value,
-                  "selected-time-slot": y.value,
-                  "search-query": p.value,
-                  "onUpdate:searchQuery": _[0] || (_[0] = (o) => p.value = o),
-                  onRefresh: Z
-                }, null, 8, ["orders", "filtered-orders", "is-loading", "selected-time-slot", "search-query"])
-              ]),
-              d(O, null, {
-                default: C(() => [
-                  d(V, {
-                    variant: "outline",
-                    onClick: _[1] || (_[1] = (o) => u.value = !1)
-                  }, {
-                    default: C(() => [..._[3] || (_[3] = [
-                      ne("Close", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
-  }
-}), wt = { class: "flex-1 border-r shadow-sm overflow-hidden min-h-[1536px]" }, kt = { class: "relative h-full min-h-[1536px]" }, $t = { class: "divide-y divide-input/80 h-full flex flex-col min-h-[1536px] border-y border-input/80" }, Tt = { class: "absolute inset-0 pointer-events-none" }, St = { class: "relative mr-3 h-full ml-2" }, Dt = ["onClick"], Ct = {
-  key: 0,
-  class: "absolute bottom-0 left-0 right-0 h-1 bg-black/20"
-}, Mt = { class: "flex items-start justify-between gap-2 mb-1" }, zt = { class: "font-semibold text-sm leading-tight line-clamp-1 flex-1" }, Et = { class: "flex items-center gap-1 shrink-0" }, It = ["title"], Bt = { class: "font-medium" }, ye = /* @__PURE__ */ K({
-  __name: "EventTimeline",
-  props: {
-    date: {},
-    events: {},
-    firstDay: { type: Boolean, default: !1 },
-    resources: { default: () => [] }
-  },
-  setup(f) {
-    const k = f, w = T(null), S = (u) => {
-      const [r, s] = u.split(":").map(Number);
-      return r * 60 + s;
-    };
-    j(() => !k.events || !k.resources ? [] : k.resources.map((u) => {
-      const s = k.events.filter(($) => $.resourceId === u.id).map(($) => {
-        const y = S($.startTime), B = S($.endTime) - y, D = y / 1440 * 100, Q = B / 1440 * 100, L = ($.bookings ?? 0) > 0, U = $.maxBookings ? ($.bookings ?? 0) / $.maxBookings * 100 : 0;
-        return {
-          ...$,
-          top: `${D}%`,
-          height: `${Q}%`,
-          color: $.resource?.color || "#3b82f6",
-          hasBookings: L,
-          fillPercentage: U,
-          isSmall: B < 60
-        };
-      });
-      return {
-        resource: u,
-        events: s
-      };
-    }));
-    const I = j(() => k.events ? k.events.map((u) => {
-      const r = S(u.startTime), $ = S(u.endTime) - r, y = r / 1440 * 100, p = $ / 1440 * 100, B = (u.bookings ?? 0) > 0, D = u.maxBookings ? (u.bookings ?? 0) / u.maxBookings * 100 : 0;
-      return {
-        ...u,
-        top: `${y}%`,
-        height: `${p}%`,
-        color: u.resource?.color || "#3b82f6",
-        hasBookings: B,
-        fillPercentage: D,
-        isSmall: $ < 60
-      };
-    }) : []), n = Array.from({ length: 24 }, (u, r) => ({
-      hour: r,
-      label: `${r.toString().padStart(2, "0")}:00`
-    }));
-    return (u, r) => (l(), m(Y, null, [
-      e("div", wt, [
-        e("div", kt, [
-          e("div", $t, [
-            (l(!0), m(Y, null, q(b(n), (s) => (l(), m("div", {
-              key: s.hour,
-              class: "flex-1 flex transition-all duration-200"
-            }, [...r[0] || (r[0] = [
-              e("div", { class: "flex-1 relative" }, [
-                e("div", { class: "absolute top-1/2 left-0 right-0 border-t border-dashed border-input/50" })
-              ], -1)
-            ])]))), 128))
-          ]),
-          e("div", Tt, [
-            e("div", St, [
-              (l(!0), m(Y, null, q(I.value, (s) => (l(), m("div", {
-                key: s.id,
-                style: J({
-                  top: s.top,
-                  height: s.height,
-                  opacity: s.hasBookings ? "1" : "0.5"
-                }),
-                class: "event-card absolute left-2 right-2 rounded-lg pointer-events-auto cursor-pointer group/event transition-all duration-200 hover:shadow-xl overflow-hidden",
-                onClick: ($) => w.value?.openDialog(s)
-              }, [
-                e("div", {
-                  style: J({ backgroundColor: s.color }),
-                  class: "absolute inset-0 shadow-lg"
-                }, [
-                  s.maxBookings ? (l(), m("div", Ct, [
-                    e("div", {
-                      class: "h-full bg-white/40 transition-all duration-300",
-                      style: J({ width: `${s.fillPercentage}%` })
-                    }, null, 4)
-                  ])) : z("", !0)
-                ], 4),
-                e("div", {
-                  class: R(["relative h-full p-3 flex flex-col", `${s.hasBookings ? "text-white" : "text-gray-600 dark:text-gray-100"}`])
-                }, [
-                  e("div", Mt, [
-                    e("h3", zt, v(s.title), 1),
-                    e("div", Et, [
-                      s.resource ? (l(), m("div", {
-                        key: 0,
-                        class: "w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold bg-white/30 backdrop-blur-sm text-white border border-white/40",
-                        title: s.resource.name
-                      }, v(s.resource.avatarLabel || s.resource.name.charAt(0).toUpperCase()), 9, It)) : z("", !0),
-                      e("div", {
-                        class: R([
-                          "flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium",
-                          s.hasBookings ? "bg-white text-black backdrop-blur-sm" : "bg-black/10 backdrop-blur-sm"
-                        ])
-                      }, [
-                        d(b(he), { size: 12 }),
-                        e("span", null, v(s.bookings), 1)
-                      ], 2)
-                    ])
-                  ]),
-                  e("div", {
-                    class: R(["flex items-center gap-2 text-xs opacity-90 mt-auto", { "-translate-x-1 -translate-y-2 scale-80 origin-[0_0]": s.isSmall }])
-                  }, [
-                    e("div", {
-                      class: R(["flex items-center gap-1 px-2 py-0.5 rounded backdrop-blur-sm", { "bg-black/10": !s.isSmall }])
-                    }, [
-                      d(b(ge), { size: 10 }),
-                      e("span", Bt, v(s.startTime) + " – " + v(s.endTime), 1)
-                    ], 2)
-                  ], 2)
-                ], 2),
-                r[1] || (r[1] = e("div", { class: "absolute inset-0 border-2 border-white/0 group-hover/event:border-white/30 rounded-lg transition-colors duration-200 pointer-events-none" }, null, -1))
-              ], 12, Dt))), 128))
-            ])
-          ])
-        ])
-      ]),
-      d(_t, {
-        resources: f.resources,
-        ref_key: "eventDialog",
-        ref: w
-      }, null, 8, ["resources"])
-    ], 64));
-  }
-}), Lt = { class: "sticky left-0 mt-auto z-10 divide-y divide-border/50 h-full flex flex-col min-h-[1536px] bg-input" }, Ut = { class: "flex-shrink-0 text-xs font-medium text-muted-foreground px-3 pb-3 border-r border-border/50 w-14" }, Ot = { class: "flex items-center gap-1.5" }, _e = /* @__PURE__ */ K({
-  __name: "Event24hSidebar",
-  setup(f) {
-    const k = Array.from({ length: 24 }, (w, S) => ({
-      hour: S,
-      label: `${S.toString().padStart(2, "0")}:00`
-    }));
-    return (w, S) => (l(), m("div", Lt, [
-      (l(!0), m(Y, null, q(b(k), (I) => (l(), m("div", {
-        key: I.hour,
-        class: "flex-1 flex transition-all duration-200"
-      }, [
-        e("div", Ut, [
-          e("div", Ot, [
-            e("span", {
-              class: R({ "-translate-y-1/2": I.hour !== 0 })
-            }, v(I.label), 3)
-          ])
-        ])
-      ]))), 128))
-    ]));
-  }
-}), jt = { class: "absolute top-0 w-full pointer-events-none" }, Pt = {
-  key: 0,
-  class: "absolute -right-2 -top-0.5 px-2 py-0.5 bg-red-500 text-white text-xs font-medium rounded shadow-lg"
-}, we = /* @__PURE__ */ K({
-  __name: "EventTimeIndicator",
-  props: {
-    currentDate: {
-      type: Object,
-      required: !1
-    }
-  },
-  setup(f) {
-    const k = T(Date.now());
-    let w;
-    fe(() => {
-      w = window.setInterval(() => {
-        k.value = Date.now();
-      }, 1e3);
-    }), pe(() => {
-      w && clearInterval(w);
-    });
-    const S = j(() => {
-      const n = new Date(k.value);
-      return `${(n.getHours() * 60 + n.getMinutes() + n.getSeconds() / 60) / 1440 * 100}%`;
-    }), I = j(() => new Date(k.value).getFullYear() + "-" + (new Date(k.value).getMonth() + 1).toString().padStart(2, "0") + "-" + new Date(k.value).getDate().toString().padStart(2, "0"));
-    return (n, u) => (l(), m("div", jt, [
-      e("div", {
-        class: "absolute left-0 right-0 h-0.5 bg-red-500 z-30 pointer-events-none transition-[top] duration-300 ease-linear",
-        style: J({ top: S.value })
-      }, [
-        u[0] || (u[0] = e("div", { class: "absolute -left-2 -top-1.5 w-3 h-3 bg-red-500 rounded-full shadow-lg shadow-red-500/50" }, null, -1)),
-        f.currentDate && f.currentDate == I.value ? (l(), m("div", Pt, " Now ")) : z("", !0)
-      ], 4)
-    ]));
-  }
-}), Nt = {
-  key: 0,
-  class: "relative flex flex-1 min-w-0"
-}, Rt = {
-  key: 1,
-  class: "flex-1 min-w-0 relative"
-}, Ft = {
-  key: 0,
-  class: "absolute top-0 right-0 z-10 px-3 py-1.5 bg-primary/90 text-primary-foreground text-xs font-medium rounded-bl-lg shadow-lg backdrop-blur-sm flex items-center gap-1.5 animate-pulse-subtle"
-}, At = { class: "flex pb-4 min-w-[200px]" }, Vt = ["onClick"], Wt = {
-  key: 0,
-  class: "absolute top-2 right-2 flex items-center gap-1 px-2 py-0.5 bg-primary/20 backdrop-blur-sm rounded-full border border-primary/30"
-}, Ht = { class: "text-xs text-muted-foreground font-medium group-hover:text-foreground/70 transition-colors" }, Qt = {
-  key: 0,
-  class: "absolute bottom-0 left-0 w-full h-1 bg-orange-500"
-}, Xt = /* @__PURE__ */ K({
-  __name: "EventView",
-  setup(f) {
-    const k = ie("activeDate", T(ue(de()))), w = ie("viewMode", T(1)), S = ie("events", T([])), I = ie("resources", T([])), n = T(null), u = T(!1), r = T(!1);
-    j(() => I.value.length > 1);
-    const s = j(() => {
-      const c = [], g = k.value;
-      for (let E = 0; E < w.value; E++)
-        c.push(g.add({ days: E }));
-      return c;
-    }), $ = (c, g) => {
-      const E = `${c.year}-${String(c.month).padStart(2, "0")}-${String(c.day).padStart(2, "0")}`;
-      return S.value?.filter((V) => V.date === E) || [];
-    }, y = (c) => {
-      const g = ue(de());
-      return c.year === g.year && c.month === g.month && c.day === g.day;
-    }, p = (c) => {
-      k.value = c, w.value = 1;
-    };
-    let B = null, D = null;
-    const Q = () => {
-      n.value && (U(), n.value.scrollBy({ left: -300, behavior: "smooth" }), D = window.setTimeout(() => {
-        B = window.setInterval(() => {
-          n.value && n.value.scrollBy({ left: -20, behavior: "auto" });
-        }, 50);
-      }, 300));
-    }, L = () => {
-      n.value && (U(), n.value.scrollBy({ left: 300, behavior: "smooth" }), D = window.setTimeout(() => {
-        B = window.setInterval(() => {
-          n.value && n.value.scrollBy({ left: 20, behavior: "auto" });
-        }, 50);
-      }, 300));
-    }, U = () => {
-      D && (clearTimeout(D), D = null), B && (clearInterval(B), B = null);
-    }, A = () => {
-      if (!n.value) return;
-      const { scrollLeft: c, scrollWidth: g, clientWidth: E } = n.value;
-      u.value = c > 10, r.value = c < g - E - 10;
-    }, te = (c) => {
-      n.value && Math.abs(c.deltaY) > Math.abs(c.deltaX) && (c.preventDefault(), n.value.scrollBy({ left: c.deltaY, behavior: "auto" }));
-    }, G = T(!1), Z = T(0), se = T(0), ae = (c) => {
-      !n.value || w.value === 1 || c.target.closest(".event-card") || (G.value = !0, Z.value = c.pageX, se.value = n.value.scrollLeft, n.value.style.userSelect = "none", c.preventDefault());
-    }, h = (c) => {
-      if (!G.value || !n.value) return;
-      const g = c.pageX, E = (Z.value - g) * 1.2;
-      n.value.scrollLeft = se.value + E;
-    }, _ = () => {
-      n.value && (G.value = !1, n.value.style.userSelect = "");
-    };
-    return fe(() => {
-      n.value && (n.value.addEventListener("scroll", A), n.value.addEventListener("wheel", te, { passive: !1 }), xe(() => {
-        A(), setTimeout(A, 50), setTimeout(A, 150), setTimeout(A, 300), setTimeout(A, 500);
-      })), document.addEventListener("mousemove", h), document.addEventListener("mouseup", _);
-    }), ze(() => {
-      document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", _);
-    }), re(w, () => {
-      w.value > 1 ? xe(() => {
-        setTimeout(() => {
-          if (!n.value) return;
-          const { scrollWidth: c, clientWidth: g } = n.value;
-          c > g && (r.value = !0, u.value = !1);
-        }, 100);
-      }) : n.value && (n.value.style.cursor = "");
-    }), pe(() => {
-      U(), n.value && (n.value.removeEventListener("scroll", A), n.value.removeEventListener("wheel", te));
-    }), (c, g) => {
-      const E = N("Button"), V = N("TooltipTrigger"), O = N("TooltipContent"), F = N("Tooltip");
-      return b(w) === 1 ? (l(), m("div", Nt, [
-        d(_e),
-        d(we, {
-          class: "h-full",
-          "current-date": b(k)
-        }, null, 8, ["current-date"]),
-        d(ye, {
-          date: b(k),
-          events: $(b(k)),
-          resources: b(I)
-        }, null, 8, ["date", "events", "resources"])
-      ])) : (l(), m("div", Rt, [
-        b(w) === 7 ? (l(), m("div", Ft, [
-          d(b(ve), { size: 12 }),
-          g[0] || (g[0] = e("span", null, "Scroll to view all days", -1)),
-          d(b(ce), { size: 12 })
-        ])) : z("", !0),
-        u.value ? (l(), H(E, {
-          key: 1,
-          variant: "outline",
-          size: "icon",
-          onMousedown: Q,
-          onMouseup: U,
-          onMouseleave: U,
-          onTouchstart: Q,
-          onTouchend: U,
-          class: "sticky top-1/2 left-2 -translate-y-1/2 z-40 h-10 w-10 rounded-full shadow-lg bg-background/95 backdrop-blur-sm hover:bg-background border-2"
-        }, {
-          default: C(() => [
-            d(b(ve), { size: 20 })
-          ]),
-          _: 1
-        })) : z("", !0),
-        r.value ? (l(), H(E, {
-          key: 2,
-          variant: "outline",
-          size: "icon",
-          onMousedown: L,
-          onMouseup: U,
-          onMouseleave: U,
-          onTouchstart: L,
-          onTouchend: U,
-          class: "sticky top-1/2 right-2 -translate-y-1/2 z-40 h-10 w-10 rounded-full shadow-lg bg-background/95 backdrop-blur-sm hover:bg-background border-2 float-right"
-        }, {
-          default: C(() => [
-            d(b(ce), { size: 20 })
-          ]),
-          _: 1
-        })) : z("", !0),
-        d(we, { class: "h-[calc(100%-164px)] mt-[122px]" }),
-        e("div", {
-          class: R(["absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none transition-opacity duration-300", r.value ? "opacity-100" : "opacity-0"])
-        }, null, 2),
-        e("div", {
-          ref_key: "scrollContainer",
-          ref: n,
-          class: "absolute inset-0 overflow-x-auto overflow-y-visible",
-          onScroll: A,
-          onMousedown: ae
-        }, [
-          e("div", At, [
-            d(_e),
-            g[5] || (g[5] = e("div", { class: "absolute w-14 h-[125px] bg-input" }, null, -1)),
-            (l(!0), m(Y, null, q(s.value, (t, o) => (l(), m("div", {
-              key: t.toString(),
-              class: R(["flex-shrink-0", { "min-w-[200px] w-[33.33%]": b(w) === 3, "min-w-[280px]": b(w) === 7 }])
-            }, [
-              e("div", {
-                onClick: (x) => p(t),
-                class: R([
-                  "relative p-3 border cursor-pointer transition-all duration-200 group relative",
-                  y(t) ? "bg-gradient-to-br from-primary/10 to-primary/5 border-primary/30 hover:from-primary/20 hover:to-primary/10 hover:border-primary/50 hover:shadow-md" : "bg-gradient-to-br from-muted/50 to-muted/30 border-border hover:from-accent/50 hover:to-accent/30 hover:border-accent-foreground/20 hover:shadow-md"
-                ])
-              }, [
-                y(t) ? (l(), m("div", Wt, [...g[1] || (g[1] = [
-                  e("div", { class: "w-1.5 h-1.5 bg-primary rounded-full animate-pulse" }, null, -1),
-                  e("span", { class: "text-[9px] font-bold text-primary uppercase tracking-wide" }, "Today", -1)
-                ])])) : z("", !0),
-                e("div", {
-                  class: R([
-                    "text-xs font-semibold uppercase tracking-wider transition-colors",
-                    y(t) ? "text-primary group-hover:text-primary/80" : "text-muted-foreground group-hover:text-foreground"
-                  ])
-                }, v(new Date(t.year, t.month - 1, t.day).toLocaleDateString("en-US", { weekday: "short" })), 3),
-                e("div", {
-                  class: R([
-                    "text-2xl font-bold transition-colors",
-                    y(t) ? "text-foreground" : "text-foreground group-hover:text-primary"
-                  ])
-                }, v(t.day), 3),
-                e("div", Ht, v(new Date(t.year, t.month - 1, t.day).toLocaleDateString("en-US", { month: "long", year: "numeric" })), 1),
-                g[4] || (g[4] = e("div", { class: "mt-2 pt-2 border-t border-border/0 group-hover:border-border/50 transition-all" }, [
-                  e("div", { class: "text-[10px] text-muted-foreground/0 group-hover:text-muted-foreground/100 uppercase tracking-wide transition-all" }, " Click to view ")
-                ], -1)),
-                d(F, null, {
-                  default: C(() => [
-                    d(V, { "as-child": "" }, {
-                      default: C(() => [
-                        $(t).filter((x) => x.isException).length > 0 ? (l(), H(b(Ie), {
-                          key: 0,
-                          class: "absolute top-3 right-3 size-4 text-orange-500"
-                        })) : z("", !0)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    d(O, null, {
-                      default: C(() => [...g[2] || (g[2] = [
-                        e("p", null, " This day has exceptions applied to it. ", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, 1024),
-                d(F, null, {
-                  default: C(() => [
-                    d(V, { "as-child": "" }, {
-                      default: C(() => [
-                        $(t).filter((x) => x.isException).length > 0 ? (l(), m("div", Qt)) : z("", !0)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    d(O, null, {
-                      default: C(() => [...g[3] || (g[3] = [
-                        e("p", null, " This day has exceptions applied to it. ", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, 1024)
-              ], 10, Vt),
-              d(ye, {
-                date: t,
-                events: $(t),
-                resources: b(I)
-              }, null, 8, ["date", "events", "resources"])
-            ], 2))), 128))
-          ])
-        ], 544)
-      ]));
-    };
-  }
-}), Yt = /* @__PURE__ */ Pe(Xt, [["__scopeId", "data-v-99339cf2"]]), qt = { class: "flex flex-col gap-2 md:gap-4 w-full h-full" }, Jt = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 px-1" }, Gt = { class: "flex items-center justify-between sm:justify-start gap-4" }, Kt = { class: "flex flex-col" }, Zt = { class: "flex items-center gap-2" }, es = { class: "text-lg sm:text-2xl font-bold tracking-tight truncate" }, ts = { class: "text-xs sm:text-sm text-muted-foreground ml-7 truncate" }, ss = { class: "flex items-center justify-between sm:justify-end gap-2" }, os = { class: "flex items-center gap-1 sm:mr-2" }, ns = {
-  key: 0,
-  class: "flex items-center gap-2 px-1 overflow-x-auto pb-2 -mx-1 scrollbar-hide"
-}, as = ["onClick"], ls = { class: "flex gap-4 flex-1 min-h-0 md:min-h-[1700px]" }, rs = { class: "hidden md:flex flex-shrink-0 flex-col gap-4" }, is = {
-  key: 0,
-  class: "rounded-md border p-3"
-}, us = { class: "space-y-1" }, ds = ["onClick"], cs = { class: "min-w-0 flex-1" }, ms = { class: "text-sm font-medium truncate" }, vs = {
-  key: 0,
-  class: "pt-2 mt-2 border-t"
-}, fs = {
-  key: 0,
-  class: "mt-1 space-y-1"
-}, ps = { class: "min-w-0 flex-1" }, gs = { class: "text-sm font-medium truncate text-muted-foreground" }, Ts = /* @__PURE__ */ K({
-  __name: "agenda",
-  setup(f) {
-    const { hasPermission: k } = Ue(), { params: w } = Te(), { config: S } = $e(), I = Se(S.project), n = T(ue(de())), u = T(1), r = T(typeof window < "u" ? window.innerWidth : 1024), s = j(() => r.value < 768), $ = () => {
-      r.value = window.innerWidth;
-    };
-    fe(() => {
-      window.addEventListener("resize", $);
-    }), pe(() => {
-      window.removeEventListener("resize", $);
-    }), re(s, (t) => {
-      t && u.value !== 1 && (u.value = 1);
-    }, { immediate: !0 });
-    const y = T(null), p = T(/* @__PURE__ */ new Map()), B = j(() => y.value?.resources || []), D = j(() => B.value.filter((t) => t.isActive)), Q = j(() => B.value.filter((t) => !t.isActive)), L = T(null), U = T(!1);
-    re(D, (t) => {
-      t.length > 0 && !L.value && (L.value = t[0].id);
-    }, { immediate: !0 });
-    const A = j(() => {
-      if (!L.value)
-        return D.value.length > 0 ? [D.value[0]] : [];
-      const t = D.value.find((o) => o.id === L.value);
-      return t ? [t] : D.value.length > 0 ? [D.value[0]] : [];
-    }), te = j(() => y.value?.pricingOptions?.find((o) => o.isDefault)?.duration || 30), G = (t) => {
-      L.value = t;
-    };
-    re(n, () => {
-      F();
-    });
-    const Z = j(() => {
-      const t = n.value, o = new Date(t.year, t.month - 1, t.day), x = o.toLocaleDateString("en-US", { weekday: "long" }).toUpperCase(), i = t.day, M = o.toLocaleDateString("en-US", { month: "short" }).toUpperCase();
-      return {
-        dayName: x,
-        day: i,
-        monthName: M,
-        full: `${x} ${i} ${M}`
-      };
-    }), se = () => {
-      n.value = n.value.subtract({ days: u.value });
-    }, ae = () => {
-      n.value = n.value.add({ days: u.value });
-    }, h = () => {
-      n.value = ue(de());
-    }, _ = (t) => {
-      const [o, x] = t.split(":").map(Number);
-      return o * 60 + x;
-    }, c = (t, o) => (y.value?.exceptions || []).find((i) => o >= i.startDate && o <= i.endDate ? i.resourceIds === null ? !0 : i.resourceIds?.includes(t) : !1) || null, g = (t, o, x) => {
-      const i = c(t.id, x);
-      if (i)
-        return i.isClosed ? [] : i.timeslots.map((a) => ({
-          startTime: a.startTime,
-          endTime: a.endTime,
-          isException: !0
-        }));
-      const M = o.getDay(), P = t.openingHours?.[M] || [];
-      return P.length === 0 ? [] : P.map((a) => ({
-        startTime: a.start,
-        endTime: a.end,
-        isException: !1
-      }));
-    }, E = (t, o, x, i) => {
-      if (!y.value) return 0;
-      const M = p.value.get(o);
-      if (!M) return 0;
-      const P = M.filter((a) => a.resourceId === t).reduce((a, W) => {
-        const X = _(W.startTime), oe = _(W.endTime), le = _(x), me = _(i);
-        return X < me && oe > le ? a + (W.reserved || 0) : a;
-      }, 0);
-      return P > 0 && console.log(`Found ${P} total bookings for ${t} on ${o} ${x}-${i}`), P;
-    }, V = j(() => {
-      if (!y.value) return [];
-      p.value.size;
-      let t = [], o = [];
-      for (let i = 0; i < u.value; i++) {
-        const M = n.value.add({ days: i });
-        o.push(M);
-      }
-      const x = A.value.length > 0 ? A.value : [];
-      return x.length === 0 ? [] : (o.forEach((i) => {
-        let M = new Date(i.year, i.month - 1, i.day);
-        const P = `${i.year}-${String(i.month).padStart(2, "0")}-${String(i.day).padStart(2, "0")}`;
-        x.forEach((a) => {
-          const W = g(a, M, P);
-          t = t.concat(W.map((X, oe) => {
-            const le = E(a.id, P, X.startTime, X.endTime);
-            return {
-              id: `block-${P}-${a.id}-${oe}`,
-              title: y.value.serviceName,
-              date: P,
-              startTime: X.startTime,
-              endTime: X.endTime,
-              theme: a.color || "#3b82f6",
-              bookings: le,
-              maxBookings: a.capacity,
-              isException: X.isException || !1,
-              resourceId: a.id,
-              resource: a,
-              // Store interval and duration for booking slot calculation
-              interval: a.interval || 30,
-              serviceDuration: te.value
-            };
-          }));
-        });
-      }), t);
-    }), O = async () => {
-      y.value = await I.get(S.agendaCollection, w.value.id);
-    }, F = async () => {
-      const t = w.value.id, o = n.value;
-      p.value.clear();
-      const x = [];
-      for (let i = 0; i < u.value; i++) {
-        const M = o.add({ days: i }), P = `${M.year}-${String(M.month).padStart(2, "0")}-${String(M.day).padStart(2, "0")}`, a = `${t}_${P}`;
-        x.push(
-          I.get(S.reservedSpotsCollection, a).then((W) => {
-            if (W) {
-              let X = [];
-              for (const oe of D.value) {
-                const le = W?.[oe.id] || {};
-                Object.entries(le).forEach(([me, De]) => {
-                  const [Ce, Me] = me.split("-");
-                  X.push({
-                    resourceId: oe.id,
-                    startTime: Ce,
-                    endTime: Me,
-                    reserved: De
-                  });
-                });
-              }
-              p.value.set(P, X);
-            }
-          }).catch(() => {
-          })
-        );
-      }
-      await Promise.all(x), console.log("Loaded reserved spots:", p.value);
-    };
-    return O(), F(), re(u, () => {
-      F();
-    }), ee("agendaData", y), ee("activeDate", n), ee("viewMode", u), ee("events", V), ee("resources", A), ee("allResources", D), (t, o) => {
-      const x = N("Button"), i = N("SegmentedControlButton"), M = N("SegmentedControl"), P = N("Calendar");
-      return l(), H(Le, null, {
-        default: C(() => [
-          e("div", qt, [
-            e("div", Jt, [
-              e("div", Gt, [
-                e("div", Kt, [
-                  e("div", Zt, [
-                    d(b(Be), {
-                      size: 20,
-                      class: "text-primary flex-shrink-0"
-                    }),
-                    e("h2", es, v(Z.value.full), 1)
-                  ]),
-                  e("p", ts, v(y.value?.serviceName), 1)
-                ]),
-                s.value && b(k)("manage-reservations") ? (l(), H(be, { key: 0 })) : z("", !0)
-              ]),
-              e("div", ss, [
-                e("div", os, [
-                  d(x, {
-                    variant: "outline",
-                    size: "icon",
-                    class: "size-8 sm:size-9",
-                    onClick: se
-                  }, {
-                    default: C(() => [
-                      d(b(ve), { size: 16 })
-                    ]),
-                    _: 1
-                  }),
-                  d(x, {
-                    variant: "outline",
-                    size: "sm",
-                    class: "h-8 sm:h-9 px-2 sm:px-3 text-xs sm:text-sm",
-                    onClick: h
-                  }, {
-                    default: C(() => [...o[3] || (o[3] = [
-                      ne(" Today ", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  d(x, {
-                    variant: "outline",
-                    size: "icon",
-                    class: "size-8 sm:size-9",
-                    onClick: ae
-                  }, {
-                    default: C(() => [
-                      d(b(ce), { size: 16 })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                s.value ? z("", !0) : (l(), H(M, {
-                  key: 0,
-                  modelValue: u.value,
-                  "onUpdate:modelValue": o[0] || (o[0] = (a) => u.value = a)
-                }, {
-                  default: C(() => [
-                    d(i, { value: 1 }, {
-                      default: C(() => [...o[4] || (o[4] = [
-                        e("span", { class: "whitespace-nowrap" }, "1 Day", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    d(i, { value: 3 }, {
-                      default: C(() => [...o[5] || (o[5] = [
-                        e("span", { class: "whitespace-nowrap" }, "3 Days", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    d(i, { value: 7 }, {
-                      default: C(() => [...o[6] || (o[6] = [
-                        e("span", { class: "whitespace-nowrap" }, "7 Days", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])),
-                !s.value && b(k)("manage-reservations") ? (l(), H(be, { key: 1 })) : z("", !0)
-              ])
-            ]),
-            s.value && D.value.length > 0 ? (l(), m("div", ns, [
-              (l(!0), m(Y, null, q(D.value, (a) => (l(), m("button", {
-                key: a.id,
-                class: R(["flex items-center gap-2 px-3 py-1.5 rounded-full border text-sm whitespace-nowrap transition-colors flex-shrink-0", {
-                  "bg-primary text-primary-foreground border-primary": L.value === a.id,
-                  "bg-background hover:bg-muted": L.value !== a.id
-                }]),
-                onClick: (W) => G(a.id)
-              }, [
-                e("div", {
-                  class: "size-5 rounded-full flex items-center justify-center text-white text-[10px] font-medium",
-                  style: J({ backgroundColor: L.value === a.id ? "rgba(255,255,255,0.3)" : a.color || "#6b7280" })
-                }, v(a.avatarLabel || a.name.charAt(0).toUpperCase()), 5),
-                e("span", null, v(a.name), 1)
-              ], 10, as))), 128))
-            ])) : z("", !0),
-            e("div", ls, [
-              e("div", rs, [
-                d(P, {
-                  modelValue: n.value,
-                  "onUpdate:modelValue": o[1] || (o[1] = (a) => n.value = a),
-                  "weekday-format": "short",
-                  class: "rounded-md border"
-                }, null, 8, ["modelValue"]),
-                B.value.length > 0 ? (l(), m("div", is, [
-                  o[7] || (o[7] = e("div", { class: "flex items-center justify-between mb-3" }, [
-                    e("span", { class: "text-sm font-medium" }, "Resources")
-                  ], -1)),
-                  e("div", us, [
-                    (l(!0), m(Y, null, q(D.value, (a) => (l(), m("div", {
-                      key: a.id,
-                      class: R(["flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors", {
-                        "bg-muted ring-2 ring-primary/20": L.value === a.id,
-                        "opacity-50": L.value && L.value !== a.id
-                      }]),
-                      onClick: (W) => G(a.id)
-                    }, [
-                      e("div", {
-                        class: "size-7 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0",
-                        style: J({ backgroundColor: a.color || "#6b7280" })
-                      }, v(a.avatarLabel || a.name.charAt(0).toUpperCase()), 5),
-                      e("div", cs, [
-                        e("div", ms, v(a.name), 1)
-                      ]),
-                      e("div", {
-                        class: R(["size-2 rounded-full flex-shrink-0", L.value === a.id ? "bg-primary" : "bg-muted-foreground/30"])
-                      }, null, 2)
-                    ], 10, ds))), 128)),
-                    Q.value.length > 0 ? (l(), m("div", vs, [
-                      e("button", {
-                        class: "flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground w-full py-1 transition-colors",
-                        onClick: o[2] || (o[2] = (a) => U.value = !U.value)
-                      }, [
-                        d(b(ce), {
-                          size: 14,
-                          class: R(["transition-transform", { "rotate-90": U.value }])
-                        }, null, 8, ["class"]),
-                        e("span", null, "Inactive (" + v(Q.value.length) + ")", 1)
-                      ]),
-                      U.value ? (l(), m("div", fs, [
-                        (l(!0), m(Y, null, q(Q.value, (a) => (l(), m("div", {
-                          key: a.id,
-                          class: "flex items-center gap-2 p-2 rounded-md opacity-50"
-                        }, [
-                          e("div", {
-                            class: "size-7 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0 grayscale",
-                            style: J({ backgroundColor: a.color || "#6b7280" })
-                          }, v(a.avatarLabel || a.name.charAt(0).toUpperCase()), 5),
-                          e("div", ps, [
-                            e("div", gs, v(a.name), 1)
-                          ])
-                        ]))), 128))
-                      ])) : z("", !0)
-                    ])) : z("", !0)
-                  ])
-                ])) : z("", !0)
-              ]),
-              d(Yt)
-            ])
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Ts as default
-};