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

package/dist/agenda-CzMRcQTA.mjs

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