@pisell/materials 1.8.34 → 1.8.36

package/es/components/pisellRecordBoard/shellFrame/Calendar/const/bookingCalendarConstants.js

@@ -16,7 +16,24 @@ function dayCourtOverlayRowHeightPx(displayLaneCount) {
 	const n = Math.max(1, displayLaneCount);
 	return 16 + n * 64 + (n - 1) * 2;
 }
+/**
+* 资源视图：按某一格「courtDaySummary」结果估算该格所需最小高度（px）。
+* 用于横向虚拟化仅挂载可见日期列时，仍按**全月**最大内容撑开行高，避免日程只在屏幕外列时出现行高塌陷。
+*/
+function estimateResourceViewCourtCellHeightPx(summary) {
+	var _summary$items$length, _summary$items;
+	const pad = 8;
+	if (summary.fullyBooked) return 28 + pad;
+	const n = (_summary$items$length = (_summary$items = summary.items) === null || _summary$items === void 0 ? void 0 : _summary$items.length) !== null && _summary$items$length !== void 0 ? _summary$items$length : 0;
+	if (n === 0) return 44;
+	const previewCount = Math.min(3, n);
+	const showMoreTile = Math.max(0, n - 3) > 0 && previewCount > 0;
+	const gap = 4;
+	let content = previewCount * 48 + (previewCount > 1 ? (previewCount - 1) * gap : 0);
+	if (showMoreTile) content += gap + 48;
+	return pad + content;
+}
 const MONTH_OVERFLOW_POPOVER_ITEM_H = 72;
 const OVERFLOW_MODAL_ROW_H = 108;
 //#endregion
-export { CALENDAR_EMPTY_DASHED_SLOT_CLASSNAME, DEFAULT_CALENDAR_TIMELINE, MONTH_OVERFLOW_POPOVER_ITEM_H, OVERFLOW_MODAL_ROW_H, dayCourtOverlayRowHeightPx };
+export { CALENDAR_EMPTY_DASHED_SLOT_CLASSNAME, DEFAULT_CALENDAR_TIMELINE, MONTH_OVERFLOW_POPOVER_ITEM_H, OVERFLOW_MODAL_ROW_H, dayCourtOverlayRowHeightPx, estimateResourceViewCourtCellHeightPx };

package/es/components/pisellRecordBoard/shellFrame/Calendar/hooks/useBookingCalendarDayOverlayLayout.js

@@ -0,0 +1,74 @@
+import { dayCourtOverlayRowHeightPx } from "../const/bookingCalendarConstants.js";
+import { buildDayRowTopMap, buildOverlayBookings, clusterDayCourtOverlaysByOverlap, dayOverlayHiddenKey, effectiveDayOverlayDisplayLaneCount, maxConcurrentBookingsOnCourt } from "../utils/bookingCalendarDateUtils.js";
+import { useMemo } from "react";
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/hooks/useBookingCalendarDayOverlayLayout.ts
+/**
+* 日视图：按 overlay 并行度计算行高、booking overlay 列表、+N 溢出汇总。
+*/
+function useBookingCalendarDayOverlayLayout(visibleCourtRows, dayKey, bookings, hourSlots, slotStepHours) {
+	return useMemo(() => {
+		const defaultHeights = visibleCourtRows.map((row) => row.kind === "group" ? 38 : 44);
+		let overlays = buildOverlayBookings(visibleCourtRows, dayKey, bookings, buildDayRowTopMap(visibleCourtRows, defaultHeights), hourSlots, defaultHeights, slotStepHours);
+		const expandedHeights = visibleCourtRows.map((row, i) => {
+			if (row.kind !== "court") return defaultHeights[i];
+			if (!overlays.some((o) => o.courtId === row.id)) return defaultHeights[i];
+			return dayCourtOverlayRowHeightPx(effectiveDayOverlayDisplayLaneCount(maxConcurrentBookingsOnCourt(overlays, row.id)));
+		});
+		const tops2 = buildDayRowTopMap(visibleCourtRows, expandedHeights);
+		overlays = buildOverlayBookings(visibleCourtRows, dayKey, bookings, tops2, hourSlots, expandedHeights, slotStepHours);
+		const courtDayDisplayLaneCount = {};
+		const hiddenDayOverlayIdSet = /* @__PURE__ */ new Set();
+		const dayOverlayOverflowPluses = [];
+		for (const row of visibleCourtRows) {
+			if (row.kind !== "court") continue;
+			const cid = row.id;
+			courtDayDisplayLaneCount[cid] = effectiveDayOverlayDisplayLaneCount(maxConcurrentBookingsOnCourt(overlays, cid));
+			const clusters = clusterDayCourtOverlaysByOverlap(overlays, cid);
+			for (const cluster of clusters) {
+				if (cluster.length <= 3) continue;
+				const sortedByLane = [...cluster].sort((a, b) => {
+					var _a$lane, _b$lane;
+					return ((_a$lane = a.lane) !== null && _a$lane !== void 0 ? _a$lane : 0) - ((_b$lane = b.lane) !== null && _b$lane !== void 0 ? _b$lane : 0) || a.start - b.start;
+				});
+				for (let i = 3; i < sortedByLane.length; i++) {
+					const o = sortedByLane[i];
+					hiddenDayOverlayIdSet.add(dayOverlayHiddenKey(o.item, dayKey, o.courtId));
+				}
+				const hidden = sortedByLane.slice(3);
+				let minS = Infinity;
+				let maxE = -Infinity;
+				for (const o of cluster) {
+					minS = Math.min(minS, o.start);
+					maxE = Math.max(maxE, o.start + o.span);
+				}
+				const anchor = hidden[0];
+				dayOverlayOverflowPluses.push({
+					key: `${cid}-${minS}-${maxE}-${dayKey}`,
+					courtId: cid,
+					rowTop: anchor.rowTop,
+					rowHeight: anchor.rowHeight,
+					start: minS,
+					span: maxE - minS,
+					plusCount: hidden.length,
+					overflowItems: hidden.map((o) => o.item)
+				});
+			}
+		}
+		return {
+			dayRowHeights: expandedHeights,
+			dayRowTopMap: tops2,
+			overlayBookings: overlays,
+			courtDayDisplayLaneCount,
+			hiddenDayOverlayIdSet,
+			dayOverlayOverflowPluses
+		};
+	}, [
+		visibleCourtRows,
+		dayKey,
+		bookings,
+		hourSlots,
+		slotStepHours
+	]);
+}
+//#endregion
+export { useBookingCalendarDayOverlayLayout };

package/es/components/pisellRecordBoard/shellFrame/Calendar/modal/BookingCalendarBlockPanel.js

@@ -0,0 +1,61 @@
+import { tCal } from "../calendarI18n.js";
+import React from "react";
+import { DatePicker } from "antd";
+import { CloseOutlined } from "@ant-design/icons";
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/modal/BookingCalendarBlockPanel.tsx
+const { RangePicker } = DatePicker;
+/**
+* 内置锁台 / 屏蔽时间表单（宿主未传 `onBlockedTimePanelRequest` 时使用）。
+*/
+function BookingCalendarBlockPanel({ blockPanelRef, isLight, blockFormName, setBlockFormName, blockModalNote, setBlockModalNote, blockResourceId, setBlockResourceId, blockTimeRange, setBlockTimeRange, resolvedSlotMinutes, visibleCourts, blockSaving, onClose, onSave }) {
+	return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-50 bg-black/55 backdrop-blur-sm flex items-end md:items-center justify-center p-2 md:p-4" }, /* @__PURE__ */ React.createElement("div", {
+		ref: blockPanelRef,
+		className: `w-full max-w-[720px] max-h-[92vh] overflow-y-auto rounded-t-3xl md:rounded-3xl border p-4 md:p-6 shadow-2xl ${isLight ? "theme-panel theme-border soft-shadow" : "border-zinc-700 bg-[#121217]"}`
+	}, /* @__PURE__ */ React.createElement("div", { className: "mb-4 flex items-center justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "text-xl font-semibold" }, tCal("pisell2.recordBoard.calendar.block.panelTitle")), /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		"aria-label": tCal("pisell2.recordBoard.calendar.block.closeAria"),
+		onClick: onClose,
+		className: `rounded-xl p-2 ${isLight ? "btn-neutral" : "border border-zinc-700 text-zinc-300"}`
+	}, /* @__PURE__ */ React.createElement(CloseOutlined, { style: { fontSize: 20 } }))), /* @__PURE__ */ React.createElement("div", { className: `space-y-4 rounded-2xl border p-4 ${isLight ? "theme-panel-alt theme-border" : "border-zinc-700 bg-[#171820]"}` }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, tCal("pisell2.recordBoard.calendar.block.fieldTitle")), /* @__PURE__ */ React.createElement("input", {
+		value: blockFormName,
+		onChange: (e) => setBlockFormName(e.target.value),
+		placeholder: tCal("pisell2.recordBoard.calendar.block.placeholderTitle"),
+		className: `w-full rounded-xl px-3 py-2 outline-none ${isLight ? "theme-input theme-text" : "border border-zinc-700 bg-[#111218] text-white"}`
+	})), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, "备注"), /* @__PURE__ */ React.createElement("input", {
+		value: blockModalNote,
+		onChange: (e) => setBlockModalNote(e.target.value),
+		placeholder: "选填",
+		className: `w-full rounded-xl px-3 py-2 outline-none ${isLight ? "theme-input theme-text" : "border border-zinc-700 bg-[#111218] text-white"}`
+	})), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, tCal("pisell2.recordBoard.calendar.block.fieldResource")), /* @__PURE__ */ React.createElement("select", {
+		value: blockResourceId,
+		onChange: (e) => setBlockResourceId(e.target.value),
+		className: `w-full rounded-xl px-3 py-2 outline-none ${isLight ? "theme-input theme-text" : "border border-zinc-700 bg-[#111218] text-white"}`
+	}, /* @__PURE__ */ React.createElement("option", { value: "" }, tCal("pisell2.recordBoard.calendar.block.noResource")), visibleCourts.map((c) => /* @__PURE__ */ React.createElement("option", {
+		key: c.id,
+		value: String(c.id)
+	}, c.name)))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, tCal("pisell2.recordBoard.calendar.block.fieldTimeRange")), /* @__PURE__ */ React.createElement(RangePicker, {
+		style: { width: "100%" },
+		showTime: {
+			format: "HH:mm",
+			minuteStep: resolvedSlotMinutes >= 60 ? 60 : Math.max(1, resolvedSlotMinutes)
+		},
+		format: "YYYY-MM-DD HH:mm",
+		value: blockTimeRange !== null && blockTimeRange !== void 0 ? blockTimeRange : void 0,
+		onChange: (v) => {
+			var _ref;
+			return setBlockTimeRange((_ref = v) !== null && _ref !== void 0 ? _ref : null);
+		}
+	}))), /* @__PURE__ */ React.createElement("div", { className: "mt-6 flex flex-col-reverse sm:flex-row items-stretch sm:items-center justify-end gap-3" }, /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		disabled: blockSaving,
+		onClick: onClose,
+		className: `rounded-xl px-4 py-2 ${isLight ? "btn-neutral" : "border border-zinc-700 text-zinc-300"}`
+	}, tCal("pisell2.recordBoard.calendar.common.cancel")), /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		disabled: blockSaving,
+		onClick: () => void onSave(),
+		className: `rounded-xl px-5 py-3 text-sm font-semibold disabled:opacity-50 ${isLight ? "btn-brand" : "bg-violet-600 text-white"}`
+	}, blockSaving ? tCal("pisell2.recordBoard.calendar.common.saving") : tCal("pisell2.recordBoard.calendar.common.save")))));
+}
+//#endregion
+export { BookingCalendarBlockPanel };

package/es/components/pisellRecordBoard/shellFrame/Calendar/modal/BookingCalendarOverflowListLayer.js

@@ -0,0 +1,26 @@
+import { tCal } from "../calendarI18n.js";
+import { OverflowListModalVirtualList } from "./OverflowListModal.js";
+import React from "react";
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/modal/BookingCalendarOverflowListLayer.tsx
+/**
+* 全局溢出预约列表弹层（月/周/资源格 `+N` 点开后）。
+*/
+function BookingCalendarOverflowListLayer({ overflowPanelRef, isLight, modal, onClose, onPickItem }) {
+	return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-[69] bg-black/45 backdrop-blur-sm flex items-center justify-center p-4" }, /* @__PURE__ */ React.createElement("div", {
+		ref: overflowPanelRef,
+		className: `flex w-full max-w-[520px] max-h-[72vh] flex-col overflow-hidden rounded-3xl border p-5 shadow-2xl ${isLight ? "theme-panel theme-border soft-shadow" : "border-zinc-700 bg-[#121217]"}`
+	}, /* @__PURE__ */ React.createElement("div", { className: "mb-4 flex shrink-0 items-start justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-xl font-semibold" }, tCal("pisell2.recordBoard.calendar.overflow.bookingsForDay")), /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-sm text-zinc-400" }, modal.title)), /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		onClick: onClose,
+		className: "rounded-xl border border-zinc-700 px-3 py-2 text-zinc-300"
+	}, tCal("pisell2.recordBoard.calendar.common.close"))), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-hidden px-0.5" }, /* @__PURE__ */ React.createElement(OverflowListModalVirtualList, {
+		items: modal.items,
+		dateKey: modal.date,
+		listWidth: 468,
+		onPickItem,
+		onClose,
+		showStatusUi: Boolean(modal.scope && String(modal.scope).startsWith("day-lane-overflow-"))
+	}))));
+}
+//#endregion
+export { BookingCalendarOverflowListLayer };

package/es/components/pisellRecordBoard/shellFrame/Calendar/utils/bookingCalendarDateUtils.js

@@ -35,6 +35,16 @@ function rangeDays(anchor) {
 	const start = startOfWeek(anchor);
 	return Array.from({ length: 7 }, (_, i) => addDays(start, i));
 }
+/**
+* 锚定日所在自然月的每一天（1 号至月末），用于资源视图横向「日」列。
+*/
+function monthCalendarDays(anchor) {
+	const base = anchor instanceof Date && !Number.isNaN(anchor.getTime()) ? anchor : /* @__PURE__ */ new Date();
+	const y = base.getFullYear();
+	const m = base.getMonth();
+	const last = new Date(y, m + 1, 0).getDate();
+	return Array.from({ length: last }, (_, i) => new Date(y, m, i + 1));
+}
 function isHourInTimelineSlots(hour, hourSlots) {
 	if (!(hourSlots === null || hourSlots === void 0 ? void 0 : hourSlots.length)) return false;
 	return hourSlots.some((x) => Math.abs(x - hour) < 1e-6);
@@ -519,4 +529,4 @@ function getBookingDetailData(item, courtsList = []) {
 	};
 }
 //#endregion
-export { addDays, buildDayRowTopMap, buildOverlayBookings, clusterDayCourtOverlaysByOverlap, courtDaySummary, currentTimeLabel, dayAndHourToDayjs, dayOccupancy, dayOverlayHiddenKey, dayOverlayLaneMetrics, effectiveDayOverlayDisplayLaneCount, fmtDate, formatDateLoose, formatHourLabel, getBookingDetailData, getBookingSegmentForDate, getDisplayStatusTag, getLateMinutes, getViewNowReference, groupSelectedSlots, isFreeSelectionContiguousSameResource, isHourInTimelineSlots, maxConcurrentBookingsOnCourt, monthGrid, parseDate, rangeDays, sameSlot, startOfWeek, statusTagMetaParts };
+export { addDays, buildDayRowTopMap, buildOverlayBookings, clusterDayCourtOverlaysByOverlap, courtDaySummary, currentTimeLabel, dayAndHourToDayjs, dayOccupancy, dayOverlayHiddenKey, dayOverlayLaneMetrics, effectiveDayOverlayDisplayLaneCount, fmtDate, formatDateLoose, formatHourLabel, getBookingDetailData, getDisplayStatusTag, getLateMinutes, getViewNowReference, groupSelectedSlots, isFreeSelectionContiguousSameResource, isHourInTimelineSlots, maxConcurrentBookingsOnCourt, monthCalendarDays, monthGrid, parseDate, rangeDays, sameSlot, startOfWeek, statusTagMetaParts };

package/es/components/pisellRecordBoard/shellFrame/Calendar/utils/bookingCalendarSelectionUtils.js

@@ -0,0 +1,17 @@
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/utils/bookingCalendarSelectionUtils.ts
+/**
+* 资源视图选区是否「同一 court + 连续多天」：
+* 仅当满足时才允许 Block / Create Booking（与日视图「同 court 连续多小时」语义对应）。
+* 单天选中（n === 1）也算连续。
+*/
+function isResourceSelectionContiguousSameCourt(selections) {
+	if (selections.length === 0) return false;
+	const courtId = selections[0].courtId;
+	if (selections.some((s) => s.courtId !== courtId)) return false;
+	if (selections.length === 1) return true;
+	const dates = [...selections].map((s) => s.dateKey).sort().map((s) => new Date(s).getTime());
+	for (let i = 1; i < dates.length; i += 1) if (Math.round((dates[i] - dates[i - 1]) / 864e5) !== 1) return false;
+	return true;
+}
+//#endregion
+export { isResourceSelectionContiguousSameCourt };

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarDaySelectionBar.js

@@ -3,21 +3,25 @@ import { isFreeSelectionContiguousSameResource } from "../utils/bookingCalendarD
 import React from "react";
 //#region src/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarDaySelectionBar.tsx
 /** 日视图底部：多选空闲 / 锁台后的固定操作条 */
-function BookingCalendarDaySelectionBar({ slotStepHours, selectedFreeSlots, selectedBlockSlots, deselectAll, openSelectedBlocks, onOpenBlockPanel, createBookingFromSelection }) {
-	if (selectedFreeSlots.length === 0 && selectedBlockSlots.length === 0) return null;
+function BookingCalendarDaySelectionBar({ slotStepHours, selectedFreeSlots, resourceSelectionSummary, deselectAll, onOpenBlockPanel, createBookingFromSelection }) {
+	if (!(resourceSelectionSummary != null ? resourceSelectionSummary.freePickCount > 0 : selectedFreeSlots.length > 0)) return null;
+	/**
+	* 是否允许「Block」与「Create booking」操作。
+	* - 资源视图：仅当同一 court 连续多天 → `freeAllowsBlockPanel = true`
+	* - 日视图：仅当同一 court 连续小时槽 → `isFreeSelectionContiguousSameResource = true`
+	*
+	* Create booking 与 Block 共用判定：散乱选择不允许任何创建动作。
+	*/
+	const allowCreateOrBlock = resourceSelectionSummary != null ? resourceSelectionSummary.freeAllowsBlockPanel : isFreeSelectionContiguousSameResource(selectedFreeSlots, slotStepHours);
 	return /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-6 left-1/2 z-50 -translate-x-1/2" }, /* @__PURE__ */ React.createElement("div", { className: "flex max-w-[92vw] flex-wrap items-center justify-center gap-3 rounded-2xl border border-white/10 bg-black/55 px-4 py-3 shadow-2xl shadow-black/40 backdrop-blur-xl" }, /* @__PURE__ */ React.createElement("button", {
 		type: "button",
 		onClick: deselectAll,
 		className: "rounded-xl bg-red-500/85 px-4 py-2 text-sm font-semibold text-white"
-	}, tCal("pisell2.recordBoard.calendar.day.deselectAll")), selectedBlockSlots.length > 0 && /* @__PURE__ */ React.createElement("button", {
-		type: "button",
-		onClick: openSelectedBlocks,
-		className: "rounded-xl bg-zinc-500/90 px-5 py-3 text-sm font-semibold text-white"
-	}, tCal("pisell2.recordBoard.calendar.day.openSlot")), selectedFreeSlots.length > 0 && isFreeSelectionContiguousSameResource(selectedFreeSlots, slotStepHours) && /* @__PURE__ */ React.createElement("button", {
+	}, tCal("pisell2.recordBoard.calendar.day.deselectAll")), allowCreateOrBlock && /* @__PURE__ */ React.createElement("button", {
 		type: "button",
 		onClick: onOpenBlockPanel,
 		className: "rounded-xl bg-zinc-500/90 px-5 py-3 text-sm font-semibold text-white"
-	}, tCal("pisell2.recordBoard.calendar.day.block")), selectedFreeSlots.length > 0 && /* @__PURE__ */ React.createElement("button", {
+	}, tCal("pisell2.recordBoard.calendar.day.block")), allowCreateOrBlock && /* @__PURE__ */ React.createElement("button", {
 		type: "button",
 		onClick: createBookingFromSelection,
 		className: "rounded-xl bg-violet-600 px-6 py-3 text-sm font-semibold text-white"

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarDayView.js

@@ -5,7 +5,6 @@ import { tCal } from "../calendarI18n.js";
 import { currentTimeLabel, dayOccupancy, dayOverlayHiddenKey, dayOverlayLaneMetrics, formatHourLabel, getViewNowReference, parseDate } from "../utils/bookingCalendarDateUtils.js";
 import { BookingCard, getBlockMetaLine, getRemainingToneClass } from "../bookingCalendarViewShared.js";
 import { BookingCalendarGroupRowHeader } from "./BookingCalendarGroupRowHeader.js";
-import { BookingCalendarDaySelectionBar } from "./BookingCalendarDaySelectionBar.js";
 import { BookingCalendarDayChromeProvider } from "./bookingCalendarDayViewContext.js";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { ClockCircleOutlined } from "@ant-design/icons";
@@ -15,7 +14,7 @@ import { ClockCircleOutlined } from "@ant-design/icons";
 function BookingCalendarDayView(dayProps) {
 	var _props$timelineHeader, _props$timelineHeader2, _props$timelineHeader3;
 	const props = dayProps.calendarProps;
-	const { isLight, view, anchorDate, dayKey, hourSlots, resolvedSlotMinutes, slotColWidth, firstTimelineHour, endTimelineExclusive, isBusinessHour, dayHourRemaining, timelinePxPerHour, dayContentHeight, dayRowHeights, visibleCourtRows, overlayBookings, dayOverlayOverflowPluses, setCollapsedGroups, visibleCourts, bookings, slotStepHours, isFreeSelected, isBlockSelected, toggleSlot, handleDropMove, hiddenDayOverlayIdSet, courtDayDisplayLaneCount, openBookingDetail, setDraggingItem, setNavDirection, commitAnchor, setFocusedCourtId, setOverflowListModal, selectedFreeSlots, selectedBlockSlots, deselectAll, openSelectedBlocks, onOpenBlockPanel, createBookingFromSelection, focusedCourtId, dayTimelineScrollToNowToken } = dayProps;
+	const { isLight, view, anchorDate, dayKey, hourSlots, resolvedSlotMinutes, slotColWidth, firstTimelineHour, endTimelineExclusive, isBusinessHour, dayHourRemaining, timelinePxPerHour, dayContentHeight, dayRowHeights, visibleCourtRows, overlayBookings, dayOverlayOverflowPluses, setCollapsedGroups, visibleCourts, bookings, slotStepHours, isFreeSelected, isBlockSelected, toggleSlot, handleDropMove, hiddenDayOverlayIdSet, courtDayDisplayLaneCount, openBookingDetail, setDraggingItem, setNavDirection, commitAnchor, setFocusedCourtId, setOverflowListModal, selectedFreeSlots, selectedBlockSlots, focusedCourtId, dayTimelineScrollToNowToken } = dayProps;
 	const dayScrollRef = useRef(null);
 	const dayBodyGridRef = useRef(null);
 	const dayVirtRafRef = useRef(null);
@@ -495,7 +494,7 @@ function BookingCalendarDayView(dayProps) {
 					handleDropMove(row.id, dayKey, hour);
 				}
 			},
-			className: `relative flex h-full min-h-0 flex-col p-1 text-left transition outline-none ${isOccupied && !outsideBusiness ? "border-l-transparent border-b-transparent" : `border-b border-l ${isLight ? "theme-border" : "border-zinc-700"}`} ${outsideBusiness ? isLight ? "bg-slate-100 theme-text-faint" : "bg-zinc-800/80 text-zinc-500 border-zinc-700" : isBlock ? blockSelected ? "bg-red-500/25 border-red-400 ring-2 ring-red-400/60" : isLight ? "bg-red-50 border-red-200" : "bg-red-900/50 border-red-700/50" : isOccupied ? "bg-transparent" : freeSelected ? isLight ? "bg-violet-50 border-violet-300 ring-2 ring-violet-300/60" : "bg-white/10 border-violet-400 ring-2 ring-violet-400/60" : isLight ? "theme-grid-cell" : "bg-zinc-900 border-zinc-700"}`
+			className: `relative flex h-full min-h-0 flex-col p-1 text-left transition outline-none ${isOccupied && !outsideBusiness ? "border-l-transparent border-b-transparent" : `border-b border-l ${isLight ? "theme-border" : "border-zinc-700"}`} ${outsideBusiness ? isLight ? "bg-slate-100 theme-text-faint" : "bg-zinc-800/80 text-zinc-500 border-zinc-700" : isBlock ? blockSelected ? `bg-red-500/25 ring-1 ring-inset ring-red-400/75 border-b border-l ${isLight ? "theme-border" : "border-zinc-700"}` : isLight ? "bg-red-50 border-red-200" : "bg-red-900/50 border-red-700/50" : isOccupied ? "bg-transparent" : freeSelected ? isLight ? "bg-violet-50 ring-1 ring-inset ring-violet-400/75 border-b border-l theme-border" : "bg-white/10 ring-1 ring-inset ring-violet-400/70 border-b border-l border-zinc-700" : isLight ? "theme-grid-cell" : "bg-zinc-900 border-zinc-700"}`
 		}, outsideBusiness ? /* @__PURE__ */ React.createElement("div", { className: "flex h-full items-center justify-center rounded-xl border border-dashed border-zinc-700 text-xs text-zinc-500" }, tCal("pisell2.recordBoard.calendar.day.outsideHours")) : (item === null || item === void 0 ? void 0 : item.kind) === "block" ? /* @__PURE__ */ React.createElement("div", { className: "flex h-full w-full flex-col justify-center rounded-xl px-2.5 text-sm font-medium" }, /* @__PURE__ */ React.createElement("div", { className: "truncate" }, blockSelected ? tCal("pisell2.recordBoard.calendar.day.selectedBlock") : item.name), item.note && /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-xs text-zinc-300/90 truncate" }, item.note), getBlockMetaLine(item) && /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-[10px] text-zinc-400 truncate" }, getBlockMetaLine(item))) : !item ? /* @__PURE__ */ React.createElement("div", { className: `${CALENDAR_EMPTY_DASHED_SLOT_CLASSNAME} text-center ${isLight ? "border-[#d8d0eb] text-[#8f86a9]" : "border-zinc-700 text-zinc-500"}` }, freeSelected ? tCal("pisell2.recordBoard.calendar.day.selected") : null) : null);
 	})))), visibleDayOverlayBookings.map((booking) => {
 		var _booking$rowHeight, _courtDayDisplayLaneC;
@@ -578,15 +577,7 @@ function BookingCalendarDayView(dayProps) {
 			},
 			className: `flex h-full w-full items-center justify-center rounded-xl px-1.5 text-sm font-semibold text-white shadow-sm ${isLight ? "bg-zinc-500/90" : "bg-zinc-600/90"}`
 		}, "+", pill.plusCount));
-	})))), /* @__PURE__ */ React.createElement(BookingCalendarDaySelectionBar, {
-		slotStepHours,
-		selectedFreeSlots,
-		selectedBlockSlots,
-		deselectAll,
-		openSelectedBlocks,
-		onOpenBlockPanel,
-		createBookingFromSelection
-	}))));
+	})))))));
 }
 //#endregion
 export { BookingCalendarDayView };