@oneclick.dev/cms-core-modules 0.0.105 → 0.0.107

package/dist/agenda-CzMRcQTA.mjs

@@ -0,0 +1,989 @@
+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 };