@pisell/materials 1.8.41 → 1.8.43

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanelColorTab.js

@@ -0,0 +1,64 @@
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../../locales/index.js");
+const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_venueWallUtils = require("./venueWallUtils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanelColorTab.tsx
+/** 控制台「外观 / 颜色」分页：占用/空闲底色与六态表格 */
+const ResourceWallControlPanelColorTab = ({ adminSectionBg, adminInputBg, headerText, mutedText, divider, draftOcc, setDraftOcc, draftAvail, setDraftAvail, draftTones, setDraftTones }) => {
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("section", { className: `rounded-2xl border p-4 space-y-4 ${adminSectionBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-sm font-semibold ${headerText}` }, require_index.getText("pisell-resource-wall-tab-colors")), /* @__PURE__ */ react.default.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-occupied-card-color-label")), /* @__PURE__ */ react.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ react.default.createElement("input", {
+		type: "color",
+		value: draftOcc,
+		onChange: (e) => setDraftOcc(e.target.value),
+		className: `h-10 w-14 shrink-0 rounded-lg border p-1 ${adminInputBg}`
+	}), /* @__PURE__ */ react.default.createElement("input", {
+		type: "text",
+		value: draftOcc,
+		onChange: (e) => setDraftOcc(e.target.value),
+		className: `flex-1 rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
+	}))), /* @__PURE__ */ react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-available-card-color-label")), /* @__PURE__ */ react.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ react.default.createElement("input", {
+		type: "color",
+		value: draftAvail,
+		onChange: (e) => setDraftAvail(e.target.value),
+		className: `h-10 w-14 shrink-0 rounded-lg border p-1 ${adminInputBg}`
+	}), /* @__PURE__ */ react.default.createElement("input", {
+		type: "text",
+		value: draftAvail,
+		onChange: (e) => setDraftAvail(e.target.value),
+		className: `flex-1 rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
+	}))))), /* @__PURE__ */ react.default.createElement("section", { className: `overflow-hidden rounded-2xl border ${adminSectionBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `border-b px-4 py-3 text-sm font-semibold ${headerText} ${divider}` }, require_index.getText("pisell-resource-wall-status-table-title")), /* @__PURE__ */ react.default.createElement("div", { className: "grid grid-cols-[0.8fr_1fr_1.3fr_0.9fr_0.9fr] gap-3 border-b px-4 py-3 text-xs font-semibold text-slate-500" }, /* @__PURE__ */ react.default.createElement("div", null, require_index.getText("pisell-resource-wall-status-col-key")), /* @__PURE__ */ react.default.createElement("div", null, require_index.getText("pisell-resource-wall-status-col-label")), /* @__PURE__ */ react.default.createElement("div", null, require_index.getText("pisell-resource-wall-status-col-explain")), /* @__PURE__ */ react.default.createElement("div", null, require_index.getText("pisell-resource-wall-status-col-color")), /* @__PURE__ */ react.default.createElement("div", null, require_index.getText("pisell-resource-wall-status-col-notebg"))), require_venueWallUtils.VENUE_WALL_STATUS_KEYS.map((key) => {
+		const item = draftTones[key];
+		return /* @__PURE__ */ react.default.createElement("div", {
+			key,
+			className: `grid grid-cols-[0.8fr_1fr_1.3fr_0.9fr_0.9fr] items-center gap-3 border-b px-4 py-3 last:border-b-0 ${divider}`
+		}, /* @__PURE__ */ react.default.createElement("div", { className: `text-sm font-medium ${headerText}` }, require_index.getText(`pisell-resource-wall-status-id-${key}`)), /* @__PURE__ */ react.default.createElement("input", {
+			type: "text",
+			value: item.label,
+			onChange: (e) => setDraftTones((prev) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev), {}, { [key]: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev[key]), {}, { label: e.target.value }) })),
+			className: `w-full rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
+		}), /* @__PURE__ */ react.default.createElement("textarea", {
+			rows: 2,
+			value: item.note,
+			onChange: (e) => setDraftTones((prev) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev), {}, { [key]: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev[key]), {}, { note: e.target.value }) })),
+			className: `w-full resize-none rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
+		}), /* @__PURE__ */ react.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ react.default.createElement("input", {
+			type: "color",
+			value: item.color,
+			onChange: (e) => setDraftTones((prev) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev), {}, { [key]: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev[key]), {}, { color: e.target.value }) })),
+			className: `h-10 w-14 shrink-0 rounded-lg border p-1 ${adminInputBg}`
+		}), /* @__PURE__ */ react.default.createElement("input", {
+			type: "text",
+			value: item.color,
+			onChange: (e) => setDraftTones((prev) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev), {}, { [key]: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev[key]), {}, { color: e.target.value }) })),
+			className: `w-full rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
+		})), /* @__PURE__ */ react.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ react.default.createElement("input", {
+			type: "text",
+			value: item.noteBg,
+			onChange: (e) => setDraftTones((prev) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev), {}, { [key]: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev[key]), {}, { noteBg: e.target.value }) })),
+			className: `w-full rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
+		})));
+	})));
+};
+//#endregion
+exports.ResourceWallControlPanelColorTab = ResourceWallControlPanelColorTab;

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanelLayoutTab.js

@@ -0,0 +1,57 @@
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../../locales/index.js");
+const require_PisellNumber = require("../../../pisellNumber/PisellNumber.js");
+const require_PisellSingleSelect = require("../../../pisellSingleSelect/PisellSingleSelect.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanelLayoutTab.tsx
+/** 控制台「资源 / 布局」分页：预设、自定义行列、翻页停留、主文案宽度 */
+const ResourceWallControlPanelLayoutTab = ({ adminSectionBg, adminInputBg, headerText, mutedText, layoutPresets, draftLayoutKey, setDraftLayoutKey, draftCustomCols, setDraftCustomCols, draftCustomRows, setDraftCustomRows, draftPageSec, setDraftPageSec, draftHeroRatio, setDraftHeroRatio, carouselCur, carouselTot, isDark }) => {
+	return /* @__PURE__ */ react.default.createElement("section", { className: `rounded-2xl border p-4 space-y-4 ${adminSectionBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-sm font-semibold ${headerText}` }, require_index.getText("pisell-resource-wall-tab-layout")), /* @__PURE__ */ react.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-3" }, /* @__PURE__ */ react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-display-mode")), /* @__PURE__ */ react.default.createElement("div", { className: `w-full rounded-xl border px-3 py-2 ${adminInputBg}` }, require_index.getText("pisell-resource-wall-carousel-paging-mode"))), /* @__PURE__ */ react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-carousel-dwell-sec-label")), /* @__PURE__ */ react.default.createElement(require_PisellNumber.default, {
+		className: "w-full",
+		value: draftPageSec,
+		min: 3,
+		max: 60,
+		step: 1,
+		precision: 0,
+		onChange: (v) => setDraftPageSec(v == null ? 3 : Math.max(3, Math.min(60, Math.round(v))))
+	})), /* @__PURE__ */ react.default.createElement("div", { className: `rounded-2xl border p-3 ${adminInputBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-summary-pagination")), /* @__PURE__ */ react.default.createElement("div", { className: "text-sm font-semibold" }, require_index.getText("pisell-resource-wall-carousel-countdown-line").replace("{cur}", String(carouselCur)).replace("{tot}", String(carouselTot)).replace("{sec}", String(Math.max(3, draftPageSec)))))), /* @__PURE__ */ react.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3" }, /* @__PURE__ */ react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-layout-field-label")), /* @__PURE__ */ react.default.createElement(require_PisellSingleSelect.default, {
+		className: "w-full",
+		value: draftLayoutKey,
+		options: layoutPresets.map((item) => ({
+			value: item.key,
+			label: item.label
+		})),
+		placeholder: require_index.getText("pisell-resource-wall-layout-placeholder"),
+		allowClear: false,
+		onChange: (v) => {
+			if (v != null) setDraftLayoutKey(String(v));
+		}
+	})), /* @__PURE__ */ react.default.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-panel-custom-cols")), /* @__PURE__ */ react.default.createElement(require_PisellNumber.default, {
+		className: "w-full",
+		value: draftCustomCols,
+		min: 1,
+		max: 6,
+		step: 1,
+		precision: 0,
+		onChange: (v) => setDraftCustomCols(v == null ? 1 : Math.max(1, Math.min(6, Math.round(v))))
+	})), /* @__PURE__ */ react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-panel-custom-rows")), /* @__PURE__ */ react.default.createElement(require_PisellNumber.default, {
+		className: "w-full",
+		value: draftCustomRows,
+		min: 1,
+		max: 6,
+		step: 1,
+		precision: 0,
+		onChange: (v) => setDraftCustomRows(v == null ? 1 : Math.max(1, Math.min(6, Math.round(v))))
+	})))), /* @__PURE__ */ react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-hero-width-ratio")), /* @__PURE__ */ react.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ react.default.createElement("input", {
+		type: "range",
+		min: 40,
+		max: 80,
+		step: 1,
+		value: Math.round(draftHeroRatio * 100),
+		onChange: (e) => setDraftHeroRatio(Number(e.target.value) / 100),
+		className: "flex-1"
+	}), /* @__PURE__ */ react.default.createElement("div", { className: `${isDark ? "text-slate-200" : "text-slate-700"} text-sm font-semibold w-14 text-right` }, Math.round(draftHeroRatio * 100), "%")), /* @__PURE__ */ react.default.createElement("div", { className: `text-[11px] mt-2 ${mutedText}` }, require_index.getText("pisell-resource-wall-hero-width-hint"))));
+};
+//#endregion
+exports.ResourceWallControlPanelLayoutTab = ResourceWallControlPanelLayoutTab;

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallViewport.less

@@ -0,0 +1,88 @@
+/** 资源墙：多页轮播顶栏倒计时条（与翻页 interval 同周期） */
+@keyframes pisell-resource-wall-page-countdown {
+  0% {
+    transform: scaleX(0);
+  }
+  100% {
+    transform: scaleX(1);
+  }
+}
+
+.pisell-resource-wall-page-countdown-bar {
+  transform-origin: left center;
+  animation-name: pisell-resource-wall-page-countdown;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+
+/**
+ * 资源墙伪全屏：不调用 Fullscreen API。
+ * 通过给 `body` 打标记，选择器固定 `.pisell-shell-frame-body` 铺满视口（width/height 均为 100%）。
+ */
+body.pisell-resource-wall-fixed-viewport {
+  overflow: hidden !important;
+}
+
+body.pisell-resource-wall-fixed-viewport .pisell-shell-frame-body {
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  overflow: hidden;
+}
+
+/* 与视口根内联色一致，便于主题扩展时集中覆写（当前主色仍由 JS 注入） */
+.pisell-resource-wall-shell {
+  --pisell-rw-page-bg-light: #f5f7fb;
+  --pisell-rw-page-bg-dark: #0f172a;
+  --pisell-rw-header-bg-light: #ffffff;
+  --pisell-rw-header-bg-dark: #1e293b;
+}
+
+/** 资源墙视口顶栏：桌面单行；窄屏允许日期与操作区分行 */
+.pisell-resource-wall-viewport-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 16px 24px;
+
+  &__clock {
+    font-size: 22px;
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    min-width: 0;
+  }
+
+  &__actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+    min-width: 0;
+  }
+
+  @media (max-width: 768px) {
+    flex-wrap: wrap;
+    align-items: flex-start;
+    padding: 12px 16px;
+    gap: 10px;
+
+    &__clock {
+      flex: 1 1 100%;
+      width: 100%;
+    }
+
+    &__actions {
+      flex: 1 1 100%;
+      width: 100%;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+    }
+  }
+}

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallViewportToolbar.js

@@ -0,0 +1,85 @@
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../../locales/index.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallViewportToolbar.tsx
+/** 资源墙顶栏：时钟、浅深切换、伪全屏、控制台入口 */
+const ResourceWallViewportToolbar = ({ now, appearanceMode, onAppearanceModeChange, pseudoFullscreen, onTogglePseudoFullscreen, onOpenControlPanel, headerBorder, headerBg, clockColor, mutedText, toolbarBtnBorder, toolbarBtnBg, toolbarBtnBgActive }) => /* @__PURE__ */ react.default.createElement("div", {
+	className: "pisell-resource-wall-viewport-toolbar",
+	style: {
+		flexShrink: 0,
+		borderBottom: headerBorder,
+		background: headerBg
+	}
+}, /* @__PURE__ */ react.default.createElement("div", {
+	className: "pisell-resource-wall-viewport-toolbar__clock",
+	style: { color: clockColor }
+}, now.toLocaleTimeString([], {
+	hour: "2-digit",
+	minute: "2-digit",
+	hour12: false
+}), " ", "·", " ", now.toLocaleDateString("en-GB", {
+	day: "2-digit",
+	month: "short",
+	year: "numeric"
+})), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-resource-wall-viewport-toolbar__actions" }, /* @__PURE__ */ react.default.createElement("div", { style: {
+	display: "inline-flex",
+	alignItems: "center",
+	borderRadius: 6,
+	border: toolbarBtnBorder,
+	overflow: "hidden",
+	background: toolbarBtnBg
+} }, /* @__PURE__ */ react.default.createElement("button", {
+	type: "button",
+	onClick: () => onAppearanceModeChange("light"),
+	style: {
+		border: "none",
+		padding: "6px 12px",
+		fontSize: 13,
+		fontWeight: 500,
+		cursor: "pointer",
+		background: appearanceMode === "light" ? toolbarBtnBgActive : "transparent",
+		color: appearanceMode === "light" ? clockColor : mutedText
+	}
+}, require_index.getText("pisell-resource-wall-appearance-light")), /* @__PURE__ */ react.default.createElement("button", {
+	type: "button",
+	onClick: () => onAppearanceModeChange("dark"),
+	style: {
+		border: "none",
+		borderLeft: toolbarBtnBorder,
+		padding: "6px 12px",
+		fontSize: 13,
+		fontWeight: 500,
+		cursor: "pointer",
+		background: appearanceMode === "dark" ? toolbarBtnBgActive : "transparent",
+		color: appearanceMode === "dark" ? clockColor : mutedText
+	}
+}, require_index.getText("pisell-resource-wall-appearance-dark"))), /* @__PURE__ */ react.default.createElement("button", {
+	type: "button",
+	onClick: onTogglePseudoFullscreen,
+	style: {
+		borderRadius: 6,
+		padding: "6px 14px",
+		fontSize: 13,
+		fontWeight: 500,
+		cursor: "pointer",
+		border: toolbarBtnBorder,
+		background: pseudoFullscreen ? toolbarBtnBgActive : toolbarBtnBg,
+		color: clockColor
+	}
+}, pseudoFullscreen ? require_index.getText("pisell-resource-wall-fullscreen-exit") : require_index.getText("pisell-resource-wall-fullscreen-enter")), /* @__PURE__ */ react.default.createElement("button", {
+	type: "button",
+	onClick: onOpenControlPanel,
+	style: {
+		borderRadius: 6,
+		padding: "6px 14px",
+		fontSize: 13,
+		fontWeight: 500,
+		cursor: "pointer",
+		border: toolbarBtnBorder,
+		background: toolbarBtnBg,
+		color: clockColor
+	}
+}, require_index.getText("pisell-resource-wall-control-open"))));
+//#endregion
+exports.ResourceWallViewportToolbar = ResourceWallViewportToolbar;

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/VenueWallCard.js

@@ -0,0 +1,220 @@
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../../locales/index.js");
+const require_venueWallUtils = require("./venueWallUtils.js");
+const require_NoteTicker = require("./NoteTicker.js");
+const require_venueWallCardPresentation = require("./venueWallCardPresentation.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+require("./VenueWallCard.less");
+//#region src/components/pisellRecordBoard/shellFrame/ResourceWall/VenueWallCard.tsx
+/**
+* 将服务端给出的「整分钟」计数与收到时的墙钟对齐，随 `now` 递减；
+* `value` 或 `resourceId` 从上游变更时重新锚定。
+*/
+function useDriftMinutesFromEpoch(value, resourceId, now, allowNegative = false) {
+	const [epoch, setEpoch] = (0, react.useState)(() => ({
+		min: value !== null && value !== void 0 ? value : 0,
+		at: Date.now()
+	}));
+	(0, react.useEffect)(() => {
+		setEpoch({
+			min: value !== null && value !== void 0 ? value : 0,
+			at: Date.now()
+		});
+	}, [resourceId, value]);
+	const elapsedMs = now - epoch.at;
+	const precise = epoch.min - elapsedMs / 6e4;
+	const drifted = epoch.min - Math.floor(elapsedMs / 6e4);
+	return {
+		whole: allowNegative ? drifted : Math.max(0, drifted),
+		precise: allowNegative ? precise : Math.max(0, precise)
+	};
+}
+/**
+* 迟到分钟等：自服务给出的整分起，随 `now` 递增；`value` 或 `resourceId` 变化时重锚定。
+*/
+function useDriftAccumulatedMinutesFromEpoch(value, resourceId, now) {
+	const [epoch, setEpoch] = (0, react.useState)(() => ({
+		min: value !== null && value !== void 0 ? value : 0,
+		at: Date.now()
+	}));
+	(0, react.useEffect)(() => {
+		setEpoch({
+			min: value !== null && value !== void 0 ? value : 0,
+			at: Date.now()
+		});
+	}, [resourceId, value]);
+	return epoch.min + Math.floor((now - epoch.at) / 6e4);
+}
+/** 下一预约行里「无数据」占位（不展示联系人兜底） */
+const NEXT_LIST_PLACEHOLDER_VALUES = new Set([
+	"",
+	"-",
+	"–",
+	"—",
+	"―",
+	"—",
+	"–"
+]);
+function nextListFieldIsMeaningful(raw) {
+	const s = String(raw !== null && raw !== void 0 ? raw : "").trim();
+	if (!s) return false;
+	return !NEXT_LIST_PLACEHOLDER_VALUES.has(s);
+}
+const DEFAULT_OCCUPIED = "#6f4ae6";
+/** 空闲态卡片主色（淡灰，随 alpha 打底条等） */
+const DEFAULT_AVAILABLE = "#94a3b8";
+function VenueWallCardInner({ card, wallNowMs, boardingSoonBeforeMin = 10, occupiedCardColor = DEFAULT_OCCUPIED, availableCardColor = DEFAULT_AVAILABLE, statusToneMap: statusToneMapProp, appearance = "light" }) {
+	var _card$nextList, _card$resource, _card$area;
+	const toneMap = statusToneMapProp !== null && statusToneMapProp !== void 0 ? statusToneMapProp : require_venueWallUtils.getVenueWallStatusToneMap();
+	const isDark = appearance === "dark";
+	const idleMain = isDark ? "#e2e8f0" : "#0f172a";
+	const idleSub = isDark ? "#94a3b8" : "#94a3b8";
+	const { whole: liveRemainingMin, precise: liveRemainingPreciseMin } = useDriftMinutesFromEpoch(card.remainingMin, card.resourceId, wallNowMs, true);
+	const { whole: liveStartsInMin } = useDriftMinutesFromEpoch(card.startsInMin, card.resourceId, wallNowMs, false);
+	const liveLateMin = useDriftAccumulatedMinutesFromEpoch(card.lateMin, card.resourceId, wallNowMs);
+	const { floorLikeStatus, headerStatusKey, headerStatusLabel, headerStatusColor, cardVariant, mainColor, subColor, surfaceAccentColor, primaryEmphasisLine, primaryEmphasisColor, timeRangeLine, contactLine, showProgress, progress, progressColor, showEndingSoonMarquee, marqueeText, marqueeColor, marqueeShellBackground } = (0, react.useMemo)(() => require_venueWallCardPresentation.buildVenueWallCardPresentation({
+		card,
+		toneMap,
+		wallNowMs,
+		liveRemainingMin,
+		liveRemainingPreciseMin,
+		liveStartsInMin,
+		liveLateMin,
+		boardingSoonBeforeMin,
+		idleMain,
+		idleSub,
+		occupiedCardColor,
+		availableCardColor
+	}), [
+		card,
+		toneMap,
+		wallNowMs,
+		liveRemainingMin,
+		liveRemainingPreciseMin,
+		liveStartsInMin,
+		liveLateMin,
+		boardingSoonBeforeMin,
+		idleMain,
+		idleSub,
+		occupiedCardColor,
+		availableCardColor
+	]);
+	const nextItem = (_card$nextList = card.nextList) === null || _card$nextList === void 0 ? void 0 : _card$nextList[0];
+	const nextTimeMeaningful = nextItem ? nextListFieldIsMeaningful(nextItem.time) : false;
+	const nextContactMeaningful = nextItem ? nextListFieldIsMeaningful(nextItem.booking) : false;
+	/** 当前区为「未开始」预约：{@link RecordBoardResourceWallCardModel.wallUseNextLabelHideNextRow} 为真时不渲染下方 Next 条带 */
+	const showNextSection = Boolean(nextItem && (nextTimeMeaningful || nextContactMeaningful)) && !card.wallUseNextLabelHideNextRow;
+	const useNextAsCurrentTitle = Boolean(card.wallUseNextLabelHideNextRow);
+	const nextTimeSoloLarge = nextTimeMeaningful && !nextContactMeaningful;
+	const cardBg = cardVariant === "occupied" ? `linear-gradient(180deg, ${require_venueWallUtils.alphaColor(occupiedCardColor, .96)} 0%, ${require_venueWallUtils.alphaColor(occupiedCardColor, .88)} 100%)` : require_venueWallUtils.alphaColor(surfaceAccentColor, floorLikeStatus === "reserved" ? .06 : .03);
+	const cardBorder = cardVariant === "occupied" ? require_venueWallUtils.alphaColor(occupiedCardColor, .5) : require_venueWallUtils.alphaColor(surfaceAccentColor, .18);
+	const moduleBorder = cardVariant === "occupied" ? "rgba(255,255,255,0.10)" : require_venueWallUtils.alphaColor(surfaceAccentColor, .2);
+	const currentPanelBg = cardVariant === "occupied" ? "rgba(255,255,255,0.16)" : require_venueWallUtils.alphaColor(surfaceAccentColor, floorLikeStatus === "reserved" ? .18 : .2);
+	/**
+	* 「当前预约」区块标题 / 时段 / 联系人：
+	* - 占用卡：纯白
+	* - 预约中（Reserved）：主色 slate 略透明，比纯黑柔和、仍明显强于 subColor
+	* - 空闲等：沿用 subColor
+	*/
+	const currentSectionInk = cardVariant === "occupied" ? "#ffffff" : floorLikeStatus === "reserved" ? require_venueWallUtils.alphaColor(idleMain, .78) : subColor;
+	const nextPanelBg = cardVariant === "occupied" ? "rgba(255,255,255,0.04)" : require_venueWallUtils.alphaColor(surfaceAccentColor, floorLikeStatus === "reserved" ? .1 : .08);
+	/** 预约中：Next 区联系人/时段与「当前预约」区一致，用主字色半透明，避免仅 subColor 发灰 */
+	const nextSectionInk = cardVariant === "occupied" ? subColor : floorLikeStatus === "reserved" ? require_venueWallUtils.alphaColor(idleMain, .78) : subColor;
+	const resourceTitleLabel = String((_card$resource = card.resource) !== null && _card$resource !== void 0 ? _card$resource : "").trim();
+	String((_card$area = card.area) !== null && _card$area !== void 0 ? _card$area : "").trim();
+	const headerStatusClass = `pisell-resource-wall-card__header-status--${headerStatusKey}`;
+	/**
+	* 5 态胶囊：
+	* - empty / reserved：沿用旧 accent 描边样式（颜色取 tone）
+	* - late：accent 卡上浮红描边 + 红字（与一档强调色同源）
+	* - occupied（inUse / endingSoon）：白字白描边白底（沿用旧占用样式）
+	* - expired：占用卡上以红色实心胶囊 + 白字（与倒计时红同色相）
+	*/
+	const headerStatusStyle = (() => {
+		if (headerStatusKey === "empty") return { color: headerStatusColor };
+		if (headerStatusKey === "reserved" || headerStatusKey === "late") return { color: headerStatusColor };
+		if (headerStatusKey === "expired") return {
+			color: "#ffffff",
+			background: headerStatusColor
+		};
+		return { color: "#ffffff" };
+	})();
+	return /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card",
+		style: {
+			background: cardBg,
+			borderColor: cardBorder,
+			boxShadow: isDark ? "0 18px 48px rgba(0,0,0,0.35)" : "0 18px 48px rgba(15,23,42,0.06)"
+		}
+	}, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-resource-wall-card__scale-root" }, /* @__PURE__ */ react.default.createElement("div", { className: `pisell-resource-wall-card__grid ${showNextSection ? "pisell-resource-wall-card__grid--with-next" : "pisell-resource-wall-card__grid--no-next"}` }, /* @__PURE__ */ react.default.createElement("header", { className: "pisell-resource-wall-card__header" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-resource-wall-card__header-main" }, null, /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__header-name",
+		style: { color: mainColor }
+	}, resourceTitleLabel || "\xA0")), /* @__PURE__ */ react.default.createElement("div", {
+		className: `pisell-resource-wall-card__header-status ${headerStatusClass}`,
+		style: headerStatusStyle
+	}, headerStatusLabel)), /* @__PURE__ */ react.default.createElement("section", {
+		className: `pisell-resource-wall-card__panel${cardVariant === "occupied" ? " pisell-resource-wall-card__panel--occupied-current" : floorLikeStatus === "reserved" ? " pisell-resource-wall-card__panel--reserved-current" : ""}`,
+		style: {
+			borderColor: cardVariant === "occupied" ? "rgba(255,255,255,0.28)" : moduleBorder,
+			background: currentPanelBg,
+			minHeight: 0
+		}
+	}, /* @__PURE__ */ react.default.createElement("div", {
+		className: `pisell-resource-wall-card__section-title${cardVariant === "occupied" ? " pisell-resource-wall-card__section-title--occupied-current" : floorLikeStatus === "reserved" ? " pisell-resource-wall-card__section-title--reserved-current" : ""}`,
+		style: { color: currentSectionInk }
+	}, require_index.getText(useNextAsCurrentTitle ? "pisell-resource-wall-card-label-next" : "pisell-resource-wall-card-label-current")), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-resource-wall-card__current-body" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-resource-wall-card__current-main" }, timeRangeLine ? /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__tier2",
+		style: { color: currentSectionInk }
+	}, timeRangeLine) : null, contactLine ? /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__tier2",
+		style: { color: currentSectionInk }
+	}, contactLine) : null), primaryEmphasisLine || showProgress || showEndingSoonMarquee && marqueeText || floorLikeStatus === "empty" ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-resource-wall-card__current-footer" }, floorLikeStatus === "empty" ? /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__current-footer-emphasis pisell-resource-wall-card__tier2",
+		style: { color: currentSectionInk }
+	}, require_index.getText("pisell-resource-wall-card-current-not-in-use")) : null, primaryEmphasisLine ? /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__current-footer-emphasis pisell-resource-wall-card__tier1",
+		style: { color: primaryEmphasisColor }
+	}, primaryEmphasisLine) : null, showProgress ? /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__progress-wrap",
+		style: { background: cardVariant === "occupied" ? "rgba(255,255,255,0.14)" : "rgba(148,163,184,0.18)" }
+	}, /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__progress-fill",
+		style: {
+			width: `${progress}%`,
+			background: progressColor
+		}
+	})) : null, showEndingSoonMarquee && marqueeText ? /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__marquee-shell",
+		style: { background: marqueeShellBackground }
+	}, /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__tier3",
+		style: { color: marqueeColor }
+	}, /* @__PURE__ */ react.default.createElement(require_NoteTicker.NoteTicker, {
+		text: marqueeText,
+		color: marqueeColor,
+		duration: 24,
+		shouldMarquee: marqueeText.length > 32
+	}))) : null) : null)), showNextSection ? /* @__PURE__ */ react.default.createElement("section", {
+		className: `pisell-resource-wall-card__panel${floorLikeStatus === "reserved" ? " pisell-resource-wall-card__panel--reserved-next" : ""}`,
+		style: {
+			borderColor: moduleBorder,
+			background: nextPanelBg,
+			minHeight: 0
+		}
+	}, /* @__PURE__ */ react.default.createElement("div", {
+		className: `pisell-resource-wall-card__section-title${floorLikeStatus === "reserved" ? " pisell-resource-wall-card__section-title--reserved-next" : ""}`,
+		style: { color: nextSectionInk }
+	}, require_index.getText("pisell-resource-wall-card-label-next")), /* @__PURE__ */ react.default.createElement("div", { className: `pisell-resource-wall-card__next-stack${nextContactMeaningful && nextTimeMeaningful ? " pisell-resource-wall-card__next-stack--both-lines" : ""}` }, nextContactMeaningful && nextItem ? /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-resource-wall-card__tier2",
+		style: { color: nextSectionInk }
+	}, String(nextItem.booking).trim()) : null, nextTimeMeaningful && nextItem ? /* @__PURE__ */ react.default.createElement("div", {
+		className: nextTimeSoloLarge ? "pisell-resource-wall-card__next-time-solo" : "pisell-resource-wall-card__tier2",
+		style: { color: nextSectionInk }
+	}, String(nextItem.time).trim()) : null)) : null)));
+}
+/** 单块场地大屏卡：漂移与文案由 {@link buildVenueWallCardPresentation} 统一计算 */
+const VenueWallCard = react.default.memo(VenueWallCardInner);
+VenueWallCard.displayName = "VenueWallCard";
+//#endregion
+exports.VenueWallCard = VenueWallCard;