@ninthforge/scheduler 0.0.0-stage → 1.0.0-rc.1

package/dist/index.js

@@ -0,0 +1,3724 @@
+// src/Scheduler.tsx
+import * as React6 from "react";
+
+// src/version.ts
+var VERSION = "1.0.0-rc.1";
+
+// src/Scheduler.tsx
+import { useEffect as useEffect4, useLayoutEffect, useMemo as useMemo2, useRef as useRef3, useState as useState5 } from "react";
+
+// ../core/dist/chunk-ZAYD57MJ.js
+var MAX = 80;
+function clean(value) {
+  const s = String(value ?? "").replace(/[\u0000-\u001f\u007f]+/g, " ").trim();
+  return s.length > MAX ? `${s.slice(0, MAX - 1)}\u2026` : s;
+}
+function envOf(win) {
+  if (win) return win;
+  return typeof window === "undefined" ? {} : window;
+}
+function ancestors(env) {
+  try {
+    const list = env.location?.ancestorOrigins;
+    return list ? Array.from(list, String) : [];
+  } catch {
+    return [];
+  }
+}
+function hostnameOf(origin) {
+  return origin.replace(/^[a-z]+:\/\//i, "").replace(/[:/].*$/, "").toLowerCase();
+}
+var endsWith = (host, suffix) => host === suffix || host.endsWith(`.${suffix}`);
+function detectHost(win) {
+  const env = envOf(win);
+  const xrm = env.Xrm;
+  if (xrm) {
+    try {
+      if (xrm.Utility?.getPageContext?.()?.input?.pageType === "custom") return "custom page";
+    } catch {
+    }
+    return "model-driven";
+  }
+  const up = ancestors(env).map(hostnameOf);
+  if (up.some((h) => endsWith(h, "powerbi.com") || endsWith(h, "fabric.microsoft.com"))) return "Power BI";
+  const host = (env.location?.hostname ?? "").toLowerCase();
+  if (endsWith(host, "powerbi.com")) return "Power BI";
+  if (up.some((h) => endsWith(h, "dynamics.com"))) return "custom page";
+  if (host.startsWith("authoring.") && endsWith(host, "powerapps.com")) return "canvas (Studio)";
+  if (endsWith(host, "powerapps.com") || endsWith(host, "powerplatformusercontent.com")) return "canvas";
+  return "web page";
+}
+var BRANDS = [
+  [/Edg(?:e|A|iOS)?\/(\d+)/, "Edge"],
+  [/OPR\/(\d+)/, "Opera"],
+  [/Firefox\/(\d+)/, "Firefox"],
+  [/FxiOS\/(\d+)/, "Firefox"],
+  [/CriOS\/(\d+)/, "Chrome"],
+  [/Chrome\/(\d+)/, "Chrome"],
+  [/Version\/(\d+)[.\d]* (?:Mobile\/\S+ )?Safari\//, "Safari"]
+];
+var PLATFORMS = [
+  [/iPhone|iPad|iPod/, "iOS"],
+  [/Android/, "Android"],
+  [/Windows/, "Windows"],
+  [/Mac OS X|Macintosh/, "macOS"],
+  [/CrOS/, "ChromeOS"],
+  [/Linux/, "Linux"]
+];
+function describeBrowser(win) {
+  const nav = envOf(win).navigator;
+  const ua = nav?.userAgent ?? "";
+  let name = "";
+  for (const [re, brand2] of BRANDS) {
+    const m = re.exec(ua);
+    if (m) {
+      name = `${brand2} ${m[1]}`;
+      break;
+    }
+  }
+  if (!name) {
+    const brands = nav?.userAgentData?.brands ?? [];
+    const b = brands.find((x) => !/not.?a.?brand|chromium/i.test(x.brand)) ?? brands[0];
+    name = b ? `${b.brand.replace("Microsoft ", "")} ${b.version}` : "Unknown browser";
+  }
+  const platform = PLATFORMS.find(([re]) => re.test(ua))?.[1] ?? nav?.userAgentData?.platform;
+  return clean(platform ? `${name} on ${platform}` : name);
+}
+function offsetLabel(minutes) {
+  const sign = minutes < 0 ? "\u2212" : "+";
+  const abs = Math.abs(minutes);
+  return `UTC${sign}${String(Math.floor(abs / 60)).padStart(2, "0")}:${String(abs % 60).padStart(2, "0")}`;
+}
+function licenceOf(l) {
+  if (!l) return { state: "not checked" };
+  const p = l.payload ?? void 0;
+  let state = clean(l.status) || "unknown";
+  if ((state === "valid" || state === "unverifiable") && p?.tier === "trial") state = "trial";
+  else if (state === "unverifiable") state = "valid (browser cannot verify)";
+  const out = { state };
+  if (p?.org) out.org = clean(p.org);
+  if (p?.exp && /^\d{4}-\d{2}-\d{2}$/.test(p.exp)) out.expires = p.exp;
+  return out;
+}
+function propertiesOf(p) {
+  if (!p) return [];
+  if (Array.isArray(p)) return p.map(clean).filter(Boolean);
+  return Object.keys(p).map((name) => {
+    const column = p[name];
+    return column ? `${clean(name)} \u2192 ${clean(column)}` : `${clean(name)} (not mapped)`;
+  }).filter(Boolean);
+}
+function collectDiagnostics(input, win) {
+  const env = envOf(win);
+  const now = input.now ?? /* @__PURE__ */ new Date();
+  let locale = clean(env.navigator?.language);
+  let zone = "";
+  try {
+    const opts = Intl.DateTimeFormat().resolvedOptions();
+    if (!locale) locale = opts.locale;
+    else if (opts.locale && opts.locale !== locale) locale = `${locale} (formats ${opts.locale})`;
+    zone = opts.timeZone ?? "";
+  } catch {
+  }
+  const offset = offsetLabel(-now.getTimezoneOffset());
+  const extra = Object.keys(input.extra ?? {}).filter((k) => input.extra[k] !== void 0 && input.extra[k] !== null).map((k) => [clean(k), clean(input.extra[k])]);
+  const d = {
+    product: clean(input.product),
+    control: clean(input.control),
+    version: clean(input.version),
+    licence: licenceOf(input.licence),
+    host: input.host ?? detectHost(env),
+    browser: describeBrowser(env),
+    locale: locale || "unknown",
+    timeZone: zone ? `${clean(zone)} (${offset})` : offset,
+    properties: propertiesOf(input.properties),
+    extra,
+    at: now.toISOString().replace(/\.\d{3}Z$/, "Z")
+  };
+  if (typeof input.rows === "number" && Number.isFinite(input.rows)) d.rows = Math.max(0, Math.round(input.rows));
+  return d;
+}
+function formatDiagnostics(d) {
+  const lic = [d.licence.state, d.licence.org, d.licence.expires && `expires ${d.licence.expires}`].filter(Boolean).join(" \xB7 ");
+  const lines = [
+    "Ninth Forge diagnostics",
+    `Product: ${d.product} \xB7 ${d.control} ${d.version}`,
+    `Licence: ${lic}`,
+    `Host: ${d.host}`,
+    `Browser: ${d.browser}`,
+    `Locale: ${d.locale}`,
+    `Time zone: ${d.timeZone}`,
+    `Properties: ${d.properties.length ? d.properties.join(", ") : "none mapped"}`
+  ];
+  if (d.rows !== void 0) lines.push(`Rows: ${d.rows}`);
+  for (const [k, v] of d.extra) lines.push(`${k}: ${v}`);
+  lines.push(`Copied: ${d.at}`);
+  return lines.join("\n");
+}
+async function copyText(text2, win) {
+  const env = win ?? (typeof window === "undefined" ? {} : window);
+  const fallback = () => {
+    const doc = env.document;
+    if (!doc?.body) return false;
+    const active = doc.activeElement;
+    const area = doc.createElement("textarea");
+    area.value = text2;
+    area.setAttribute("readonly", "");
+    area.setAttribute("aria-hidden", "true");
+    area.style.cssText = "position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none";
+    doc.body.appendChild(area);
+    let ok = false;
+    try {
+      area.select();
+      ok = doc.execCommand("copy");
+    } catch {
+      ok = false;
+    }
+    area.remove();
+    active?.focus?.();
+    return ok;
+  };
+  const write = env.navigator?.clipboard?.writeText;
+  if (write) {
+    try {
+      await write.call(env.navigator.clipboard, text2);
+      return true;
+    } catch {
+      return fallback();
+    }
+  }
+  return fallback();
+}
+var DIAGNOSTICS_COPIED = "Diagnostics copied. Paste them into your e-mail to support.";
+var DIAGNOSTICS_NOT_COPIED = "Couldn't copy diagnostics. Your browser blocked the clipboard.";
+async function copyDiagnostics(input, win) {
+  const text2 = formatDiagnostics(collectDiagnostics(input, win));
+  const ok = await copyText(text2, win);
+  return { ok, text: text2, message: ok ? DIAGNOSTICS_COPIED : DIAGNOSTICS_NOT_COPIED };
+}
+
+// ../core/dist/index.js
+var DAY_MS = 864e5;
+var ISO = /^(\d{4})-(\d{2})-(\d{2})/;
+var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+var MONTHS_LONG = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var WEEKDAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+function toDay(iso3) {
+  if (!iso3) return NaN;
+  const m = ISO.exec(iso3);
+  if (!m) return NaN;
+  const y = Number(m[1]);
+  const mo = Number(m[2]);
+  const d = Number(m[3]);
+  if (mo < 1 || mo > 12 || d < 1 || d > 31) return NaN;
+  return Math.round(Date.UTC(y, mo - 1, d) / DAY_MS);
+}
+function weekday(day) {
+  return ((day + 3) % 7 + 7) % 7;
+}
+function parts(day) {
+  const d = new Date(day * DAY_MS);
+  return { year: d.getUTCFullYear(), month: d.getUTCMonth(), date: d.getUTCDate() };
+}
+function dayOf(year, month, date = 1) {
+  return Math.round(Date.UTC(year, month, date) / DAY_MS);
+}
+function startOfMonth(day) {
+  const p = parts(day);
+  return dayOf(p.year, p.month, 1);
+}
+function isWorkingDay(day, week = "mon-fri") {
+  return week === "all" || weekday(day) < 5;
+}
+function workingDaysBetween(start, end, week = "mon-fri") {
+  if (Number.isNaN(start) || Number.isNaN(end) || end < start) return 0;
+  const total = end - start + 1;
+  if (week === "all") return total;
+  const full = Math.floor(total / 7);
+  let count = full * 5;
+  for (let d = start + full * 7; d <= end; d++) if (isWorkingDay(d, week)) count++;
+  return count;
+}
+var MINUTE = 6e4;
+var UTC = () => 0;
+function fixedZone(minutesEast) {
+  return () => minutesEast;
+}
+function browserZone() {
+  return (ms) => -new Date(ms).getTimezoneOffset() || 0;
+}
+var formatters = /* @__PURE__ */ new Map();
+function ianaZone(name) {
+  let fmt = formatters.get(name);
+  if (!fmt) {
+    fmt = new Intl.DateTimeFormat("en-US", {
+      timeZone: name,
+      hourCycle: "h23",
+      year: "numeric",
+      month: "numeric",
+      day: "numeric",
+      hour: "numeric",
+      minute: "numeric",
+      second: "numeric"
+    });
+    formatters.set(name, fmt);
+  }
+  const f = fmt;
+  return (ms) => {
+    const p = {};
+    for (const part of f.formatToParts(new Date(ms))) if (part.type !== "literal") p[part.type] = Number(part.value);
+    const wall = Date.UTC(p.year, p.month - 1, p.day, p.hour === 24 ? 0 : p.hour, p.minute, p.second);
+    return Math.round((wall - Math.floor(ms / 1e3) * 1e3) / MINUTE);
+  };
+}
+function pcfZone(getOffset, sign = 1) {
+  return (ms) => sign * getOffset(new Date(ms)) || 0;
+}
+var MINUTE2 = 6e4;
+var HOUR = 36e5;
+var DAY = 864e5;
+function instantToWall(ms, zone) {
+  const t = new Date(ms + zone(ms) * MINUTE2);
+  return { y: t.getUTCFullYear(), m: t.getUTCMonth() + 1, d: t.getUTCDate(), h: t.getUTCHours(), min: t.getUTCMinutes(), s: t.getUTCSeconds() };
+}
+function wallToInstant(w, zone) {
+  const local = Date.UTC(w.y, w.m - 1, w.d, w.h ?? 0, w.min ?? 0, w.s ?? 0);
+  const before = zone(local - DAY);
+  const after = zone(local + DAY);
+  const tBefore = local - before * MINUTE2;
+  if (before === after) return tBefore;
+  const tAfter = local - after * MINUTE2;
+  const okBefore = zone(tBefore) === before;
+  const okAfter = zone(tAfter) === after;
+  if (okBefore && okAfter) return Math.min(tBefore, tAfter);
+  if (okBefore) return tBefore;
+  if (okAfter) return tAfter;
+  return tBefore;
+}
+function instantToDay(ms, zone) {
+  const w = instantToWall(ms, zone);
+  return Math.round(Date.UTC(w.y, w.m - 1, w.d) / DAY);
+}
+function dayToInstant(day, zone) {
+  const t = new Date(day * DAY);
+  return wallToInstant({ y: t.getUTCFullYear(), m: t.getUTCMonth() + 1, d: t.getUTCDate() }, zone);
+}
+function addDaysIn(ms, n, zone) {
+  const w = instantToWall(ms, zone);
+  const t = new Date(Date.UTC(w.y, w.m - 1, w.d + n));
+  return wallToInstant({ y: t.getUTCFullYear(), m: t.getUTCMonth() + 1, d: t.getUTCDate(), h: w.h, min: w.min, s: w.s }, zone);
+}
+function atHour(day, hours, zone) {
+  const t = new Date(day * DAY);
+  const whole = Math.floor(hours);
+  const min = Math.round((hours - whole) * 60);
+  return wallToInstant({ y: t.getUTCFullYear(), m: t.getUTCMonth() + 1, d: t.getUTCDate(), h: whole, min }, zone);
+}
+function snap(ms, minutes, zone, dir = "nearest") {
+  if (minutes <= 0) return ms;
+  const w = instantToWall(ms, zone);
+  const ofDay = w.h * 60 + w.min + w.s / 60 + ms % 1e3 / 6e4;
+  const steps = ofDay / minutes;
+  const n = dir === "floor" ? Math.floor(steps) : dir === "ceil" ? Math.ceil(steps) : Math.round(steps);
+  const target = n * minutes;
+  const t = new Date(Date.UTC(w.y, w.m - 1, w.d, 0, target));
+  return wallToInstant({ y: t.getUTCFullYear(), m: t.getUTCMonth() + 1, d: t.getUTCDate(), h: t.getUTCHours(), min: t.getUTCMinutes() }, zone);
+}
+function timeLabel(ms, zone) {
+  const w = instantToWall(ms, zone);
+  return `${String(w.h).padStart(2, "0")}:${String(w.min).padStart(2, "0")}`;
+}
+function dayLabelIn(ms, zone) {
+  const day = instantToDay(ms, zone);
+  const w = instantToWall(ms, zone);
+  return `${WEEKDAYS[weekday(day)]} ${w.d} ${MONTHS[w.m - 1]}`;
+}
+function createInstantScale(input) {
+  const { zone, pxPerHour, workStart = 9, workEnd = 17, workingWeek = "mon-fri", hideNonWorking = false, hourStep = 1 } = input;
+  const startDay = instantToDay(Math.min(input.from, input.to), zone);
+  const endDay = instantToDay(Math.max(input.from, input.to), zone) + 1;
+  const pxPerMs = pxPerHour / HOUR;
+  const isWorkingDay2 = (day) => workingWeek === "all" || weekday(day) < 5;
+  const segments = [];
+  let x0 = 0;
+  const days = [];
+  const nonWorking = [];
+  for (let day = startDay; day < endDay; day++) {
+    const dayStart = dayToInstant(day, zone);
+    const dayEnd = dayToInstant(day + 1, zone);
+    const working = isWorkingDay2(day);
+    const ws = Math.max(dayStart, Math.min(dayEnd, atHour(day, workStart, zone)));
+    const we = Math.max(ws, Math.min(dayEnd, atHour(day, workEnd, zone)));
+    let segStart = dayStart;
+    let segEnd = dayEnd;
+    if (hideNonWorking) {
+      if (!working) continue;
+      segStart = ws;
+      segEnd = we;
+    }
+    const width2 = (segEnd - segStart) * pxPerMs;
+    segments.push({ start: segStart, end: segEnd, x0 });
+    days.push({ day, ms: segStart, x: x0, width: width2, label: dayLabelIn(dayStart, zone), hours: (dayEnd - dayStart) / HOUR, working });
+    if (!hideNonWorking) {
+      if (!working) nonWorking.push({ x: x0, width: width2 });
+      else {
+        if (ws > dayStart) nonWorking.push({ x: x0, width: (ws - dayStart) * pxPerMs });
+        if (we < dayEnd) nonWorking.push({ x: x0 + (we - dayStart) * pxPerMs, width: (dayEnd - we) * pxPerMs });
+      }
+    }
+    x0 += width2;
+  }
+  const width = x0;
+  const start = segments[0]?.start ?? dayToInstant(startDay, zone);
+  const end = segments[segments.length - 1]?.end ?? dayToInstant(endDay, zone);
+  const x = (ms) => {
+    if (segments.length === 0) return 0;
+    let lo = 0;
+    let hi = segments.length - 1;
+    while (lo < hi) {
+      const mid = lo + hi + 1 >> 1;
+      if (segments[mid].start <= ms) lo = mid;
+      else hi = mid - 1;
+    }
+    const s = segments[lo];
+    if (ms <= s.start) return s.x0;
+    if (ms >= s.end) return s.x0 + (s.end - s.start) * pxPerMs;
+    return s.x0 + (ms - s.start) * pxPerMs;
+  };
+  const msAt = (px) => {
+    if (segments.length === 0) return start;
+    let lo = 0;
+    let hi = segments.length - 1;
+    while (lo < hi) {
+      const mid = lo + hi + 1 >> 1;
+      if (segments[mid].x0 <= px) lo = mid;
+      else hi = mid - 1;
+    }
+    const s = segments[lo];
+    return Math.min(s.end, Math.max(s.start, s.start + (px - s.x0) / pxPerMs));
+  };
+  const hours = [];
+  for (const s of segments) {
+    let t = snap(s.start, hourStep * 60, zone, "ceil");
+    while (t < s.end) {
+      const next2 = Math.min(s.end, t + hourStep * HOUR);
+      hours.push({ ms: t, x: x(t), width: (next2 - t) * pxPerMs, label: timeLabel(t, zone) });
+      t += hourStep * HOUR;
+    }
+  }
+  return { zone, start, end, startDay, endDay, pxPerHour, width, x, msAt, days, hours, nonWorking };
+}
+function parseHour(value) {
+  if (typeof value === "number") return value >= 0 && value <= 24 ? value : NaN;
+  const m = /^\s*(\d{1,2})(?::(\d{2}))?\s*$/.exec(value);
+  if (!m) return NaN;
+  const h = Number(m[1]);
+  const min = m[2] ? Number(m[2]) : 0;
+  return h <= 24 && min < 60 && (h < 24 || min === 0) ? h + min / 60 : NaN;
+}
+function escapeHtml(s) {
+  return s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
+function exportFileName(title, isoDay, ext = "png", fallback = "plan") {
+  const slug = title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || fallback;
+  return `${slug}-${isoDay}.${ext}`;
+}
+var MAX_CANVAS_SIDE = 16e3;
+var MAX_CANVAS_AREA = 12e7;
+function exportRatio(width, height, preferred = 2) {
+  const ratio2 = Math.min(preferred, MAX_CANVAS_SIDE / width, MAX_CANVAS_SIDE / height, Math.sqrt(MAX_CANVAS_AREA / (width * height)));
+  return ratio2 >= 0.5 ? ratio2 : null;
+}
+function canvasColor(ctx, color, fallback) {
+  ctx.fillStyle = fallback;
+  if (color) ctx.fillStyle = color;
+  return String(ctx.fillStyle);
+}
+function downloadCanvas(canvas, fileName, doc = document) {
+  canvas.toBlob((blob) => {
+    if (!blob) return;
+    const url = URL.createObjectURL(blob);
+    const a = doc.createElement("a");
+    a.href = url;
+    a.download = fileName;
+    a.style.display = "none";
+    doc.body.appendChild(a);
+    a.click();
+    a.remove();
+    setTimeout(() => URL.revokeObjectURL(url), 1e4);
+  }, "image/png");
+}
+function printDocument(html, doc = document) {
+  const frame = doc.createElement("iframe");
+  frame.setAttribute("aria-hidden", "true");
+  frame.setAttribute("tabindex", "-1");
+  frame.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;visibility:hidden";
+  doc.body.appendChild(frame);
+  const win = frame.contentWindow;
+  const fdoc = frame.contentDocument;
+  if (!win || !fdoc) {
+    frame.remove();
+    return;
+  }
+  fdoc.open();
+  fdoc.write(html);
+  fdoc.close();
+  let done = false;
+  const cleanup = () => {
+    if (done) return;
+    done = true;
+    frame.remove();
+  };
+  win.addEventListener("afterprint", () => setTimeout(cleanup, 0));
+  setTimeout(cleanup, 6e4);
+  setTimeout(() => {
+    win.focus();
+    win.print();
+  }, 50);
+}
+var KEY_SEPARATOR = "";
+function isMultiSelect(e2) {
+  return !!(e2.ctrlKey || e2.metaKey);
+}
+var HOST_DIM = 0.3;
+function isHighlighted(id, highlighted) {
+  if (!highlighted) return true;
+  if (isSet(highlighted)) return highlighted.size === 0 || highlighted.has(id);
+  return highlighted.length === 0 || highlighted.indexOf(id) !== -1;
+}
+function isSet(v) {
+  return typeof v.has === "function" && !Array.isArray(v);
+}
+function isContextMenuKey(e2) {
+  return e2.key === "ContextMenu" || e2.key === "F10" && !!e2.shiftKey;
+}
+var ratio = (drawn, layout) => layout > 0 && drawn > 0 && Number.isFinite(drawn / layout) ? drawn / layout : 1;
+function cssScale(el) {
+  if (!el) return { x: 1, y: 1 };
+  const r = el.getBoundingClientRect();
+  return { x: ratio(r.width, el.offsetWidth), y: ratio(r.height, el.offsetHeight) };
+}
+function localPoint(el, clientX, clientY) {
+  if (!el) return { x: 0, y: 0 };
+  const r = el.getBoundingClientRect();
+  return { x: (clientX - r.left) / ratio(r.width, el.offsetWidth), y: (clientY - r.top) / ratio(r.height, el.offsetHeight) };
+}
+
+// ../tokens/dist/index.js
+var TEXT_ROLES = ["caption", "body", "label", "value", "callout", "header", "title", "hero"];
+var TEXT_SIZES = {
+  caption: 11,
+  body: 13,
+  label: 12,
+  value: 12,
+  callout: 12,
+  header: 13,
+  title: 16,
+  hero: 28
+};
+var TEXT_SCALE_MIN = 0.75;
+var TEXT_SCALE_MAX = 2;
+function clampTextScale(scale) {
+  if (typeof scale !== "number" || !Number.isFinite(scale) || scale <= 0) return 1;
+  return Math.min(TEXT_SCALE_MAX, Math.max(TEXT_SCALE_MIN, scale));
+}
+var half = (px) => Math.round(px * 2) / 2;
+function textSize(role, scale = 1, sizes) {
+  const base = sizes?.[role] ?? TEXT_SIZES[role];
+  return half(base * clampTextScale(scale));
+}
+function textVars(scale = 1, sizes) {
+  const out = {};
+  for (const role of TEXT_ROLES) out[`--nf-text-${role}`] = `${textSize(role, scale, sizes)}px`;
+  return out;
+}
+function scaleWithText(px, scale = 1) {
+  const s = clampTextScale(scale);
+  if (s === 1) return px;
+  return Math.ceil(px * s / 8) * 8;
+}
+var brand = {
+  ink: "#0E1116",
+  ember: "#D9480F",
+  paper: "#F6F6F3",
+  line: "#E4E5E9",
+  muted: "#5D6472",
+  cobalt: "#2E54FF"
+};
+var semantic = {
+  milestone: "#E8930C",
+  positive: "#138A52",
+  negative: "#D93F2B"
+};
+var font = {
+  sans: "'Geist', 'Segoe UI', system-ui, -apple-system, sans-serif",
+  mono: "'Geist Mono', 'Cascadia Mono', ui-monospace, monospace",
+  /** Components inherit the host app's font unless a theme says otherwise. */
+  inherit: "inherit"
+};
+var motion = {
+  fast: "150ms",
+  base: "220ms",
+  ease: "cubic-bezier(0.2, 0.8, 0.2, 1)"
+};
+var lightTheme = {
+  accent: brand.cobalt,
+  accentTint: "#DCE3FF",
+  accentText: "#FFFFFF",
+  surface: "#FFFFFF",
+  surfaceAlt: "#F6F6F3",
+  ink: brand.ink,
+  muted: brand.muted,
+  line: brand.line,
+  lineSoft: "#F2F3F5",
+  phase: brand.ink,
+  milestone: semantic.milestone,
+  baseline: "#B9BDC7",
+  selected: "#F4F6FF",
+  focus: brand.cobalt,
+  positive: semantic.positive,
+  negative: semantic.negative,
+  tooltipBg: brand.ink,
+  tooltipInk: "#FFFFFF",
+  font: font.inherit,
+  monoFont: font.mono
+};
+var darkTheme = {
+  accent: "#6F8BFF",
+  accentTint: "#28305A",
+  accentText: "#0E1116",
+  surface: "#14171D",
+  surfaceAlt: "#0E1116",
+  ink: "#F2F3F5",
+  muted: "#A3A9B6",
+  line: "#2A2F3A",
+  lineSoft: "#1D2129",
+  phase: "#E4E5E9",
+  milestone: "#F2A53A",
+  baseline: "#5D6472",
+  selected: "#1C2238",
+  focus: "#8FA6FF",
+  positive: "#3FBF7F",
+  negative: "#F06A58",
+  tooltipBg: "#F2F3F5",
+  tooltipInk: "#0E1116",
+  font: font.inherit,
+  monoFont: font.mono
+};
+var kebab = (s) => s.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+function themeVars(theme = {}, base = lightTheme) {
+  const merged = { ...base, ...theme };
+  const out = {};
+  Object.keys(merged).forEach((k) => {
+    out[`--nf-${kebab(k)}`] = merged[k];
+  });
+  return out;
+}
+function markSvg({ size = 40, tile = true, ink = brand.ink, ember = brand.ember } = {}) {
+  const stroke = tile ? "#FFFFFF" : ink;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 40 40" role="img" aria-label="Ninth Forge">` + (tile ? `<rect width="40" height="40" rx="10" fill="${ink}"/>` : "") + `<rect x="8.5" y="10" width="4.6" height="20" fill="${stroke}"/><path d="M17 10 L31.5 30" stroke="${stroke}" stroke-width="4.6"/><path d="M31.5 10 L17 30" stroke="${stroke}" stroke-width="4.6"/><path d="M31.5 10 L27.6 15.4" stroke="${ember}" stroke-width="4.6"/></svg>`;
+}
+function luminance(hex) {
+  const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
+  if (!m) return null;
+  const h = m[1].length === 3 ? m[1].replace(/./g, (c) => c + c) : m[1];
+  const ch = [0, 2, 4].map((i) => {
+    const v = parseInt(h.slice(i, i + 2), 16) / 255;
+    return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * ch[0] + 0.7152 * ch[1] + 0.0722 * ch[2];
+}
+function contrastRatio(a, b) {
+  const la = luminance(a);
+  const lb = luminance(b);
+  if (la === null || lb === null) return null;
+  const [hi, lo] = la > lb ? [la, lb] : [lb, la];
+  return (hi + 0.05) / (lo + 0.05);
+}
+function readableTextOn(background, light = "#FFFFFF", dark = brand.ink) {
+  const onLight = contrastRatio(background, light);
+  const onDark = contrastRatio(background, dark);
+  if (onLight === null || onDark === null) return light;
+  return onLight >= onDark ? light : dark;
+}
+function mixHex(a, b, t) {
+  const p = (h) => {
+    const s = h.replace("#", "");
+    const f = s.length === 3 ? s.replace(/./g, (c) => c + c) : s;
+    return [0, 2, 4].map((i) => parseInt(f.slice(i, i + 2), 16));
+  };
+  const [x, y] = [p(a), p(b)];
+  return "#" + x.map((v, i) => Math.round(v + (y[i] - v) * t).toString(16).padStart(2, "0")).join("").toUpperCase();
+}
+function accentForText(accent, light = "#FFFFFF", dark = brand.ink) {
+  const text2 = readableTextOn(accent, light, dark);
+  if ((contrastRatio(accent, text2) ?? 21) >= 4.5) return { background: accent, text: text2 };
+  const toward = text2 === light ? "#000000" : "#FFFFFF";
+  for (let t = 0.05; t <= 1.0001; t += 0.05) {
+    const bg = mixHex(accent, toward, t);
+    if ((contrastRatio(bg, text2) ?? 0) >= 4.5) return { background: bg, text: text2 };
+  }
+  return { background: toward === "#000000" ? "#000000" : "#FFFFFF", text: text2 };
+}
+
+// src/presets.ts
+var PRESETS = {
+  people: {
+    labels: { resource: "Person", resources: "People", booking: "Shift", bookings: "Shifts", group: "Team" },
+    view: "week",
+    snapMinutes: 30,
+    conflictMode: "warn",
+    workStart: 9,
+    workEnd: 17,
+    capacity: "hours",
+    capacityHours: 8,
+    showUnassigned: false
+  },
+  rooms: {
+    labels: { resource: "Room", resources: "Rooms", booking: "Booking", bookings: "Bookings", group: "Building" },
+    view: "day",
+    snapMinutes: 15,
+    conflictMode: "block",
+    workStart: 8,
+    workEnd: 18,
+    capacity: "seats",
+    capacityHours: 10,
+    showUnassigned: false
+  },
+  vehicles: {
+    labels: { resource: "Vehicle", resources: "Vehicles", booking: "Hire", bookings: "Hires", group: "Depot" },
+    view: "twoWeeks",
+    snapMinutes: 60,
+    conflictMode: "block",
+    workStart: 7,
+    workEnd: 17,
+    capacity: "hours",
+    capacityHours: 10,
+    showUnassigned: false
+  },
+  equipment: {
+    labels: { resource: "Asset", resources: "Equipment", booking: "Hire", bookings: "Hires", group: "Category" },
+    view: "twoWeeks",
+    snapMinutes: 60,
+    conflictMode: "block",
+    workStart: 7,
+    workEnd: 17,
+    capacity: "hours",
+    capacityHours: 10,
+    showUnassigned: false
+  },
+  jobs: {
+    labels: { resource: "Technician", resources: "Technicians", booking: "Job", bookings: "Jobs", group: "Area" },
+    view: "day",
+    snapMinutes: 15,
+    conflictMode: "warn",
+    workStart: 7.5,
+    workEnd: 16,
+    capacity: "hours",
+    capacityHours: 8,
+    showUnassigned: true
+  },
+  custom: {
+    labels: { resource: "Resource", resources: "Resources", booking: "Booking", bookings: "Bookings", group: "Group" },
+    view: "week",
+    snapMinutes: 15,
+    conflictMode: "allow",
+    workStart: 9,
+    workEnd: 17,
+    capacity: "hours",
+    capacityHours: 8,
+    showUnassigned: false
+  }
+};
+var VIEW_DAYS = { day: 1, week: 7, twoWeeks: 14, month: 31, agenda: 7 };
+var VIEW_LABEL = { day: "Day", week: "Week", twoWeeks: "Two weeks", month: "Month", agenda: "Agenda" };
+var VIEW_STEP = { day: "day", week: "week", twoWeeks: "two weeks", month: "month", agenda: "7 days" };
+
+// src/layout.ts
+var HEADER_H = 56;
+var GROUP_H = 32;
+var LANE_H = 30;
+var ROW_PAD = 7;
+var ROW_MIN_H = 52;
+var RESOURCE_W = 232;
+var MINUTE3 = 6e4;
+function hourLabelStep(pxPerHour, captionPx) {
+  const need = 5 * 0.62 * captionPx + 4 + 8;
+  for (const step of [1, 2, 3, 4, 6, 12]) if (pxPerHour * step >= need) return step;
+  return 24;
+}
+function hourLabelFits(x, boardWidth, captionPx) {
+  return x + 4 + 5 * 0.62 * captionPx <= boardWidth;
+}
+function toMs(v) {
+  if (typeof v === "number") return Number.isFinite(v) ? v : NaN;
+  if (typeof v !== "string" || !v) return NaN;
+  return Date.parse(v);
+}
+var TEXT_FIELDS = ["name", "status", "location", "subtitle", "color"];
+var text = (v) => v === null || v === void 0 ? void 0 : typeof v === "string" ? v : String(v);
+function cleanBooking(b) {
+  const raw = b;
+  const dirty = typeof raw.id !== "string" || TEXT_FIELDS.some((k) => raw[k] !== void 0 && typeof raw[k] !== "string") || raw.attendees !== void 0 && typeof raw.attendees !== "number";
+  if (!dirty) return b;
+  const fixed = { ...raw, id: String(raw.id ?? "") };
+  for (const k of TEXT_FIELDS) fixed[k] = text(raw[k]);
+  fixed.name = text(raw.name) ?? "";
+  const n = Number(raw.attendees);
+  fixed.attendees = raw.attendees === void 0 || !Number.isFinite(n) ? void 0 : n;
+  return fixed;
+}
+function cleanResources(resources) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const r of resources) {
+    const raw = r;
+    const id = text(raw.id);
+    if (!id || seen.has(id)) continue;
+    seen.add(id);
+    const num = (v) => typeof v === "number" && Number.isFinite(v) && v >= 0 ? v : void 0;
+    const clean2 = typeof raw.name === "string" && ["group", "subtitle", "color", "image"].every((k) => raw[k] === void 0 || typeof raw[k] === "string") && ["capacityHours", "seats", "sort"].every((k) => raw[k] === void 0 || num(raw[k]) !== void 0);
+    if (clean2) {
+      out.push(r);
+      continue;
+    }
+    out.push({
+      ...r,
+      id,
+      name: text(raw.name) ?? "",
+      group: text(raw.group),
+      subtitle: text(raw.subtitle),
+      color: text(raw.color),
+      image: text(raw.image),
+      capacityHours: num(raw.capacityHours),
+      seats: num(raw.seats),
+      sort: num(raw.sort)
+    });
+  }
+  return out;
+}
+function normalise(bookings) {
+  const out = [];
+  for (const raw of bookings) {
+    if (!raw || typeof raw !== "object") continue;
+    const b = cleanBooking(raw);
+    const start = toMs(b.start);
+    let end = toMs(b.end);
+    if (Number.isNaN(start)) continue;
+    if (Number.isNaN(end) || end <= start) end = start + 15 * MINUTE3;
+    out.push({
+      booking: b,
+      id: b.id,
+      start,
+      end,
+      resourceId: b.resourceId || null,
+      kind: b.kind === "unavailable" ? "unavailable" : "booking",
+      cancelled: /^cancel/i.test(b.status ?? "")
+    });
+  }
+  return out;
+}
+function viewRange(date, view) {
+  const day = toDay(date);
+  if (view === "month") {
+    const p = parts(day);
+    const first = startOfMonth(day);
+    return { startDay: first, days: dayOf(p.year, p.month + 1, 1) - first };
+  }
+  const startDay = view === "day" || view === "agenda" ? day : day - weekday(day);
+  return { startDay, days: VIEW_DAYS[view] };
+}
+function stepDate(date, view, dir) {
+  const day = toDay(date);
+  if (view === "month") {
+    const p = parts(day);
+    const last = dayOf(p.year, p.month + dir + 1, 1) - 1;
+    return Math.min(dayOf(p.year, p.month + dir, p.date), last);
+  }
+  return day + dir * VIEW_DAYS[view];
+}
+function agendaTime(it, day, zone) {
+  const ds = dayToInstant(day, zone);
+  const de = dayToInstant(day + 1, zone);
+  if (it.booking.allDay || it.start <= ds && it.end >= de) return "All day";
+  if (it.start < ds) return `until ${timeLabel(it.end, zone)}`;
+  if (it.end > de) return `from ${timeLabel(it.start, zone)}`;
+  return `${timeLabel(it.start, zone)}\u2013${timeLabel(it.end, zone)}`;
+}
+function assignLanes(items) {
+  const sorted = [...items].sort((a, b) => a.start - b.start || b.end - b.start - (a.end - a.start) || a.id.localeCompare(b.id));
+  const ends = [];
+  const lane = /* @__PURE__ */ new Map();
+  for (const it of sorted) {
+    let i = ends.findIndex((e2) => e2 <= it.start);
+    if (i < 0) {
+      i = ends.length;
+      ends.push(it.end);
+    } else ends[i] = it.end;
+    lane.set(it.id, i);
+  }
+  return { lane, lanes: Math.max(1, ends.length) };
+}
+function conflicts(items) {
+  const out = /* @__PURE__ */ new Set();
+  const live = items.filter((i) => !i.cancelled).sort((a, b) => a.start - b.start);
+  for (let i = 0; i < live.length; i++)
+    for (let j = i + 1; j < live.length && live[j].start < live[i].end; j++) {
+      out.add(live[i].id);
+      out.add(live[j].id);
+    }
+  return out;
+}
+function sortResources(resources) {
+  return [...resources].sort(
+    (a, b) => (a.group ?? "").localeCompare(b.group ?? "") || (a.sort ?? Number.MAX_SAFE_INTEGER) - (b.sort ?? Number.MAX_SAFE_INTEGER) || a.name.localeCompare(b.name)
+  );
+}
+function rowHeight(lanes, textScale = 1) {
+  return Math.max(scaleWithText(ROW_MIN_H, textScale), ROW_PAD * 2 + lanes * scaleWithText(LANE_H, textScale));
+}
+function buildRows(resources, items, opts) {
+  const q = (opts.filter ?? "").trim().toLowerCase();
+  const byResource = /* @__PURE__ */ new Map();
+  for (const it of items) {
+    if (!it.resourceId || it.end <= opts.from || it.start >= opts.to) continue;
+    const list = byResource.get(it.resourceId) ?? [];
+    list.push(it);
+    byResource.set(it.resourceId, list);
+  }
+  const visible = sortResources(resources).filter(
+    (r) => !q || r.name.toLowerCase().includes(q) || (r.subtitle ?? "").toLowerCase().includes(q) || (r.group ?? "").toLowerCase().includes(q)
+  );
+  const rows = [];
+  let top = 0;
+  let index = 0;
+  let currentGroup;
+  for (const r of visible) {
+    const g = r.group ?? "";
+    if (opts.groupBy && g !== currentGroup) {
+      currentGroup = g;
+      const collapsed = !!opts.collapsed?.has(g);
+      rows.push({ kind: "group", key: `g:${g}`, label: g || "Other", count: visible.filter((x) => (x.group ?? "") === g).length, collapsed, top, height: scaleWithText(GROUP_H, opts.textScale) });
+      top += scaleWithText(GROUP_H, opts.textScale);
+    }
+    if (opts.groupBy && opts.collapsed?.has(g)) continue;
+    const its = (byResource.get(r.id) ?? []).sort((a, b) => a.start - b.start);
+    const { lane, lanes } = assignLanes(its);
+    const height = rowHeight(lanes, opts.textScale);
+    rows.push({ kind: "resource", key: `r:${r.id}`, resource: r, items: its, lane, lanes, conflicts: conflicts(its), top, height, index: index++ });
+    top += height;
+  }
+  return rows;
+}
+function totalHeight(rows) {
+  const last = rows[rows.length - 1];
+  return last ? last.top + last.height : 0;
+}
+function visibleRows(rows, scrollTop, viewportHeight, overscan = 400) {
+  if (!rows.length) return [];
+  const from = Math.max(0, scrollTop - overscan);
+  const to = scrollTop + viewportHeight + overscan;
+  let lo = 0;
+  let hi = rows.length - 1;
+  while (lo < hi) {
+    const mid = lo + hi >> 1;
+    if (rows[mid].top + rows[mid].height <= from) lo = mid + 1;
+    else hi = mid;
+  }
+  const out = [];
+  for (let i = lo; i < rows.length && rows[i].top < to; i++) out.push(rows[i]);
+  return out;
+}
+function unassigned(items, from, to) {
+  return items.filter((i) => !i.resourceId && i.end > from && i.start < to).sort((a, b) => a.start - b.start);
+}
+var QUEUE_SORT_LABEL = { soonest: "Soonest first", latest: "Latest first", name: "Name", location: "Location" };
+var byText = (a, b) => {
+  if (!a && !b) return 0;
+  if (!a) return 1;
+  if (!b) return -1;
+  return a.localeCompare(b, void 0, { numeric: true, sensitivity: "base" });
+};
+function queueView(items, query, sort) {
+  const q = query.trim().toLowerCase();
+  const hit = (it) => !q || [it.booking.name, it.booking.location, it.booking.status, it.booking.subtitle].some((v) => (v ?? "").toLowerCase().includes(q));
+  const soonest = (a, b) => a.start - b.start || byText(a.booking.name, b.booking.name);
+  const order = {
+    soonest,
+    latest: (a, b) => b.start - a.start || byText(a.booking.name, b.booking.name),
+    name: (a, b) => byText(a.booking.name, b.booking.name) || soonest(a, b),
+    location: (a, b) => byText(a.booking.location, b.booking.location) || soonest(a, b)
+  };
+  return items.filter((i) => !i.resourceId && hit(i)).sort(order[sort]);
+}
+var STATUS_PALETTE = ["#2E54FF", "#0E8C7F", "#6B4EFF", "#B54708", "#0B6E99", "#9E1F63"];
+var KNOWN = {
+  confirmed: "accent",
+  booked: "accent",
+  scheduled: "accent",
+  tentative: "tentative",
+  proposed: "tentative",
+  done: "done",
+  completed: "done",
+  cancelled: "cancelled",
+  canceled: "cancelled"
+};
+function bookingAppearance(b, accent, statusColors = {}, seen = /* @__PURE__ */ new Map()) {
+  if (b.kind === "unavailable") return { color: "#7A808C", text: "#FFFFFF", style: "unavailable" };
+  const status = (b.status ?? "").trim();
+  const known = KNOWN[status.toLowerCase()];
+  const style = known === "tentative" ? "tentative" : known === "done" ? "done" : known === "cancelled" ? "cancelled" : "solid";
+  let color = b.color || statusColors[status];
+  if (!color) {
+    if (!status || known) color = accent;
+    else {
+      color = seen.get(status) ?? "";
+      if (!color) {
+        color = STATUS_PALETTE[seen.size % STATUS_PALETTE.length];
+        seen.set(status, color);
+      }
+    }
+  }
+  const pair = accentForText(color);
+  return { color: pair.background, text: pair.text, style };
+}
+function initials(name) {
+  return name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("");
+}
+function boardHours(resources, start, end) {
+  let s = Infinity;
+  let e2 = -Infinity;
+  for (const r of resources) {
+    const rs = r.workStart === void 0 ? NaN : parseHour(r.workStart);
+    const re = r.workEnd === void 0 ? NaN : parseHour(r.workEnd);
+    if (!Number.isNaN(rs)) s = Math.min(s, rs);
+    if (!Number.isNaN(re)) e2 = Math.max(e2, re);
+  }
+  return { start: Number.isFinite(s) ? s : start, end: Number.isFinite(e2) && e2 > (Number.isFinite(s) ? s : start) ? e2 : end };
+}
+function neighbour(rows, id, key) {
+  const resourceRows = rows.filter((r) => r.kind === "resource");
+  const firstWithItems = resourceRows.find((r) => r.items.length);
+  if (!id) return firstWithItems?.items[0]?.id ?? null;
+  const at = resourceRows.findIndex((r) => r.items.some((i) => i.id === id));
+  if (at < 0) return firstWithItems?.items[0]?.id ?? null;
+  const row = resourceRows[at];
+  const pos = row.items.findIndex((i) => i.id === id);
+  const current = row.items[pos];
+  if (key === "ArrowLeft") return row.items[pos - 1]?.id ?? id;
+  if (key === "ArrowRight") return row.items[pos + 1]?.id ?? id;
+  const step = key === "ArrowUp" ? -1 : 1;
+  for (let i = at + step; i >= 0 && i < resourceRows.length; i += step) {
+    const its = resourceRows[i].items;
+    if (!its.length) continue;
+    let best = its[0];
+    for (const it of its) if (Math.abs(it.start - current.start) < Math.abs(best.start - current.start)) best = it;
+    return best.id;
+  }
+  return id;
+}
+function isoOfDay(day) {
+  return new Date(day * 864e5).toISOString().slice(0, 10);
+}
+function todayIn(zone, now = Date.now()) {
+  return isoOfDay(instantToDay(now, zone));
+}
+function bookedWorkingHours(items, startDay, days, workStart, workEnd, week, zone, capacityHours = Infinity) {
+  let ms = 0;
+  for (let d = startDay; d < startDay + days; d++) {
+    if (week === "mon-fri" && weekday(d) >= 5) continue;
+    ms += bookedMsOn(items, d, workStart, workEnd, zone, capacityHours);
+  }
+  return Math.round(ms / 36e5 * 10) / 10;
+}
+var hourCache = /* @__PURE__ */ new WeakMap();
+function hourIn(day, hour, zone) {
+  let m = hourCache.get(zone);
+  if (!m) hourCache.set(zone, m = /* @__PURE__ */ new Map());
+  const key = day * 100 + hour;
+  let v = m.get(key);
+  if (v === void 0) {
+    if (m.size > 2e4) m.clear();
+    v = atHour(day, hour, zone);
+    m.set(key, v);
+  }
+  return v;
+}
+function bookedMsOn(items, day, workStart, workEnd, zone, capacityHours = Infinity) {
+  const ws = hourIn(day, workStart, zone);
+  const we = hourIn(day, workEnd, zone);
+  let booked = 0;
+  let off = 0;
+  for (const it of items) {
+    if (it.cancelled) continue;
+    const s = Math.max(it.start, ws);
+    const e2 = Math.min(it.end, we);
+    if (e2 <= s) continue;
+    if (it.kind === "unavailable") off += e2 - s;
+    else booked += e2 - s;
+  }
+  return booked + Math.min(off, capacityHours * 36e5);
+}
+var NEAR_RATIO = 0.75;
+function utilLevel(booked, capacity) {
+  if (capacity <= 0) return booked > 0 ? "over" : "under";
+  const ratio2 = booked / capacity;
+  if (ratio2 > 1 + 1e-9) return "over";
+  return ratio2 >= NEAR_RATIO ? "near" : "under";
+}
+function dailyUtilisation(items, days, workStart, workEnd, capacityHours, week, zone) {
+  const out = [];
+  for (const day of days) {
+    if (week === "mon-fri" && weekday(day) >= 5) continue;
+    const booked = Math.round(bookedMsOn(items, day, workStart, workEnd, zone, capacityHours) / 36e5 * 10) / 10;
+    const ratio2 = capacityHours > 0 ? booked / capacityHours : booked > 0 ? Infinity : 0;
+    out.push({ day, booked, capacity: capacityHours, ratio: ratio2, level: utilLevel(booked, capacityHours) });
+  }
+  return out;
+}
+function barTimeLabel(it, zone) {
+  const d1 = instantToDay(it.start, zone);
+  const d2 = instantToDay(it.end - 1, zone);
+  if (d1 === d2) return `${timeLabel(it.start, zone)}\u2013${timeLabel(it.end, zone)}`;
+  const a = parts(d1);
+  const b = parts(d2);
+  return a.month === b.month ? `${a.date}\u2013${b.date} ${MONTHS[b.month]}` : `${a.date} ${MONTHS[a.month]}\u2013${b.date} ${MONTHS[b.month]}`;
+}
+
+// ../editing/dist/chunk-S4GYYU33.js
+var isEmpty = (v) => v === void 0 || v === null || v === "";
+function defaultEqual(_key, a, b) {
+  if (isEmpty(a) && isEmpty(b)) return true;
+  return a === b;
+}
+function fieldsOf(change, spec) {
+  const out = {};
+  for (const k of spec.keys) if (k in change) out[k] = change[k];
+  return out;
+}
+function applyOverrides(items, overrides) {
+  if (overrides.size === 0) return items;
+  return items.map((t) => {
+    const o = overrides.get(t.id);
+    return o ? { ...t, ...o.patch } : t;
+  });
+}
+function reconcileOverrides(items, overrides, spec = {}) {
+  const eq = spec.equal ?? defaultEqual;
+  const byId = new Map(items.map((t) => [t.id, t]));
+  const next2 = new Map(overrides);
+  for (const [id, o] of overrides) {
+    const t = byId.get(id);
+    if (!t) {
+      next2.delete(id);
+      continue;
+    }
+    const matches = Object.keys(o.patch).every(
+      (k) => eq(k, t[k], o.patch[k])
+    );
+    if (matches) next2.delete(id);
+  }
+  return next2;
+}
+var HISTORY_LIMIT = 20;
+function emptyHistory() {
+  return { undo: [], redo: [] };
+}
+function pushHistory(h, change) {
+  return { undo: [...h.undo, change].slice(-HISTORY_LIMIT), redo: [] };
+}
+function dropFromHistory(h, change) {
+  return { undo: h.undo.filter((c) => c !== change), redo: h.redo.filter((c) => c !== change) };
+}
+function invertChange(change, source, spec) {
+  const forward = fieldsOf(change, spec);
+  const back = {};
+  for (const k of Object.keys(forward)) {
+    const v = change.previous[k];
+    back[k] = v !== void 0 ? v : spec.blank ? spec.blank(k) : void 0;
+  }
+  return { id: change.id, ...back, previous: forward, source };
+}
+function undoStep(h, undoSource, spec) {
+  const entry = h.undo[h.undo.length - 1];
+  if (!entry) return null;
+  return { commit: invertChange(entry, undoSource, spec), entry, history: { undo: h.undo.slice(0, -1), redo: [...h.redo, entry] } };
+}
+function redoStep(h, redoSource) {
+  const entry = h.redo[h.redo.length - 1];
+  if (!entry) return null;
+  const commit = { ...entry, source: redoSource };
+  return { commit, entry, history: { undo: [...h.undo, entry].slice(-HISTORY_LIMIT), redo: h.redo.slice(0, -1) } };
+}
+function errorText(err, fallback = "The change was not saved.") {
+  if (err instanceof Error && err.message) return err.message;
+  if (typeof err === "string" && err) return err;
+  const m = err?.message;
+  return typeof m === "string" && m ? m : fallback;
+}
+
+// ../editing/dist/index.js
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import * as React from "react";
+import * as React2 from "react";
+import * as React3 from "react";
+import * as React4 from "react";
+var INFO_MS = 5e3;
+var ERROR_MS = 9e3;
+function trialUrl(ref) {
+  return `https://ninthforge.com/trial?ref=${encodeURIComponent(ref)}`;
+}
+function lockedMessage(product) {
+  return `Saving changes needs a Ninth Forge ${product} key. Start a free 30-day trial at ninthforge.com/trial.`;
+}
+function lockFor(license, unlocked, product, trialRef) {
+  if (unlocked) return { locked: false };
+  if (!license) return { locked: true };
+  return trialRef ? { locked: true, lockedMessage: lockedMessage(product), lockedTrialUrl: trialUrl(trialRef) } : { locked: true, lockedMessage: lockedMessage(product) };
+}
+var toastedLocks = /* @__PURE__ */ new Set();
+function firstLockToast(message) {
+  if (toastedLocks.has(message)) return false;
+  toastedLocks.add(message);
+  return true;
+}
+function openTrial(url) {
+  if (typeof window !== "undefined") window.open(url, "_blank", "noopener");
+}
+function useEditing(items, onChange, spec) {
+  const [overrides, setOverrides] = useState(() => /* @__PURE__ */ new Map());
+  const historyRef = useRef(emptyHistory());
+  const [, setHistoryVersion] = useState(0);
+  const setHistory = (fn) => {
+    historyRef.current = fn(historyRef.current);
+    setHistoryVersion((v) => v + 1);
+  };
+  const seqRef = useRef(0);
+  const [toasts, setToasts] = useState([]);
+  const [announcement, setAnnouncement] = useState({ text: "", n: 0 });
+  const timers = useRef(/* @__PURE__ */ new Map());
+  const itemsRef = useRef(items);
+  itemsRef.current = items;
+  const handlerRef = useRef(onChange);
+  handlerRef.current = onChange;
+  const specRef = useRef(spec);
+  specRef.current = spec;
+  useEffect(() => {
+    setOverrides((o) => o.size ? reconcileOverrides(items, o, specRef.current) : o);
+  }, [items]);
+  useEffect(() => {
+    const map = timers.current;
+    return () => map.forEach((t) => clearTimeout(t));
+  }, []);
+  const dismiss = useCallback((id) => {
+    const t = timers.current.get(id);
+    if (t) clearTimeout(t);
+    timers.current.delete(id);
+    setToasts((list) => list.filter((x) => x.id !== id));
+  }, []);
+  const toast = useCallback(
+    (item) => {
+      const id = ++seqRef.current;
+      setToasts((list) => [...list.filter((x) => x.tone === "error"), { ...item, id }].slice(-4));
+      timers.current.set(
+        id,
+        setTimeout(() => dismiss(id), item.tone === "error" ? ERROR_MS : INFO_MS)
+      );
+    },
+    [dismiss]
+  );
+  const announce = useCallback((text2) => setAnnouncement((a) => ({ text: text2, n: a.n + 1 })), []);
+  const [lockNote, setLockNote] = useState(null);
+  const refuse = useCallback(() => {
+    const msg = specRef.current.lockedMessage;
+    if (!msg) return;
+    announce(msg);
+    setLockNote(msg);
+    if (!firstLockToast(msg)) return;
+    const url = specRef.current.lockedTrialUrl;
+    toast({ text: msg, tone: "info", action: url ? { label: specRef.current.lockedTrialLabel ?? "Start a free trial", run: () => openTrial(url) } : void 0 });
+  }, [announce, toast]);
+  const nameOf = (id) => {
+    const item = itemsRef.current.find((t) => t.id === id);
+    const s = specRef.current;
+    if (!item) return s.noun ?? "item";
+    return s.name ? s.name(item) : item.name ?? s.noun ?? "item";
+  };
+  const undoRef = useRef(() => void 0);
+  const redoRef = useRef(() => void 0);
+  const commit = (change, mode, entry) => {
+    if (specRef.current.locked) return refuse();
+    const seq = ++seqRef.current;
+    setOverrides((m) => {
+      const next2 = new Map(m);
+      next2.set(change.id, { patch: { ...m.get(change.id)?.patch, ...fieldsOf(change, specRef.current) }, seq });
+      return next2;
+    });
+    if (mode === "new") setHistory((h) => pushHistory(h, change));
+    const text2 = specRef.current.describe(change, nameOf);
+    announce(text2);
+    toast({
+      text: text2,
+      tone: "info",
+      action: mode === "undo" ? { label: "Redo", run: () => redoRef.current() } : { label: "Undo", run: () => undoRef.current() }
+    });
+    let result;
+    try {
+      result = handlerRef.current?.(change);
+    } catch (err) {
+      result = Promise.reject(err);
+    }
+    if (result && typeof result.then === "function") {
+      result.then(void 0, (err) => {
+        setOverrides((m) => {
+          const o = m.get(change.id);
+          if (!o || o.seq !== seq) return m;
+          const next2 = new Map(m);
+          next2.delete(change.id);
+          return next2;
+        });
+        setHistory((h) => {
+          if (mode === "new") return dropFromHistory(h, change);
+          if (!entry) return h;
+          return mode === "undo" ? { undo: [...h.undo, entry], redo: h.redo.filter((c) => c !== entry) } : { undo: h.undo.filter((c) => c !== entry), redo: [...h.redo, entry] };
+        });
+        const msg = errorText(err);
+        toast({ text: `Couldn't save '${nameOf(change.id)}', so it was put back. ${msg}`, tone: "error" });
+        announce(`Not saved, put back. ${msg}`);
+      });
+    }
+  };
+  const undo = () => {
+    const step = undoStep(historyRef.current, "undo", specRef.current);
+    if (!step) return announce("Nothing to undo");
+    setHistory(() => step.history);
+    commit(step.commit, "undo", step.entry);
+  };
+  const redo = () => {
+    const step = redoStep(historyRef.current, "redo");
+    if (!step) return announce("Nothing to redo");
+    setHistory(() => step.history);
+    commit(step.commit, "redo", step.entry);
+  };
+  undoRef.current = undo;
+  redoRef.current = redo;
+  const shown = useMemo(() => applyOverrides(items, overrides), [items, overrides]);
+  return {
+    overrides,
+    shown,
+    commit: (change) => commit(change, "new"),
+    undo,
+    redo,
+    canUndo: historyRef.current.undo.length > 0,
+    canRedo: historyRef.current.redo.length > 0,
+    toasts,
+    toast,
+    dismiss,
+    announcement,
+    announce,
+    /** View-only: Pro actions are refused (see `EditingSpec.locked`). */
+    locked: !!spec.locked,
+    /** Call instead of an action that bypasses `commit` (create, add) while `locked`. */
+    refuse,
+    /** The locked message once an action was refused, for a quiet status line. */
+    lockNote: spec.locked ? lockNote : null
+  };
+}
+function Toasts({
+  items,
+  announcement,
+  onDismiss,
+  prefix = "nf-g"
+}) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-sr`, "aria-live": "polite", "aria-atomic": "true" }, /* @__PURE__ */ React.createElement("span", { key: announcement.n }, announcement.text)), items.length ? /* @__PURE__ */ React.createElement("div", { className: `${prefix}-toasts` }, items.map((t) => /* @__PURE__ */ React.createElement("div", { key: t.id, className: `${prefix}-toast`, "data-tone": t.tone, role: t.tone === "error" ? "alert" : "status" }, /* @__PURE__ */ React.createElement("span", { className: `${prefix}-toast-text` }, t.text), t.action ? /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      className: `${prefix}-toast-btn`,
+      onClick: () => {
+        t.action.run();
+        onDismiss(t.id);
+      }
+    },
+    t.action.label
+  ) : null, /* @__PURE__ */ React.createElement("button", { type: "button", className: `${prefix}-toast-x`, "aria-label": "Dismiss", onClick: () => onDismiss(t.id) }, "\xD7")))) : null);
+}
+function EmptyActionView({ action, prefix, buttonClass }) {
+  return /* @__PURE__ */ React2.createElement("div", { className: `${prefix}-emptyaction` }, action.busy ? /* @__PURE__ */ React2.createElement("span", { role: "status" }, action.status ?? `${action.label}\u2026`) : /* @__PURE__ */ React2.createElement("button", { type: "button", className: buttonClass, onClick: action.onClick }, action.label), action.hint && !action.busy ? /* @__PURE__ */ React2.createElement("small", null, action.hint) : null, action.error ? /* @__PURE__ */ React2.createElement("span", { role: "alert" }, action.error) : null);
+}
+var PLAN_WATERMARK_URL = "https://ninthforge.com/plan?ref=watermark";
+function Watermark({ prefix, title, markHtml, variant = "mark", onClick, href = PLAN_WATERMARK_URL }) {
+  const mark = variant === "text" ? null : /* @__PURE__ */ React4.createElement("span", { "aria-hidden": "true", style: { display: "inline-flex" }, dangerouslySetInnerHTML: { __html: markHtml } });
+  return onClick ? /* @__PURE__ */ React4.createElement("button", { type: "button", className: `${prefix}-mark`, title, onClick }, mark, "Ninth Forge \xB7 Unlicensed") : /* @__PURE__ */ React4.createElement("a", { className: `${prefix}-mark`, href, target: "_blank", rel: "noreferrer", title }, mark, "Ninth Forge \xB7 Unlicensed");
+}
+var next = 0;
+function nextUid(prefix) {
+  next += 1;
+  return `${prefix}${next.toString(36)}`;
+}
+
+// ../license/dist/chunk-Q7LEK2CU.js
+var PREFIX = "NF1";
+function utf8(s) {
+  return new TextEncoder().encode(s);
+}
+function b64urlDecode(s) {
+  if (!/^[A-Za-z0-9_-]*$/.test(s)) throw new Error("Invalid base64url");
+  const pad = s.length % 4 === 0 ? "" : "=".repeat(4 - s.length % 4);
+  const bin = atob(s.replace(/-/g, "+").replace(/_/g, "/") + pad);
+  const out = new Uint8Array(bin.length);
+  for (let i = 0; i < bin.length; i++) out[i] = bin.charCodeAt(i);
+  return out;
+}
+function hexToBytes(hex) {
+  if (!/^[0-9a-f]*$/i.test(hex) || hex.length % 2 !== 0) throw new Error("Invalid hex");
+  const out = new Uint8Array(hex.length / 2);
+  for (let i = 0; i < out.length; i++) out[i] = parseInt(hex.slice(i * 2, i * 2 + 2), 16);
+  return out;
+}
+function subtle() {
+  const c = globalThis.crypto;
+  return c && c.subtle ? c.subtle : void 0;
+}
+var ED25519 = { name: "Ed25519" };
+
+// ../license/dist/index.js
+function normaliseHost(host) {
+  return host.trim().toLowerCase().replace(/\.+$/, "");
+}
+function browserHost() {
+  const loc = globalThis.location;
+  const name = loc && typeof loc.hostname === "string" ? normaliseHost(loc.hostname) : "";
+  return name || void 0;
+}
+function hostMatches(host, pattern) {
+  const h = normaliseHost(host);
+  const p = normaliseHost(pattern);
+  if (!h || !p) return false;
+  if (p.startsWith("*.")) {
+    const suffix = p.slice(1);
+    return suffix.length > 1 && h.length > suffix.length && h.endsWith(suffix);
+  }
+  return h === p;
+}
+var GRACE_DAYS = 14;
+var SUITE_PRODUCTS = ["plan", "charts"];
+var PUBLIC_KEYS = {
+  "nf-2027-1": "ad97c33249018681b3b315a303551442552d917d337690cac9b4783e931f88d1"
+};
+var DAY2 = 864e5;
+function isoToUtcMs(iso3) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso3);
+  if (!m) return NaN;
+  return Date.UTC(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+}
+function parsePayload(segment) {
+  try {
+    const json = JSON.parse(new TextDecoder().decode(b64urlDecode(segment)));
+    if (!json || typeof json.kid !== "string" || typeof json.exp !== "string") return void 0;
+    if (json.v === 1) return json;
+    if (json.v === 2 && Array.isArray(json.hosts) && json.hosts.length > 0 && json.hosts.every((h) => typeof h === "string" && h.trim() !== "")) {
+      return json;
+    }
+  } catch {
+  }
+  return void 0;
+}
+async function verifySignature(pubHex, message, signature) {
+  const s = subtle();
+  if (!s) return "unsupported";
+  let key;
+  try {
+    key = await s.importKey("raw", hexToBytes(pubHex), ED25519, false, ["verify"]);
+  } catch (err) {
+    return err?.name === "NotSupportedError" ? "unsupported" : false;
+  }
+  try {
+    return await s.verify(ED25519, key, signature, message);
+  } catch {
+    return false;
+  }
+}
+async function verifyLicense(key, opts) {
+  const trimmed = (key ?? "").trim();
+  if (!trimmed) return { status: "missing", licensed: false };
+  const parts2 = trimmed.split(".");
+  if (parts2.length !== 3 || parts2[0] !== PREFIX) return { status: "invalid", licensed: false };
+  const [, payloadSeg, sigSeg] = parts2;
+  const payload = parsePayload(payloadSeg);
+  const keys = opts.publicKeys ?? PUBLIC_KEYS;
+  const pubHex = payload ? keys[payload.kid] : void 0;
+  if (!payload || !pubHex) return { status: "invalid", licensed: false };
+  let sig;
+  try {
+    sig = b64urlDecode(sigSeg);
+  } catch {
+    return { status: "invalid", licensed: false };
+  }
+  const ok = await verifySignature(pubHex, utf8(payloadSeg), sig);
+  if (ok === false) return { status: "invalid", licensed: false };
+  if (payload.v === 2) {
+    const host = opts.host === void 0 ? "" : normaliseHost(opts.host);
+    const onHost = host !== "" && (payload.hosts ?? []).some((p) => hostMatches(host, p));
+    if (opts.tenantId !== void 0 && opts.tenantId !== null || !onHost) return { status: "wrong-host", licensed: false, payload };
+  }
+  if (ok === "unsupported") return { status: "unverifiable", licensed: true, payload };
+  const suiteCovers = payload.pid === "suite" && SUITE_PRODUCTS.includes(opts.product);
+  if (payload.pid !== opts.product && !suiteCovers) {
+    return { status: "wrong-product", licensed: false, payload };
+  }
+  const tenant = typeof opts.tenantId === "string" && opts.tenantId.trim() ? opts.tenantId : void 0;
+  if (payload.v === 1 && payload.tid !== "*" && tenant !== void 0 && payload.tid.toLowerCase() !== tenant.toLowerCase()) {
+    return { status: "wrong-tenant", licensed: false, payload };
+  }
+  const now = (opts.now ?? /* @__PURE__ */ new Date()).getTime();
+  const expMs = isoToUtcMs(payload.exp) + DAY2;
+  if (Number.isNaN(expMs)) return { status: "invalid", licensed: false };
+  const daysLeft = Math.floor((expMs - now) / DAY2);
+  if (now > expMs + GRACE_DAYS * DAY2) return { status: "expired", licensed: false, payload, daysLeft };
+  if (now > expMs) return { status: "grace", licensed: true, payload, daysLeft };
+  return { status: "valid", licensed: true, payload, daysLeft };
+}
+var FAILURE_RANK = {
+  expired: 0,
+  "wrong-tenant": 1,
+  "wrong-host": 2,
+  "wrong-product": 3,
+  invalid: 4,
+  missing: 5
+};
+async function verifyLicenses(keys, opts) {
+  const list = (keys ?? "").split(/[\s,;]+/).filter(Boolean);
+  if (list.length <= 1) return verifyLicense(list[0], opts);
+  let best;
+  for (const key of list) {
+    const r = await verifyLicense(key, opts);
+    if (r.licensed) return r;
+    if (!best || (FAILURE_RANK[r.status] ?? 9) < (FAILURE_RANK[best.status] ?? 9)) best = r;
+  }
+  return best ?? { status: "missing", licensed: false };
+}
+var RENEW_URL = "https://ninthforge.com/licence?ref=renewal";
+function renewalNotice(result, now = /* @__PURE__ */ new Date()) {
+  if (!result || result.status !== "grace" || !result.payload) return null;
+  const expMs = isoToUtcMs(result.payload.exp) + DAY2;
+  if (Number.isNaN(expMs)) return null;
+  const daysLeft = Math.min(GRACE_DAYS, Math.max(1, Math.ceil((expMs + GRACE_DAYS * DAY2 - now.getTime()) / DAY2)));
+  const days = daysLeft === 1 ? "1 day" : `${daysLeft} days`;
+  return {
+    text: `Licence expired \xB7 renew within ${days}`,
+    detail: `Your Ninth Forge licence expired on ${result.payload.exp}. Renew within ${days} to keep the watermark off. Only makers see this.`,
+    href: RENEW_URL,
+    daysLeft
+  };
+}
+function licenseMessage(result) {
+  switch (result.status) {
+    case "valid":
+    case "unverifiable":
+      return `Licensed to ${result.payload?.org ?? "your organisation"}`;
+    case "grace":
+      return "Licence expired \u2014 renew within 14 days to keep the watermark off";
+    case "expired":
+      return "Licence expired";
+    case "missing":
+      return "Unlicensed \u2014 add a licence key in the control properties";
+    case "wrong-product":
+      return "This key is for a different Ninth Forge product";
+    case "wrong-tenant":
+      return "This key belongs to a different Microsoft tenant";
+    case "wrong-host":
+      return `This demo key only works on ${result.payload?.hosts?.[0] ?? "the Ninth Forge website"}`;
+    default:
+      return "Licence key not recognised";
+  }
+}
+var PAID_TIERS = ["team", "business", "enterprise"];
+function unlocksPro(r) {
+  if (!r) return false;
+  if (r.licensed) return true;
+  return r.status === "expired" && !!r.payload && PAID_TIERS.includes(r.payload.tier);
+}
+
+// src/useLicense.ts
+import { useEffect as useEffect2, useState as useState3 } from "react";
+function licenseOptions(opts) {
+  return { product: opts.product, tenantId: opts.tenantId, host: browserHost() };
+}
+function useLicense(key, opts) {
+  const [result, setResult] = useState3(null);
+  const { product, tenantId } = opts;
+  useEffect2(() => {
+    let live = true;
+    Promise.resolve(key).catch(() => void 0).then((k) => verifyLicenses(k, licenseOptions({ product, tenantId }))).then((r) => {
+      if (live) setResult(r);
+    });
+    return () => {
+      live = false;
+    };
+  }, [key, product, tenantId]);
+  return result;
+}
+
+// src/edit.ts
+var MINUTE4 = 6e4;
+var SCHED_FIELDS = {
+  keys: ["start", "end", "resourceId"],
+  equal: (key, a, b) => {
+    if (key === "resourceId") return (a || null) === (b || null);
+    const x = toMs(a);
+    const y = toMs(b);
+    return Number.isNaN(x) || Number.isNaN(y) ? defaultEqual(key, a, b) : x === y;
+  },
+  blank: (key) => key === "resourceId" ? null : void 0
+};
+var iso = (ms) => new Date(ms).toISOString();
+function canEdit(editable, hasHandler, action, booking) {
+  if (!hasHandler || editable === false) return false;
+  if (booking?.readOnly) return false;
+  if (typeof editable === "object" && editable[action] === false) return false;
+  return true;
+}
+function dragSpan(mode, span, delta, snapMinutes, zone) {
+  const step = Math.max(1, snapMinutes) * MINUTE4;
+  if (mode === "move") {
+    const start = snap(span.start + delta, snapMinutes, zone);
+    return { start, end: start + (span.end - span.start) };
+  }
+  if (mode === "start") return { start: Math.min(snap(span.start + delta, snapMinutes, zone), span.end - step), end: span.end };
+  return { start: span.start, end: Math.max(snap(span.end + delta, snapMinutes, zone), span.start + step) };
+}
+function createSpan(a, b, snapMinutes, zone) {
+  const step = Math.max(1, snapMinutes) * MINUTE4;
+  const start = snap(Math.min(a, b), snapMinutes, zone, "floor");
+  const end = Math.max(snap(Math.max(a, b), snapMinutes, zone, "ceil"), start + step);
+  return { start, end };
+}
+function placeChange(booking, span, resourceId, source) {
+  const next2 = {};
+  const prev = {};
+  if (toMs(booking.start) !== span.start) {
+    next2.start = iso(span.start);
+    prev.start = typeof booking.start === "number" ? iso(booking.start) : booking.start;
+  }
+  if (toMs(booking.end) !== span.end) {
+    next2.end = iso(span.end);
+    prev.end = typeof booking.end === "number" ? iso(booking.end) : booking.end;
+  }
+  if ((booking.resourceId || null) !== (resourceId || null)) {
+    next2.resourceId = resourceId;
+    prev.resourceId = booking.resourceId || null;
+  }
+  if (!Object.keys(next2).length) return null;
+  return { id: booking.id, ...next2, previous: prev, source };
+}
+function keyEdit(e2) {
+  if (!e2.altKey || e2.ctrlKey || e2.metaKey) return null;
+  if (e2.key === "ArrowLeft" || e2.key === "ArrowRight") return { kind: "time", mode: e2.shiftKey ? "end" : "move", dir: e2.key === "ArrowRight" ? 1 : -1 };
+  if ((e2.key === "ArrowUp" || e2.key === "ArrowDown") && !e2.shiftKey) return { kind: "resource", dir: e2.key === "ArrowDown" ? 1 : -1 };
+  return null;
+}
+function overlapping(items, id, resourceId, span) {
+  if (!resourceId) return [];
+  return items.filter((i) => i.id !== id && !i.cancelled && i.resourceId === resourceId && i.start < span.end && i.end > span.start);
+}
+function checkPlacement(mode, booking, others, resource) {
+  const notes = [];
+  if (others.length && mode !== "allow") {
+    const names = others.slice(0, 2).map((o) => `'${o.booking.name}'`).join(" and ");
+    const more = others.length > 2 ? ` and ${others.length - 2} more` : "";
+    if (mode === "block") return { ok: false, reason: `${resource?.name ?? "That"} is already booked then (${names}${more}).` };
+    notes.push(`overlaps ${names}${more}`);
+  }
+  if (resource?.seats && booking.attendees && booking.attendees > resource.seats) notes.push(`${booking.attendees} people for ${resource.seats} seats`);
+  return notes.length ? { ok: true, warning: notes.join("; ") } : { ok: true };
+}
+function whenLabel(start, end, zone) {
+  const d1 = dayLabelIn(start, zone);
+  const d2 = dayLabelIn(end - 1, zone);
+  return d1 === d2 ? `${d1} ${timeLabel(start, zone)}\u2013${timeLabel(end, zone)}` : `${d1} ${timeLabel(start, zone)} \u2013 ${dayLabelIn(end, zone)} ${timeLabel(end, zone)}`;
+}
+function describeChange(change, ctx) {
+  const who = `'${ctx.name(change.id)}'`;
+  const prefix = change.source === "undo" ? "Undone: " : change.source === "redo" ? "Redone: " : "";
+  const b = ctx.booking(change.id);
+  const start = toMs(change.start ?? b?.start);
+  const end = toMs(change.end ?? b?.end);
+  const when = Number.isNaN(start) || Number.isNaN(end) ? "" : whenLabel(start, end, ctx.zone);
+  let text2;
+  if ("resourceId" in change) {
+    text2 = change.resourceId ? `${who} ${change.previous.resourceId ? "moved" : "assigned"} to ${ctx.resource(change.resourceId)}${when ? `, ${when}` : ""}` : `${who} unassigned`;
+  } else if ("start" in change && "end" in change) text2 = `${who} moved to ${when}`;
+  else if ("end" in change) text2 = `${who} now ends ${timeLabel(end, ctx.zone)} (${when})`;
+  else text2 = `${who} now starts ${timeLabel(start, ctx.zone)} (${when})`;
+  return prefix + text2;
+}
+
+// src/Agenda.tsx
+import * as React5 from "react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
+var PROGRESSIVE_OVER = 400;
+function Agenda(props) {
+  const { zone, startDay, days } = props;
+  const groups = [];
+  for (let day = startDay; day < startDay + days; day++) {
+    const from = dayToInstant(day, zone);
+    const to = dayToInstant(day + 1, zone);
+    const rows = buildRows(props.resources, props.items, { from, to, groupBy: false, filter: props.filter }).filter(
+      (r) => r.kind === "resource" && r.items.length > 0
+    );
+    const queue = props.filter ? [] : unassigned(props.items, from, to);
+    if (rows.length || queue.length) groups.push({ day, rows, queue });
+  }
+  const total = groups.reduce((n, g) => n + g.queue.length + g.rows.reduce((m, r) => m + r.items.length, 0), 0);
+  const [fullFor, setFullFor] = useState4(null);
+  const progressive = total > PROGRESSIVE_OVER && fullFor !== startDay;
+  useEffect3(() => {
+    if (!progressive) return;
+    let after;
+    const done = () => setFullFor(startDay);
+    const raf = typeof requestAnimationFrame === "function" ? requestAnimationFrame(() => after = setTimeout(done, 0)) : 0;
+    const fallback = setTimeout(done, 150);
+    return () => {
+      if (raf && typeof cancelAnimationFrame === "function") cancelAnimationFrame(raf);
+      if (after) clearTimeout(after);
+      clearTimeout(fallback);
+    };
+  }, [progressive, startDay]);
+  const shownGroups = progressive ? groups.slice(0, 1) : groups;
+  const onKeyDown = (e2) => {
+    const list = Array.from(e2.currentTarget.querySelectorAll(".nf-s-ag-item"));
+    const i = list.indexOf(document.activeElement);
+    const to = (n) => {
+      const el = list[Math.max(0, Math.min(list.length - 1, n))];
+      if (!el) return;
+      el.focus();
+      props.onSelect(el.dataset.id ?? "");
+    };
+    if (e2.key === "ArrowDown") to(i + 1);
+    else if (e2.key === "ArrowUp") to(i < 0 ? 0 : i - 1);
+    else if (e2.key === "Home") to(0);
+    else if (e2.key === "End") to(list.length - 1);
+    else return;
+    e2.preventDefault();
+  };
+  const all = shownGroups.flatMap((g) => [...g.rows.flatMap((r) => r.items), ...g.queue]);
+  const tabId = all.some((it) => it.id === props.selected) ? props.selected : all[0]?.id;
+  let tabTaken = false;
+  const item = (it, day, conflict) => {
+    const look = props.appearance.get(it.id);
+    const b = it.booking;
+    const meta = [b.location, b.status, it.kind === "unavailable" ? "Unavailable" : ""].filter(Boolean).join(" \xB7 ");
+    const tabbable = !tabTaken && it.id === tabId;
+    if (tabbable) tabTaken = true;
+    return /* @__PURE__ */ React5.createElement("li", { key: `${day}-${it.id}` }, /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        className: "nf-s-ag-item",
+        "data-id": it.id,
+        "data-selected": props.selected === it.id ? "" : void 0,
+        "data-cancelled": it.cancelled ? "" : void 0,
+        tabIndex: tabbable ? 0 : -1,
+        onClick: () => props.onSelect(it.id),
+        onDoubleClick: () => props.onOpen?.(b),
+        onKeyDown: (e2) => {
+          if (e2.key === "Enter") {
+            props.onOpen?.(b);
+            e2.preventDefault();
+          }
+        }
+      },
+      /* @__PURE__ */ React5.createElement("span", { className: "nf-s-ag-time", "aria-hidden": "true" }, agendaTime(it, day, zone)),
+      /* @__PURE__ */ React5.createElement("span", { className: "nf-s-ag-sw", "aria-hidden": "true", "data-style": look?.style, style: { background: look?.style === "unavailable" ? void 0 : look?.color, borderColor: look?.color } }),
+      /* @__PURE__ */ React5.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React5.createElement("span", { className: "nf-s-ag-name" }, b.name), meta || conflict ? /* @__PURE__ */ React5.createElement("span", { className: "nf-s-ag-meta" }, meta, conflict ? /* @__PURE__ */ React5.createElement("span", { className: "nf-s-ag-warn" }, meta ? " \xB7 " : "", "Overlaps") : null) : null),
+      /* @__PURE__ */ React5.createElement("span", { className: "nf-s-sr" }, props.describe(it), conflict ? ", overlaps another booking" : "")
+    ));
+  };
+  return /* @__PURE__ */ React5.createElement("div", { className: "nf-s-agenda", role: "region", "aria-label": props.label, dir: props.dir, onKeyDown }, groups.length === 0 ? /* @__PURE__ */ React5.createElement("div", { className: "nf-s-ag-empty" }, props.filter ? `Nothing matches \u201C${props.filter}\u201D.` : `No ${props.labels.bookings.toLowerCase()} in these 7 days.`) : null, shownGroups.map((g) => {
+    const today = g.day === props.todayDay;
+    const head = `${props.uid}-ag-${g.day}`;
+    return (
+      // A labelled group, not a heading: the component can't know the host page's heading levels.
+      /* @__PURE__ */ React5.createElement("div", { key: g.day, role: "group", "aria-labelledby": head }, /* @__PURE__ */ React5.createElement("div", { id: head, className: "nf-s-ag-day", "data-today": today ? "" : void 0 }, dayLabelIn(dayToInstant(g.day, zone), zone), today ? " \xB7 Today" : ""), g.rows.map((row) => {
+        const cap = props.capacityOf(row, g.day);
+        return /* @__PURE__ */ React5.createElement("div", { key: row.key, className: "nf-s-ag-group" }, /* @__PURE__ */ React5.createElement("div", { className: "nf-s-ag-res" }, /* @__PURE__ */ React5.createElement("b", null, row.resource.name), cap ? /* @__PURE__ */ React5.createElement("span", { className: "nf-s-cap", "data-level": cap.level === "over" ? "over" : "ok" }, cap.booked, " / ", cap.capacity, " h", cap.level === "over" ? /* @__PURE__ */ React5.createElement("span", { className: "nf-s-sr" }, ", over capacity") : null) : null), /* @__PURE__ */ React5.createElement("ul", { className: "nf-s-ag-list", "aria-label": `${row.resource.name}, ${dayLabelIn(dayToInstant(g.day, zone), zone)}` }, row.items.map((it) => item(it, g.day, row.conflicts.has(it.id)))));
+      }), g.queue.length ? /* @__PURE__ */ React5.createElement("div", { className: "nf-s-ag-group" }, /* @__PURE__ */ React5.createElement("div", { className: "nf-s-ag-res" }, /* @__PURE__ */ React5.createElement("b", null, "Unassigned")), /* @__PURE__ */ React5.createElement("ul", { className: "nf-s-ag-list", "aria-label": `Unassigned, ${dayLabelIn(dayToInstant(g.day, zone), zone)}` }, g.queue.map((it) => item(it, g.day, false)))) : null)
+    );
+  }));
+}
+
+// src/styles.ts
+var css = `
+.nf-sched{--nf-head:${HEADER_H}px;--nf-res:${RESOURCE_W}px;--nf-lane:${LANE_H}px;--nf-now:${brand.ember};position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;box-sizing:border-box;min-height:0;height:100%;box-sizing:border-box;background:var(--nf-surface);color:var(--nf-ink);font-family:var(--nf-font);font-size:var(--nf-text-body);line-height:1.3;border:1px solid var(--nf-line);border-radius:16px;overflow:hidden;-webkit-font-smoothing:antialiased}
+.nf-sched *,.nf-sched *::before,.nf-sched *::after{box-sizing:border-box}
+.nf-s-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:60px;padding:10px 16px;border-bottom:1px solid var(--nf-line)}
+.nf-s-title{font-weight:600;font-size:var(--nf-text-title);letter-spacing:-0.01em;margin-inline-end:6px}
+.nf-s-range{font-weight:500;font-size:var(--nf-text-body);min-width:0}
+.nf-s-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:9px;background:var(--nf-line-soft);max-width:100%}
+.nf-s-seg .nf-s-btn{white-space:nowrap;flex:none}
+.nf-s-btn{font:inherit;font-size:var(--nf-text-body);border:1px solid var(--nf-line);background:var(--nf-surface);color:var(--nf-ink);padding:7px 12px;border-radius:9px;cursor:pointer;min-height:32px;transition:background ${motion.fast} ${motion.ease}}
+.nf-s-btn:hover{background:var(--nf-line-soft)}
+.nf-s-btn[disabled]{opacity:.5;cursor:default}
+.nf-s-icon{padding:7px 10px;min-width:32px}
+.nf-s-seg .nf-s-btn{border:0;background:transparent;color:var(--nf-muted);padding:6px 12px;border-radius:7px}
+.nf-s-seg .nf-s-btn[aria-pressed="true"]{background:var(--nf-surface);color:var(--nf-ink);font-weight:500;box-shadow:0 1px 2px rgba(14,17,22,.12)}
+.nf-s-spacer{flex:1}
+.nf-s-filter{font:inherit;font-size:var(--nf-text-body);min-height:32px;width:calc(var(--nf-text-body) * 170 / 13);max-width:40vw;padding:6px 10px;border-radius:9px;border:1px solid var(--nf-line);background:var(--nf-surface);color:var(--nf-ink)}
+.nf-s-switch{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:var(--nf-text-body);color:var(--nf-ink);background:none;border:0;padding:6px 4px;cursor:pointer;border-radius:8px}
+.nf-s-switch-track{position:relative;width:30px;height:18px;border-radius:9px;background:var(--nf-line);transition:background ${motion.fast} ${motion.ease}}
+.nf-s-switch-track::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:7px;background:#fff;transition:transform ${motion.base} ${motion.ease}}
+.nf-s-switch[aria-pressed="true"] .nf-s-switch-track{background:var(--nf-accent)}
+.nf-s-switch[aria-pressed="true"] .nf-s-switch-track::after{transform:translateX(12px)}
+.nf-s-count{display:inline-block;min-width:20px;padding:1px 6px;margin-inline-start:6px;border-radius:9px;background:var(--nf-accent-solid,var(--nf-accent));color:var(--nf-accent-text);font-size:var(--nf-text-caption);font-weight:600;text-align:center}
+.nf-s-btn:focus-visible,.nf-s-switch:focus-visible,.nf-s-filter:focus-visible,.nf-s-scroll:focus-visible,.nf-s-grouphead:focus-visible,.nf-s-un-item:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-s-main{position:relative;flex:1;min-height:0;display:flex}
+.nf-s-scroll{position:relative;flex:1;min-width:0;overflow:auto;outline:none}
+.nf-s-agenda{position:relative;flex:1;min-width:0;overflow:auto;padding:0 16px 16px}
+.nf-s-agenda>*{max-width:720px}
+.nf-s-ag-day{position:sticky;top:0;z-index:1;margin:0;padding:14px 0 8px;background:var(--nf-surface);border-bottom:1px solid var(--nf-line);font-size:var(--nf-text-header);font-weight:600;color:var(--nf-ink)}
+.nf-s-ag-day[data-today]{box-shadow:inset 0 -2px 0 var(--nf-accent)}
+.nf-s-ag-res{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 0 6px;font-size:var(--nf-text-value);color:var(--nf-muted)}
+.nf-s-ag-res b{font-weight:600;color:var(--nf-ink)}
+.nf-s-ag-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
+.nf-s-ag-item{display:grid;grid-template-columns:minmax(76px,auto) 4px 1fr;align-items:start;gap:10px;width:100%;min-height:44px;text-align:start;font:inherit;font-size:var(--nf-text-body);line-height:1.35;color:var(--nf-ink);background:var(--nf-surface);border:1px solid var(--nf-line-soft);border-radius:8px;padding:8px 10px;cursor:pointer}
+.nf-s-ag-item:hover{border-color:var(--nf-line)}
+.nf-s-ag-item[data-selected]{border-color:var(--nf-accent);box-shadow:0 0 0 1px var(--nf-accent)}
+.nf-s-ag-item:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-s-ag-time{font-family:var(--nf-mono-font);font-size:var(--nf-text-value);color:var(--nf-muted);padding-top:1px;white-space:nowrap}
+.nf-s-ag-sw{align-self:stretch;width:4px;border-radius:2px;border:0 solid}
+.nf-s-ag-sw[data-style="tentative"]{background:transparent!important;border-width:2px;border-style:dashed}
+.nf-s-ag-sw[data-style="unavailable"]{background:repeating-linear-gradient(135deg,var(--nf-muted) 0 2px,transparent 2px 5px)}
+.nf-s-ag-sw[data-style="done"]{opacity:.45}
+.nf-s-ag-name{font-weight:500}
+.nf-s-ag-item[data-cancelled] .nf-s-ag-name{text-decoration:line-through;color:var(--nf-muted)}
+.nf-s-ag-meta{display:block;margin-top:2px;font-size:var(--nf-text-callout);color:var(--nf-muted)}
+.nf-s-ag-warn{color:var(--nf-ink);text-decoration:underline 2px var(--nf-negative);text-underline-offset:3px}
+.nf-s-ag-empty{padding:32px 0;color:var(--nf-muted);font-size:var(--nf-text-body)}
+.nf-s-head{position:sticky;top:0;z-index:4;display:flex;height:var(--nf-head);background:var(--nf-surface);border-bottom:1px solid var(--nf-line)}
+.nf-s-corner{position:sticky;left:0;z-index:5;flex:none;width:var(--nf-res);display:flex;align-items:flex-end;padding:0 16px 10px;background:var(--nf-surface);border-right:1px solid var(--nf-line);font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);letter-spacing:.06em;color:var(--nf-muted);text-transform:uppercase}
+.nf-s-axis{position:relative;flex:none}
+.nf-s-day{position:absolute;top:0;height:calc(var(--nf-text-label) * 28 / 12);padding:8px 10px 0;border-left:1px solid var(--nf-line);font-size:var(--nf-text-label);font-weight:600;white-space:nowrap;overflow:hidden}
+.nf-s-day[data-today]{color:var(--nf-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--nf-accent)}
+.nf-s-hour{position:absolute;top:calc(var(--nf-text-label) * 32 / 12);padding-left:4px;font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);color:var(--nf-muted);white-space:nowrap}
+.nf-s-body{position:relative}
+.nf-s-layer{position:absolute;top:0;bottom:0;pointer-events:none}
+.nf-s-off{position:absolute;top:0;bottom:0;background:var(--nf-line-soft)}
+.nf-s-vline{position:absolute;top:0;bottom:0;width:1px;background:var(--nf-line-soft)}
+.nf-s-vline[data-day]{background:var(--nf-line)}
+.nf-s-nowline{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--nf-now);z-index:2}
+.nf-s-row{position:absolute;left:0;display:flex}
+.nf-s-row[aria-selected="true"] .nf-s-res{background:var(--nf-selected)}
+.nf-s-res{position:sticky;left:0;z-index:3;flex:none;width:var(--nf-res);display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;background:var(--nf-surface);border-right:1px solid var(--nf-line);border-bottom:1px solid var(--nf-line-soft)}
+.nf-s-avatar{flex:none;width:calc(var(--nf-text-caption) * 28 / 11);height:calc(var(--nf-text-caption) * 28 / 11);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--nf-text-caption);font-weight:600;background:var(--nf-accent-tint);color:var(--nf-ink);overflow:hidden}
+.nf-s-avatar img{width:100%;height:100%;object-fit:cover}
+.nf-s-who{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
+.nf-s-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.nf-s-sub{font-size:var(--nf-text-callout);color:var(--nf-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.nf-s-cap{flex:none;font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);color:var(--nf-muted);text-align:end}
+.nf-s-cap[data-level="over"]{color:var(--nf-ink);font-weight:600;text-decoration:underline 2px var(--nf-negative);text-underline-offset:3px}
+.nf-s-lanes{position:relative;flex:none;border-bottom:1px solid var(--nf-line-soft)}
+.nf-s-overday{position:absolute;top:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(135deg,var(--nf-negative) 0 1px,transparent 1px 7px);opacity:.16}
+.nf-s-util{position:absolute;bottom:2px;height:3px;border-radius:2px;background:var(--nf-line-soft);overflow:hidden;pointer-events:none}
+.nf-s-util>i{display:block;height:100%;border-radius:inherit;background:var(--nf-accent);opacity:.45}
+.nf-s-util>i[data-level="near"]{opacity:1}
+.nf-s-util>i[data-level="over"]{background:var(--nf-negative);opacity:1}
+.nf-s-group{position:absolute;left:0;height:var(--nf-group,${GROUP_H}px);display:flex;align-items:center;background:var(--nf-surface-alt);border-bottom:1px solid var(--nf-line)}
+.nf-s-groupcell{position:sticky;left:0;height:100%;display:flex}
+.nf-s-grouphead{display:inline-flex;align-items:center;gap:8px;height:100%;padding:0 16px;font:inherit;font-size:var(--nf-text-label);font-weight:600;letter-spacing:.02em;color:var(--nf-ink);background:none;border:0;cursor:pointer}
+.nf-s-grouphead svg{transition:transform ${motion.fast} ${motion.ease}}
+.nf-s-grouphead[aria-expanded="false"] svg{transform:rotate(-90deg)}
+.nf-sched[data-rtl] .nf-s-grouphead[aria-expanded="false"] svg{transform:rotate(90deg)}
+.nf-s-groupcount{font-weight:400;color:var(--nf-muted)}
+.nf-s-bk{position:absolute;height:calc(var(--nf-lane) - 4px);border-radius:6px;padding:0 8px;display:flex;align-items:center;gap:6px;font-size:var(--nf-text-value);line-height:1.15;white-space:nowrap;overflow:hidden;cursor:pointer;background:var(--bk);color:var(--bk-text);border:1px solid var(--bk);transform-origin:left center;animation:nf-s-in ${motion.base} ${motion.ease} both}
+.nf-s-bk b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
+.nf-s-bk span{overflow:hidden;text-overflow:ellipsis;font-weight:400}
+.nf-s-bk[data-style="tentative"]{background:color-mix(in srgb,var(--bk) 16%,var(--nf-surface));color:var(--nf-ink);border-style:dashed}
+.nf-s-bk[data-style="done"]{background:var(--nf-line-soft);color:var(--nf-ink);border-color:var(--nf-line);box-shadow:inset 3px 0 0 var(--bk)}
+.nf-s-bk[data-style="cancelled"]{background:var(--nf-surface);color:var(--nf-muted);border:1px dashed var(--nf-line);text-decoration:line-through}
+.nf-s-bk[data-style="unavailable"]{background:repeating-linear-gradient(135deg,var(--nf-line-soft) 0 6px,var(--nf-surface) 6px 12px);color:var(--nf-ink);border-color:var(--nf-line)}
+.nf-s-bk[data-conflict]::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--nf-negative)}
+.nf-s-bk[data-overseat]::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--nf-negative)}
+.nf-s-seats{flex:none;order:2;margin-inline-start:auto;padding:1px 5px;border-radius:4px;background:var(--nf-surface);color:var(--nf-ink);box-shadow:inset 0 0 0 1px var(--nf-negative);font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);font-weight:600}
+.nf-s-bk[aria-selected="true"]{box-shadow:0 0 0 2px var(--nf-surface),0 0 0 4px var(--nf-accent);z-index:1}
+.nf-s-settled .nf-s-bk{animation:none}
+.nf-sched[data-narrow] .nf-s-unassigned{position:absolute;inset:0;z-index:6;width:auto;border-left:0}
+.nf-s-unassigned{flex:none;width:var(--nf-unassigned-w,280px);display:flex;flex-direction:column;border-left:1px solid var(--nf-line);background:var(--nf-surface)}
+.nf-s-un-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--nf-line);font-weight:600}
+/* RTL hosts: numbers, times and ranges stay in reading order ("0 / 8 h", "08:00\u201309:00"). */
+.nf-s-cap,.nf-s-count,.nf-s-ag-time,.nf-s-ltr,.nf-s-range{direction:ltr;unicode-bidi:isolate}
+.nf-s-menu [role="menuitem"]{unicode-bidi:plaintext}
+.nf-s-menuwrap{position:relative;display:inline-flex}
+.nf-s-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:9;min-width:180px;display:flex;flex-direction:column;padding:4px;border-radius:10px;border:1px solid var(--nf-line);background:var(--nf-surface);box-shadow:0 8px 24px rgba(14,17,22,.14)}
+.nf-s-menu [role="menuitem"]{font:inherit;font-size:var(--nf-text-body);text-align:start;color:var(--nf-ink);background:none;border:0;border-radius:7px;padding:8px 10px;cursor:pointer}
+.nf-s-menu [role="menuitem"]:hover,.nf-s-menu [role="menuitem"]:focus-visible{background:var(--nf-line-soft);outline:none}
+.nf-s-menu [role="menuitem"]:focus-visible{box-shadow:inset 0 0 0 2px var(--nf-focus)}
+.nf-s-un-tools{display:flex;gap:6px;padding:8px 8px 0}
+.nf-s-un-tools .nf-s-filter{flex:1;min-width:0;width:auto;max-width:none}
+.nf-s-pick{display:inline-flex;align-items:center;gap:6px;font-size:var(--nf-text-body);color:var(--nf-muted)}
+.nf-s-pick select{font:inherit;font-size:var(--nf-text-body);min-height:32px;padding:5px 8px;border-radius:9px;border:1px solid var(--nf-line);background:var(--nf-surface);color:var(--nf-ink);cursor:pointer}
+.nf-s-pick select:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-s-un-list{flex:1;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:6px;margin:0;list-style:none}
+.nf-s-un-day{font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--nf-muted);padding:8px 8px 2px}
+.nf-s-un-item{display:block;width:100%;text-align:start;font:inherit;font-size:var(--nf-text-body);padding:8px 10px;border-radius:9px;border:1px solid var(--nf-line);border-left:3px solid var(--nf-accent);background:var(--nf-surface);color:var(--nf-ink);cursor:pointer}
+.nf-s-un-item[aria-pressed="true"]{background:var(--nf-selected);border-color:var(--nf-accent)}
+.nf-s-un-item small{display:block;color:var(--nf-muted);font-size:var(--nf-text-callout);margin-top:2px}
+.nf-s-un-empty{padding:16px;color:var(--nf-muted);font-size:var(--nf-text-body)}
+.nf-s-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
+.nf-s-empty{position:absolute;left:var(--nf-res);right:0;top:40px;text-align:center;color:var(--nf-muted);font-size:var(--nf-text-body)}.nf-s-emptyaction{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;color:var(--nf-muted);font-size:var(--nf-text-body)}.nf-s-emptyaction small{font-size:var(--nf-text-callout);max-width:360px}.nf-s-emptyaction [role="alert"]{color:var(--nf-negative,#D93F2B)}
+.nf-s-bk{user-select:none;touch-action:none}
+.nf-s-bk[data-editable]{cursor:grab}
+.nf-s-dragging,.nf-s-dragging *{cursor:grabbing!important;user-select:none}
+.nf-s-bk[data-preview]{box-shadow:0 6px 18px rgba(14,17,22,.22);z-index:2}
+.nf-s-h{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:1}
+.nf-s-h-l{left:0}
+.nf-s-h-r{right:0}
+.nf-s-bk:hover .nf-s-h::after,.nf-s-bk[aria-selected="true"] .nf-s-h::after{content:"";position:absolute;top:6px;bottom:6px;left:3px;width:2px;border-radius:1px;background:currentColor;opacity:.55}
+.nf-s-lanes[data-create]{cursor:crosshair}
+.nf-s-ghost{position:absolute;height:calc(var(--nf-lane) - 4px);border-radius:6px;border:1.5px dashed var(--nf-accent);background:var(--nf-accent-tint);color:var(--nf-ink);font-size:var(--nf-text-caption);font-family:var(--nf-mono-font);padding:0 8px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;pointer-events:none}
+.nf-s-draglabel{position:absolute;z-index:5;padding:3px 8px;border-radius:6px;background:var(--nf-tooltip-bg);color:var(--nf-tooltip-ink);font-size:var(--nf-text-caption);font-family:var(--nf-mono-font);white-space:nowrap;pointer-events:none}
+.nf-s-un-item[data-editable]{cursor:grab;touch-action:none}
+.nf-s-toasts{position:absolute;left:12px;bottom:12px;z-index:9;display:flex;flex-direction:column;gap:8px;max-width:min(460px,calc(100% - 24px))}
+.nf-s-toast{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:10px;background:var(--nf-tooltip-bg);color:var(--nf-tooltip-ink);box-shadow:0 8px 24px rgba(14,17,22,.24);font-size:var(--nf-text-body);animation:nf-s-in ${motion.fast} ${motion.ease} both}
+.nf-s-toast[data-tone="error"]{background:var(--nf-negative);color:#fff}
+.nf-s-toast-text{flex:1;min-width:0}
+.nf-s-toast-btn{font:inherit;font-size:var(--nf-text-body);font-weight:600;color:inherit;background:rgba(255,255,255,.14);border:0;padding:5px 10px;border-radius:7px;cursor:pointer}
+.nf-s-toast-x{font:inherit;font-size:var(--nf-text-title);line-height:1;color:inherit;opacity:.7;background:none;border:0;padding:4px 6px;border-radius:6px;cursor:pointer}
+.nf-s-toast button:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-s-mark{position:absolute;right:12px;bottom:12px;z-index:7;display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 6px;border-radius:8px;background:var(--nf-surface);border:1px solid var(--nf-line);box-shadow:0 2px 8px rgba(14,17,22,.08);font-size:var(--nf-text-caption);color:var(--nf-muted);text-decoration:none;font-family:inherit;cursor:pointer}
+.nf-s-mark:hover{color:var(--nf-ink)}
+.nf-s-locknote{position:absolute;left:12px;bottom:12px;z-index:7;margin:0;max-width:calc(100% - 220px);padding:5px 9px;border-radius:8px;background:var(--nf-surface);border:1px solid var(--nf-line);font-size:var(--nf-text-caption);color:var(--nf-muted)}
+.nf-s-renew{position:absolute;right:12px;bottom:12px;z-index:7;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:var(--nf-surface);border:1px solid var(--nf-line);box-shadow:0 2px 8px rgba(14,17,22,.08);font-size:var(--nf-text-caption);color:var(--nf-muted);text-decoration:none}
+.nf-s-renew:hover{color:var(--nf-ink)}
+.nf-s-renew:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-s-renew::before{content:"";width:6px;height:6px;border-radius:3px;background:var(--nf-milestone)}
+.nf-s-mark:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+@keyframes nf-s-in{from{opacity:0;transform:scaleX(.96)}to{opacity:1;transform:none}}
+@media (prefers-reduced-motion: reduce){.nf-sched *{animation:none!important;transition:none!important}}
+@media (forced-colors: active){
+.nf-sched{border-color:CanvasText}
+.nf-s-bk,.nf-s-nowline,.nf-s-off,.nf-s-avatar,.nf-s-count,.nf-s-switch-track,.nf-s-switch-track::after{forced-color-adjust:none}
+.nf-s-bk{background:Canvas;color:CanvasText;border:1px solid CanvasText}
+.nf-s-bk[data-style="tentative"],.nf-s-bk[data-style="cancelled"]{border-style:dashed}
+.nf-s-bk[data-style="unavailable"]{background:repeating-linear-gradient(135deg,GrayText 0 2px,Canvas 2px 8px)}
+.nf-s-bk[data-style="unavailable"]>b,.nf-s-bk[data-style="unavailable"]>span[aria-hidden]{forced-color-adjust:none;background:Canvas;color:CanvasText;padding:0 3px;border-radius:2px}
+.nf-s-bk[data-conflict]::after{background:Highlight}
+.nf-s-bk[data-overseat]::before{background:Highlight}
+.nf-s-seats{forced-color-adjust:none;background:Highlight;color:HighlightText}
+.nf-s-ghost,.nf-s-draglabel,.nf-s-toast{forced-color-adjust:none;background:Canvas;color:CanvasText;border:1px solid CanvasText}
+.nf-s-bk[aria-selected="true"]{box-shadow:none;outline:2px solid Highlight;outline-offset:2px}
+.nf-s-nowline{background:Highlight}
+.nf-s-off{background:transparent}
+.nf-s-util,.nf-s-util>i,.nf-s-overday{forced-color-adjust:none}
+.nf-s-util{background:Canvas;outline:1px solid GrayText}
+.nf-s-util>i{background:GrayText;opacity:1}
+.nf-s-util>i[data-level="near"]{background:CanvasText}
+.nf-s-util>i[data-level="over"]{background:Highlight}
+.nf-s-overday{background:repeating-linear-gradient(135deg,Highlight 0 1px,transparent 1px 7px);opacity:.35}
+.nf-s-avatar,.nf-s-count{background:Canvas;color:CanvasText;border:1px solid CanvasText}
+.nf-sched :focus-visible{outline:2px solid Highlight}
+.nf-s-ag-item{border-color:CanvasText}
+.nf-s-menu{border-color:CanvasText}
+.nf-s-menu [role="menuitem"]:focus-visible{outline:2px solid Highlight;box-shadow:none}
+.nf-s-ag-item[data-selected]{outline:2px solid Highlight;box-shadow:none}
+.nf-s-ag-sw{forced-color-adjust:none;background:CanvasText!important}
+/* Forced colours drop box-shadows: today and the pressed view need real borders. */
+.nf-s-day[data-today],.nf-s-ag-day[data-today]{box-shadow:none;border-bottom:2px solid Highlight}
+.nf-s-seg .nf-s-btn[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px}
+.nf-s-switch[aria-pressed="true"] .nf-s-switch-track{background:Highlight}
+.nf-s-switch-track{background:Canvas;border:1px solid CanvasText}
+.nf-s-switch-track::after{background:CanvasText}
+.nf-s-switch[aria-pressed="true"] .nf-s-switch-track::after{background:HighlightText}
+}
+`;
+
+// src/theme.ts
+function resolveTheme(theme, accent) {
+  const base = theme === "dark" ? darkTheme : lightTheme;
+  const overrides = typeof theme === "object" ? { ...theme } : {};
+  const ownText = overrides.accentText;
+  if (accent) {
+    overrides.accent = accent;
+    overrides.focus = overrides.focus ?? accent;
+    const surface = overrides.surface ?? base.surface;
+    const dark = theme === "dark";
+    overrides.accentTint = overrides.accentTint ?? `color-mix(in srgb, ${accent} ${dark ? 32 : 20}%, ${surface})`;
+    overrides.selected = overrides.selected ?? `color-mix(in srgb, ${accent} ${dark ? 14 : 6}%, ${surface})`;
+  }
+  const finalAccent = overrides.accent ?? base.accent;
+  const pair = ownText ? { background: finalAccent, text: ownText } : accentForText(finalAccent);
+  overrides.accentText = pair.text;
+  return { ...themeVars(overrides, base), "--nf-accent-solid": pair.background };
+}
+function accentOf(theme, accent) {
+  if (accent) return accent;
+  if (typeof theme === "object" && theme.accent) return theme.accent;
+  return (theme === "dark" ? darkTheme : lightTheme).accent;
+}
+function palette(theme, accent, forceLight) {
+  const base = theme === "dark" && !forceLight ? darkTheme : lightTheme;
+  const own = typeof theme === "object" && !forceLight ? theme : {};
+  return { ...base, ...own, ...accent ? { accent, accentText: own.accentText ?? accentForText(accent).text } : {} };
+}
+
+// src/export.ts
+var PRINT_TIMELINE_W = 820;
+var PRINT_RES_W = 190;
+var PRINT_LANE = 18;
+var e = escapeHtml;
+function fit(text2, px, perChar = 5.4) {
+  const n = Math.floor((px - 6) / perChar);
+  if (n <= 0) return "";
+  return text2.length <= n ? text2 : `${text2.slice(0, Math.max(1, n - 1))}\u2026`;
+}
+function rowSvg(row, o, w) {
+  const t = o.theme;
+  const s = o.scale;
+  const h = Math.max(24, row.lanes * PRINT_LANE + 6);
+  const out = [];
+  for (const b of s.nonWorking) out.push(`<rect x="${b.x}" y="0" width="${b.width}" height="${h}" fill="${t.lineSoft}"/>`);
+  for (const d of s.days) out.push(`<line x1="${d.x}" x2="${d.x}" y1="0" y2="${h}" stroke="${t.line}"/>`);
+  if (o.now !== void 0 && o.now >= s.start && o.now < s.end) {
+    const nx = s.x(o.now);
+    out.push(`<line x1="${nx}" x2="${nx}" y1="0" y2="${h}" stroke="${brand.ember}" stroke-width="1.5"/>`);
+  }
+  for (const it of row.items) {
+    const x0 = s.x(Math.max(it.start, s.start));
+    const x1 = s.x(Math.min(it.end, s.end));
+    const bw = Math.max(2, x1 - x0);
+    const y = 3 + (row.lane.get(it.id) ?? 0) * PRINT_LANE;
+    const look = o.look.get(it.id) ?? { color: t.accent, text: t.accentText, style: "solid" };
+    let fill = look.color;
+    let ink = look.text;
+    let extra = "";
+    if (look.style === "tentative") {
+      extra = ` fill-opacity=".16" stroke="${look.color}" stroke-dasharray="3 2"`;
+      ink = t.ink;
+    } else if (look.style === "done") {
+      extra = ` fill-opacity=".4"`;
+      ink = t.ink;
+    } else if (look.style === "cancelled") {
+      fill = t.lineSoft;
+      extra = ` stroke="${t.line}"`;
+      ink = t.muted;
+    } else if (look.style === "unavailable") {
+      fill = "url(#nf-hatch)";
+      extra = ` stroke="${t.line}"`;
+      ink = t.ink;
+    }
+    out.push(`<rect x="${x0}" y="${y}" width="${bw}" height="14" rx="3"${extra} fill="${fill}"/>`);
+    if (row.conflicts.has(it.id)) out.push(`<rect x="${x0}" y="${y}" width="${bw}" height="2" fill="${t.negative}"/>`);
+    const label = fit(it.booking.name, bw);
+    if (label)
+      out.push(
+        `<text x="${x0 + 4}" y="${y + 10.5}" fill="${ink}"${look.style === "cancelled" ? ' text-decoration="line-through"' : ""}>${e(label)}</text>`
+      );
+  }
+  return `<svg width="${w}" height="${h}" viewBox="0 0 ${w} ${h}" aria-hidden="true">${out.join("")}</svg>`;
+}
+function headerSvg(o, w) {
+  const t = o.theme;
+  const out = [];
+  for (const d of o.scale.days) {
+    out.push(`<line x1="${d.x}" x2="${d.x}" y1="0" y2="30" stroke="${t.line}"/>`);
+    out.push(`<text x="${d.x + 4}" y="12" font-weight="600" fill="${t.ink}">${e(fit(d.label, d.width, 5.8))}</text>`);
+  }
+  if (o.showHours) {
+    let lastX = -Infinity;
+    for (const hr of o.scale.hours) {
+      if (hr.x - lastX < 34) continue;
+      lastX = hr.x;
+      out.push(`<text x="${hr.x + 2}" y="26" fill="${t.muted}">${e(hr.label)}</text>`);
+    }
+  }
+  return `<svg width="${w}" height="30" viewBox="0 0 ${w} 30" aria-hidden="true">${out.join("")}</svg>`;
+}
+function legend(t, withNow) {
+  const sw = (style) => `<i style="${style}"></i>`;
+  return [
+    `<span>${sw(`background:${t.accent}`)}Booked</span>`,
+    `<span>${sw(`border:1px dashed ${t.accent};background:transparent`)}Tentative</span>`,
+    `<span>${sw(`background:${t.accent};opacity:.4`)}Done</span>`,
+    `<span>${sw(`background:${t.lineSoft};border:1px solid ${t.line}`)}Cancelled</span>`,
+    `<span>${sw(`background:repeating-linear-gradient(135deg,${t.muted} 0 1px,transparent 1px 4px);border:1px solid ${t.line}`)}Unavailable</span>`,
+    `<span>${sw(`background:${t.negative};height:2px`)}Overlap</span>`,
+    withNow ? `<span>${sw(`background:${brand.ember};width:2px`)}Now</span>` : ""
+  ].join("");
+}
+function shell(title, meta, legendHtml, t, body) {
+  return `<!doctype html><html><head><meta charset="utf-8"><title>${e(title)}</title><style>
+@page{size:landscape;margin:10mm}
+*{box-sizing:border-box}
+html,body{margin:0;background:#fff;color:${t.ink};font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
+header{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:8px}
+h1{font-size:16px;margin:0;letter-spacing:-0.01em}
+h2{font-size:12px;margin:14px 0 6px}
+h3{font-size:10.5px;margin:8px 0 4px;color:${t.muted};font-weight:600}
+.meta{color:${t.muted}}
+.legend{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto;color:${t.muted}}
+.legend span{display:inline-flex;align-items:center;gap:5px}
+.legend i{display:inline-block;width:18px;height:9px;border-radius:2px}
+table{width:100%;border-collapse:collapse;table-layout:fixed}
+thead{display:table-header-group}
+tr{page-break-inside:avoid;break-inside:avoid}
+th{font-family:"Geist Mono",ui-monospace,monospace;font-weight:500;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:${t.muted};text-align:left;padding:0 6px 4px;border-bottom:1px solid ${t.line};vertical-align:bottom}
+th.tl{padding:0}
+td{padding:2px 6px;border-bottom:1px solid ${t.lineSoft};vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+td.tl{padding:0}
+td.tl svg,th.tl svg{display:block}
+svg text{font-family:inherit;font-size:9px}
+.res b{display:block;font-weight:600}
+.res small{color:${t.muted}}
+.cap{float:right;font-family:"Geist Mono",ui-monospace,monospace;color:${t.muted}}
+tr.group td{background:${t.surfaceAlt};font-weight:600;padding:4px 6px}
+.num{font-variant-numeric:tabular-nums;white-space:nowrap}
+.muted{color:${t.muted}}
+.strike{text-decoration:line-through;color:${t.muted}}
+</style></head><body>
+<svg width="0" height="0" style="position:absolute" aria-hidden="true"><defs><pattern id="nf-hatch" width="5" height="5" patternUnits="userSpaceOnUse" patternTransform="rotate(45)"><rect width="5" height="5" fill="#fff"/><line x1="0" y1="0" x2="0" y2="5" stroke="${t.line}" stroke-width="2"/></pattern></defs></svg>
+<header><h1>${e(title)}</h1><span class="meta">${meta}</span><div class="legend">${legendHtml}</div></header>
+${body}
+</body></html>`;
+}
+function queueTable(queue, zone, labels) {
+  if (!queue.length) return "";
+  const rows = queue.map(
+    (it) => `<tr><td class="num">${e(dayLabelIn(it.start, zone))}, ${it.booking.allDay ? "all day" : `${timeLabel(it.start, zone)}\u2013${timeLabel(it.end, zone)}`}</td><td${it.cancelled ? ' class="strike"' : ""}>${e(it.booking.name)}</td><td>${e(it.booking.location ?? "")}</td><td class="muted">${e(it.booking.status ?? "")}</td></tr>`
+  ).join("");
+  return `<h2>Unassigned ${e(labels.bookings.toLowerCase())} (${queue.length})</h2><table><colgroup><col style="width:190px"><col><col style="width:200px"><col style="width:110px"></colgroup><thead><tr><th>When</th><th>${e(
+    labels.booking
+  )}</th><th>Location</th><th>Status</th></tr></thead><tbody>${rows}</tbody></table>`;
+}
+function boardPrintHtml(o) {
+  const t = o.theme;
+  const w = o.scale.width;
+  const resources = o.rows.filter((r) => r.kind === "resource");
+  const body = o.rows.map((r) => {
+    if (r.kind === "group") return `<tr class="group"><td colspan="2">${e(r.label)} <span class="muted">${r.count}</span></td></tr>`;
+    const cap = o.capacity(r);
+    return `<tr><td class="res">${cap ? `<span class="cap">${e(cap)}</span>` : ""}<b>${e(r.resource.name)}</b>${r.resource.subtitle ? `<small>${e(r.resource.subtitle)}</small>` : ""}</td><td class="tl">${rowSvg(r, o, w)}</td></tr>`;
+  }).join("");
+  const table = `<table><colgroup><col style="width:${PRINT_RES_W}px"><col style="width:${w}px"></colgroup><thead><tr><th>${e(
+    o.labels.resources
+  )}</th><th class="tl">${headerSvg(o, w)}</th></tr></thead><tbody>${body}</tbody></table>`;
+  const showsNow = o.now !== void 0 && o.now >= o.scale.start && o.now < o.scale.end;
+  const meta = `${e(o.range)} \xB7 ${resources.length} ${e((resources.length === 1 ? o.labels.resource : o.labels.resources).toLowerCase())} \xB7 Printed on ${e(o.printedOn)}`;
+  return shell(o.title, meta, legend(t, showsNow), t, table + queueTable(o.queue, o.zone, o.labels));
+}
+function agendaPrintHtml(o) {
+  const parts2 = [];
+  let count = 0;
+  for (let day = o.startDay; day < o.startDay + o.days; day++) {
+    const from = dayToInstant(day, o.zone);
+    const to = dayToInstant(day + 1, o.zone);
+    const rows = buildRows(o.resources, o.items, { from, to, groupBy: false, filter: o.filter }).filter(
+      (r) => r.kind === "resource" && r.items.length > 0
+    );
+    const queue = o.filter ? [] : unassigned(o.items, from, to);
+    if (!rows.length && !queue.length) continue;
+    const line = (it, conflict) => {
+      count++;
+      return `<tr><td class="num" style="width:110px">${e(agendaTime(it, day, o.zone))}</td><td${it.cancelled ? ' class="strike"' : ""}>${e(it.booking.name)}${conflict ? ' <span class="muted">\xB7 overlaps</span>' : ""}</td><td style="width:200px">${e(it.booking.location ?? "")}</td><td class="muted" style="width:110px">${e(
+        it.kind === "unavailable" ? "Unavailable" : it.booking.status ?? ""
+      )}</td></tr>`;
+    };
+    parts2.push(`<h2>${e(dayLabelIn(dayToInstant(day, o.zone), o.zone))}</h2>`);
+    for (const r of rows) parts2.push(`<h3>${e(r.resource.name)}</h3><table><tbody>${r.items.map((it) => line(it, r.conflicts.has(it.id))).join("")}</tbody></table>`);
+    if (queue.length) parts2.push(`<h3>Unassigned</h3><table><tbody>${queue.map((it) => line(it, false)).join("")}</tbody></table>`);
+  }
+  if (!parts2.length) parts2.push(`<p class="muted">No ${e(o.labels.bookings.toLowerCase())} in these days.</p>`);
+  const meta = `${e(o.range)} \xB7 ${count} ${e((count === 1 ? o.labels.booking : o.labels.bookings).toLowerCase())} \xB7 Printed on ${e(o.printedOn)}`;
+  return shell(o.title, meta, "", o.theme, parts2.join(""));
+}
+var TITLE_H = 48;
+var HEAD_H = 44;
+var FONT = 'Geist, system-ui, -apple-system, "Segoe UI", sans-serif';
+function boardPngSize(rows, timelineWidth) {
+  const last = rows[rows.length - 1];
+  const body = last ? last.top + last.height : 60;
+  const width = Math.ceil(RESOURCE_W + timelineWidth);
+  const height = Math.ceil(TITLE_H + HEAD_H + body);
+  const ratio2 = exportRatio(width, height);
+  return ratio2 === null ? null : { width, height, ratio: ratio2 };
+}
+function roundRect(ctx, x, y, w, h, r) {
+  const rr = Math.min(r, w / 2, h / 2);
+  ctx.beginPath();
+  ctx.moveTo(x + rr, y);
+  ctx.arcTo(x + w, y, x + w, y + h, rr);
+  ctx.arcTo(x + w, y + h, x, y + h, rr);
+  ctx.arcTo(x, y + h, x, y, rr);
+  ctx.arcTo(x, y, x + w, y, rr);
+  ctx.closePath();
+}
+function drawBoard(ctx, size, o) {
+  const c = (v, fb) => canvasColor(ctx, v, fb);
+  const T = {
+    surface: c(o.theme.surface, "#fff"),
+    alt: c(o.theme.surfaceAlt, "#f6f6f3"),
+    ink: c(o.theme.ink, "#111"),
+    muted: c(o.theme.muted, "#666"),
+    line: c(o.theme.line, "#ddd"),
+    soft: c(o.theme.lineSoft, "#eee"),
+    negative: c(o.theme.negative, "#d93f2b")
+  };
+  const s = o.scale;
+  const X0 = RESOURCE_W;
+  const Y0 = TITLE_H + HEAD_H;
+  ctx.save();
+  ctx.scale(size.ratio, size.ratio);
+  ctx.fillStyle = T.surface;
+  ctx.fillRect(0, 0, size.width, size.height);
+  ctx.textBaseline = "middle";
+  ctx.fillStyle = T.ink;
+  ctx.font = `600 16px ${FONT}`;
+  ctx.fillText(o.title, 16, 24);
+  const tw = ctx.measureText(o.title).width;
+  ctx.fillStyle = T.muted;
+  ctx.font = `400 12px ${FONT}`;
+  ctx.fillText(o.range, 16 + tw + 12, 25);
+  ctx.fillStyle = T.soft;
+  ctx.fillRect(0, TITLE_H + HEAD_H - 1, size.width, 1);
+  for (const d of s.days) {
+    ctx.fillStyle = T.line;
+    ctx.fillRect(X0 + d.x, TITLE_H, 1, size.height - TITLE_H);
+    ctx.save();
+    ctx.beginPath();
+    ctx.rect(X0 + d.x, TITLE_H, d.width, HEAD_H);
+    ctx.clip();
+    ctx.fillStyle = T.ink;
+    ctx.font = `600 12px ${FONT}`;
+    ctx.fillText(d.label, X0 + d.x + 8, TITLE_H + 14);
+    ctx.restore();
+  }
+  if (o.showHours) {
+    ctx.fillStyle = T.muted;
+    ctx.font = `400 11px ${FONT}`;
+    let lastX = -Infinity;
+    for (const hr of s.hours) {
+      if (hr.x - lastX < 40) continue;
+      lastX = hr.x;
+      ctx.fillText(hr.label, X0 + hr.x + 4, TITLE_H + 32);
+    }
+  }
+  ctx.fillStyle = T.muted;
+  ctx.font = `500 11px ${FONT}`;
+  ctx.fillText(o.labels.resources.toUpperCase(), 16, TITLE_H + HEAD_H - 14);
+  ctx.fillStyle = T.soft;
+  for (const b of s.nonWorking) ctx.fillRect(X0 + b.x, Y0, b.width, size.height - Y0);
+  for (const r of o.rows) {
+    const y = Y0 + r.top;
+    if (r.kind === "group") {
+      ctx.fillStyle = T.alt;
+      ctx.fillRect(0, y, size.width, r.height);
+      ctx.fillStyle = T.ink;
+      ctx.font = `600 12px ${FONT}`;
+      ctx.fillText(`${r.label}  ${r.count}`, 16, y + r.height / 2);
+      continue;
+    }
+    ctx.fillStyle = T.soft;
+    ctx.fillRect(0, y + r.height - 1, size.width, 1);
+    ctx.fillStyle = T.ink;
+    ctx.font = `500 13px ${FONT}`;
+    const sub = r.resource.subtitle;
+    ctx.fillText(r.resource.name, 16, y + (sub ? r.height / 2 - 7 : r.height / 2), RESOURCE_W - 96);
+    if (sub) {
+      ctx.fillStyle = T.muted;
+      ctx.font = `400 11px ${FONT}`;
+      ctx.fillText(sub, 16, y + r.height / 2 + 8, RESOURCE_W - 96);
+    }
+    const cap = o.capacity(r);
+    if (cap) {
+      ctx.fillStyle = T.muted;
+      ctx.font = `400 11px ${FONT}`;
+      ctx.textAlign = "right";
+      ctx.fillText(cap, RESOURCE_W - 12, y + r.height / 2);
+      ctx.textAlign = "left";
+    }
+    for (const it of r.items) {
+      const x0 = X0 + s.x(Math.max(it.start, s.start));
+      const x1 = X0 + s.x(Math.min(it.end, s.end));
+      const bw = Math.max(3, x1 - x0);
+      const by = y + ROW_PAD + (r.lane.get(it.id) ?? 0) * LANE_H;
+      const bh = LANE_H - 4;
+      const look = o.look.get(it.id);
+      const color = c(look?.color, "#2E54FF");
+      let ink = c(look?.text, "#fff");
+      roundRect(ctx, x0, by, bw, bh, 6);
+      ctx.save();
+      if (look?.style === "tentative" || look?.style === "done") {
+        ctx.globalAlpha = look.style === "done" ? 0.4 : 0.16;
+        ctx.fillStyle = color;
+        ctx.fill();
+        ctx.globalAlpha = 1;
+        if (look.style === "tentative") {
+          ctx.setLineDash([4, 3]);
+          ctx.strokeStyle = color;
+          ctx.stroke();
+        }
+        ink = T.ink;
+      } else if (look?.style === "cancelled") {
+        ctx.fillStyle = T.soft;
+        ctx.fill();
+        ctx.strokeStyle = T.line;
+        ctx.stroke();
+        ink = T.muted;
+      } else if (look?.style === "unavailable") {
+        ctx.fillStyle = T.surface;
+        ctx.fill();
+        ctx.clip();
+        ctx.strokeStyle = T.line;
+        ctx.lineWidth = 2;
+        for (let hx = x0 - bh; hx < x0 + bw; hx += 8) {
+          ctx.beginPath();
+          ctx.moveTo(hx, by + bh);
+          ctx.lineTo(hx + bh, by);
+          ctx.stroke();
+        }
+        ink = T.ink;
+      } else {
+        ctx.fillStyle = color;
+        ctx.fill();
+      }
+      ctx.restore();
+      if (r.conflicts.has(it.id)) {
+        ctx.fillStyle = T.negative;
+        ctx.fillRect(x0 + 3, by, Math.max(0, bw - 6), 2);
+      }
+      if (bw > 24) {
+        ctx.save();
+        ctx.beginPath();
+        ctx.rect(x0 + 6, by, bw - 10, bh);
+        ctx.clip();
+        ctx.fillStyle = ink;
+        ctx.font = `500 12px ${FONT}`;
+        ctx.fillText(it.booking.name, x0 + 8, by + bh / 2 + 0.5);
+        if (look?.style === "cancelled") ctx.fillRect(x0 + 8, by + bh / 2, Math.min(bw - 12, ctx.measureText(it.booking.name).width), 1);
+        ctx.restore();
+      }
+    }
+  }
+  ctx.fillStyle = T.line;
+  ctx.fillRect(RESOURCE_W - 1, TITLE_H, 1, size.height - TITLE_H);
+  if (o.now !== void 0 && o.now >= s.start && o.now < s.end) {
+    ctx.fillStyle = brand.ember;
+    ctx.fillRect(X0 + s.x(o.now) - 1, TITLE_H, 2, size.height - TITLE_H);
+  }
+  ctx.restore();
+}
+function exportBoardPng(o, fileName, doc = document) {
+  const size = boardPngSize(o.rows, o.scale.width);
+  if (!size) return false;
+  const canvas = doc.createElement("canvas");
+  canvas.width = Math.round(size.width * size.ratio);
+  canvas.height = Math.round(size.height * size.ratio);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return false;
+  drawBoard(ctx, size, o);
+  downloadCanvas(canvas, fileName, doc);
+  return true;
+}
+
+// src/Scheduler.tsx
+var DRAG_THRESHOLD = 4;
+var VIEWS = ["day", "week", "twoWeeks", "month", "agenda"];
+var SETTLE_MS = 700;
+var Chevron = () => /* @__PURE__ */ React6.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true" }, /* @__PURE__ */ React6.createElement("path", { d: "M3 4.5 L6 7.5 L9 4.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }));
+var WEEKDAYS2 = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+function fitsDay(text2, width, px) {
+  return text2.length * px * 0.56 + 20 <= width;
+}
+function dayHeadLabel(full, compact, today, width, px) {
+  if (today && fitsDay(`${full} \xB7 Today`, width, px)) return `${full} \xB7 Today`;
+  if (fitsDay(full, width, px)) return full;
+  return compact;
+}
+function compactDay(day) {
+  return `${WEEKDAYS2[((day + 3) % 7 + 7) % 7]} ${parts(day).date}`;
+}
+function rangeLabel(startDay, days, view) {
+  const a = parts(startDay);
+  const b = parts(startDay + days - 1);
+  if (view === "month") return `${MONTHS_LONG[a.month]} ${a.year}`;
+  if (days === 1) return `${dayLabelIn(dayToInstant(startDay, () => 0), () => 0)} ${a.year}`;
+  const left = a.year === b.year ? `${a.date} ${MONTHS[a.month]}` : `${a.date} ${MONTHS[a.month]} ${a.year}`;
+  return `${left} \u2013 ${b.date} ${MONTHS[b.month]} ${b.year}`;
+}
+function Scheduler(props) {
+  const preset = PRESETS[props.preset ?? "custom"];
+  const labels = { ...preset.labels, ...props.labels };
+  const zone = useMemo2(() => props.timeZone ?? browserZone(), [props.timeZone]);
+  const accent = accentOf(props.theme, props.accent);
+  const license = useLicense(props.licenseKey, { product: "plan", tenantId: props.tenantId });
+  const renewal = props.renewalNotice !== false ? renewalNotice(license) : null;
+  const [clock, setClock] = useState5(() => Date.now());
+  useEffect4(() => {
+    if (props.now !== void 0) return;
+    const t = setInterval(() => setClock(Date.now()), 6e4);
+    return () => clearInterval(t);
+  }, [props.now]);
+  const now = props.now ?? clock;
+  const [rootWidth, setRootWidth] = useState5(0);
+  useLayoutEffect(() => {
+    const el = rootRef.current;
+    if (!el) return;
+    const measure = () => setRootWidth(el.clientWidth);
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const narrow = rootWidth > 0 && rootWidth < 600;
+  const [viewState, setViewState] = useState5(props.defaultView ?? preset.view);
+  const [viewPicked, setViewPicked] = useState5(false);
+  const view = props.view ?? (narrow && !viewPicked ? "agenda" : viewState);
+  const setView = (v) => {
+    if (props.view === void 0) {
+      setViewState(v);
+      setViewPicked(true);
+    }
+    props.onViewChange?.(v);
+  };
+  const [dateState, setDateState] = useState5(() => props.defaultDate ?? todayIn(zone, now));
+  const date = props.date ?? dateState;
+  const setDate = (d) => {
+    if (props.date === void 0) setDateState(d);
+    props.onDateChange?.(d);
+  };
+  const [hideOff, setHideOff] = useState5(props.hideNonWorking ?? true);
+  const [filter, setFilter] = useState5("");
+  const [collapsed, setCollapsed] = useState5(() => /* @__PURE__ */ new Set());
+  const [panelOpenState, setPanelOpenState] = useState5(props.showUnassigned ?? preset.showUnassigned);
+  const [panelTouched, setPanelTouched] = useState5(false);
+  const panelOpen = narrow && !panelTouched ? false : panelOpenState;
+  const setPanelOpen = (open) => {
+    setPanelTouched(true);
+    setPanelOpenState(open);
+  };
+  const [selected, setSelectedState] = useState5(null);
+  const setSelected = (id) => {
+    setSelectedState(id);
+    props.onSelect?.(id);
+  };
+  const conflictMode = props.conflictMode ?? preset.conflictMode;
+  const snapMinutes = props.snapMinutes ?? preset.snapMinutes;
+  const can = (action, b) => canEdit(props.editable, action === "create" ? !!props.onCreate : !!props.onBookingChange, action, b);
+  const resources = useMemo2(() => cleanResources(props.resources), [props.resources]);
+  const resourceById = useMemo2(() => new Map(resources.map((r) => [r.id, r])), [resources]);
+  const warnRef = useRef3(void 0);
+  const spec = {
+    ...SCHED_FIELDS,
+    // View-only without a key that unlocks Pro actions (Matt, 2026-11-08). Quiet while checking.
+    ...lockFor(license, unlocksPro(license), "Plan", "scheduler"),
+    noun: labels.booking.toLowerCase(),
+    describe: (change, nameOf) => {
+      const text2 = describeChange(change, {
+        name: nameOf,
+        resource: (id) => id ? resourceById.get(id)?.name ?? labels.resource : "Unassigned",
+        // What the user sees (pending edits included), so a follow-up edit describes the right times.
+        booking: (id) => shownRef.current.find((b) => b.id === id),
+        zone
+      });
+      return warnRef.current ? `${text2}. Note: ${warnRef.current}` : text2;
+    }
+  };
+  const editing = useEditing(props.bookings, props.onBookingChange, spec);
+  const shownRef = useRef3(editing.shown);
+  shownRef.current = editing.shown;
+  const announce = editing.announce;
+  const dragRef = useRef3(null);
+  const [preview, setPreview] = useState5(null);
+  const [ghost, setGhost] = useState5(null);
+  const [dragging, setDragging] = useState5(false);
+  const uid = useState5(() => nextUid("nfs"))[0];
+  const textScale = clampTextScale(props.textScale ?? 1);
+  const headH = scaleWithText(HEADER_H, textScale);
+  const laneH = scaleWithText(LANE_H, textScale);
+  const resW = Math.round(RESOURCE_W * textScale);
+  const rootRef = useRef3(null);
+  const segRef = useRef3(null);
+  useEffect4(() => {
+    const seg = segRef.current;
+    const on = seg?.querySelector('[aria-pressed="true"]');
+    if (!seg || !on || seg.scrollWidth <= seg.clientWidth) return;
+    const a = seg.getBoundingClientRect();
+    const b = on.getBoundingClientRect();
+    seg.scrollLeft += (b.left - a.left - (a.width - b.width) / 2) / cssScale(seg).x;
+  }, [view, narrow]);
+  const scrollRef = useRef3(null);
+  const [inheritedRtl, setInheritedRtl] = useState5(false);
+  useLayoutEffect(() => {
+    const parent = rootRef.current?.parentElement;
+    if (parent) setInheritedRtl(getComputedStyle(parent).direction === "rtl");
+  }, []);
+  const rtl = props.dir ? props.dir === "rtl" : inheritedRtl;
+  const dirAttr = rtl ? "rtl" : void 0;
+  const [size, setSize] = useState5({ width: 1e3, height: 600 });
+  const [scroll, setScroll] = useState5({ top: 0, left: 0 });
+  useLayoutEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const measure = () => setSize({ width: el.clientWidth || 1e3, height: el.clientHeight || 600 });
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [panelOpen, view === "agenda"]);
+  const rafRef = useRef3(0);
+  const onScroll = () => {
+    if (rafRef.current) return;
+    rafRef.current = requestAnimationFrame(() => {
+      rafRef.current = 0;
+      const el = scrollRef.current;
+      if (el) setScroll({ top: el.scrollTop, left: el.scrollLeft });
+    });
+  };
+  useEffect4(() => () => cancelAnimationFrame(rafRef.current), []);
+  const [settled, setSettled] = useState5(false);
+  useEffect4(() => {
+    const t = setTimeout(() => setSettled(true), SETTLE_MS);
+    return () => clearTimeout(t);
+  }, []);
+  const { startDay, days } = viewRange(date, view);
+  const hours = boardHours(resources, preset.workStart, preset.workEnd);
+  const dayHidden = hideOff;
+  const workWeek = props.workingWeek ?? "mon-fri";
+  const shownDays = view === "day" || !hideOff ? days : workingDaysBetween(startDay, startDay + days - 1, workWeek) || days;
+  const hoursPerDay = hideOff ? Math.max(1, hours.end - hours.start) : 24;
+  const avail = Math.max(320, size.width - resW - 2);
+  const minPxPerHour = view === "day" ? 56 : view === "week" ? hideOff ? 16 : 6 : view === "month" ? hideOff ? 5.5 : 2.1 : hideOff ? 9 : 4;
+  const pxPerHour = Math.max(minPxPerHour, avail / (shownDays * hoursPerDay));
+  const scale = useMemo2(
+    () => createInstantScale({
+      from: dayToInstant(startDay, zone),
+      to: dayToInstant(startDay + days, zone) - 1,
+      zone,
+      pxPerHour,
+      workStart: hours.start,
+      workEnd: hours.end,
+      // Day view hides hours only; a Saturday is still shown when it's the chosen day.
+      workingWeek: view === "day" ? "all" : workWeek,
+      hideNonWorking: dayHidden
+    }),
+    [startDay, days, zone, pxPerHour, hours.start, hours.end, view, workWeek, dayHidden]
+  );
+  const rangeStart = dayToInstant(startDay, zone);
+  const rangeEnd = dayToInstant(startDay + days, zone);
+  const onRangeRef = useRef3(props.onRangeChange);
+  onRangeRef.current = props.onRangeChange;
+  useEffect4(() => {
+    onRangeRef.current?.({ start: rangeStart, end: rangeEnd });
+  }, [rangeStart, rangeEnd]);
+  const baseItems = useMemo2(() => normalise(editing.shown), [editing.shown]);
+  const items = useMemo2(() => {
+    if (!preview) return baseItems;
+    return baseItems.map((i) => i.id === preview.id ? { ...i, start: preview.start, end: preview.end, resourceId: preview.resourceId } : i);
+  }, [baseItems, preview]);
+  const hasGroups = resources.some((r) => !!r.group);
+  const [groupState, setGroupState] = useState5(void 0);
+  const groupBy = props.groupBy ?? groupState ?? hasGroups;
+  const setGroupBy = (on) => {
+    if (props.groupBy === void 0) setGroupState(on);
+    props.onGroupByChange?.(on);
+    announce(on ? `Grouped by ${labels.group.toLowerCase()}` : "Not grouped");
+  };
+  const rows = useMemo2(
+    () => buildRows(resources, items, { from: scale.start, to: scale.end, groupBy, collapsed, filter, textScale }),
+    [resources, items, scale.start, scale.end, groupBy, collapsed, filter]
+  );
+  const bodyHeight = totalHeight(rows);
+  const shownRows = visibleRows(rows, Math.max(0, scroll.top - 56), size.height);
+  const queue = useMemo2(() => unassigned(baseItems, -Infinity, Infinity), [baseItems]);
+  const [queueFilter, setQueueFilter] = useState5("");
+  const [queueSort, setQueueSort] = useState5("soonest");
+  const queueShown = useMemo2(() => queueView(baseItems, queueFilter, queueSort), [baseItems, queueFilter, queueSort]);
+  const byDay = queueSort === "soonest" || queueSort === "latest";
+  const byId = useMemo2(() => new Map(items.map((i) => [i.id, i])), [items]);
+  const resourceName = useMemo2(() => new Map(resources.map((r) => [r.id, r.name])), [resources]);
+  const colours = useMemo2(() => {
+    const seen = /* @__PURE__ */ new Map();
+    return new Map(items.map((i) => [i.id, bookingAppearance(i.booking, accent, props.statusColors, seen)]));
+  }, [items, accent, props.statusColors]);
+  const workdays = workingDaysBetween(startDay, startDay + days - 1, workWeek) || days;
+  const workWindow = (row) => {
+    const ws = row.resource.workStart === void 0 ? hours.start : parseHour(row.resource.workStart);
+    const we = row.resource.workEnd === void 0 ? hours.end : parseHour(row.resource.workEnd);
+    return {
+      ws: Number.isNaN(ws) ? hours.start : ws,
+      we: Number.isNaN(we) ? hours.end : we,
+      perDay: row.resource.capacityHours ?? preset.capacityHours
+    };
+  };
+  const capacityText = (row) => {
+    const w = workWindow(row);
+    const cap = w.perDay * workdays;
+    const booked = bookedWorkingHours(row.items, startDay, days, w.ws, w.we, workWeek, zone, w.perDay);
+    return { text: `${booked} / ${cap} h`, level: booked > cap ? "over" : "ok" };
+  };
+  const showUtil = view !== "day" && view !== "agenda";
+  const dayTicks = useMemo2(() => new Map(scale.days.map((d) => [d.day, d])), [scale.days]);
+  const utilisation = (row) => {
+    if (!showUtil) return [];
+    const w = workWindow(row);
+    return dailyUtilisation(row.items, scale.days.map((d) => d.day), w.ws, w.we, w.perDay, workWeek, zone);
+  };
+  const utilCache = /* @__PURE__ */ new Map();
+  const utilOf = (row) => {
+    let u = utilCache.get(row.key);
+    if (!u) utilCache.set(row.key, u = utilisation(row));
+    return u;
+  };
+  const todayDay = instantToDay(now, zone);
+  useEffect4(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    let left = 0;
+    if (view !== "day" && todayDay >= startDay && todayDay < startDay + days) {
+      const tx = scale.x(dayToInstant(todayDay, zone));
+      const tEnd = scale.x(dayToInstant(todayDay + 1, zone));
+      if (tEnd > tx && tEnd > el.clientWidth - resW) left = tx - 24;
+    } else if (view === "day" && !dayHidden) left = scale.x(atHour(startDay, hours.start, zone)) - 24;
+    el.scrollLeft = Math.max(0, left);
+  }, [startDay, view, dayHidden]);
+  const go = (d) => {
+    setDate(isoOfDay(d));
+    const r = viewRange(isoOfDay(d), view);
+    announce(`${VIEW_LABEL[view]}: ${rangeLabel(r.startDay, r.days, view)}`);
+  };
+  const step = (dir) => go(stepDate(date, view, dir));
+  const changeView = (v) => {
+    setView(v);
+    const r = viewRange(date, v);
+    announce(`${VIEW_LABEL[v]}: ${rangeLabel(r.startDay, r.days, v)}`);
+  };
+  const bookingWords = (it) => {
+    const b = it.booking;
+    const who = it.resourceId ? resourceName.get(it.resourceId) ?? labels.resource : "Unassigned";
+    const sameDay = instantToDay(it.start, zone) === instantToDay(it.end - 1, zone);
+    const when = b.allDay ? `${dayLabelIn(it.start, zone)}${sameDay ? "" : ` to ${dayLabelIn(it.end - 1, zone)}`}, all day` : sameDay ? `${dayLabelIn(it.start, zone)}, ${timeLabel(it.start, zone)} to ${timeLabel(it.end, zone)}` : `${dayLabelIn(it.start, zone)} ${timeLabel(it.start, zone)} to ${dayLabelIn(it.end, zone)} ${timeLabel(it.end, zone)}`;
+    const extras = [
+      b.status,
+      it.kind === "unavailable" ? "unavailable" : "",
+      b.location,
+      b.attendees ? `${b.attendees} people` : ""
+    ].filter(Boolean);
+    return [b.name, who, when, ...extras].join(", ");
+  };
+  const select = (id, scrollIntoView = false) => {
+    setSelected(id);
+    if (!id || !scrollIntoView) return;
+    const it = byId.get(id);
+    const el = scrollRef.current;
+    if (!it || !el) return;
+    const row = rows.find((r) => r.kind === "resource" && r.items.some((x2) => x2.id === id));
+    const x = scale.x(Math.max(it.start, scale.start));
+    if (x < el.scrollLeft || x > el.scrollLeft + el.clientWidth - resW - 40) el.scrollLeft = Math.max(0, x - 40);
+    if (row) {
+      const top = row.top;
+      if (top < el.scrollTop || top + row.height > el.scrollTop + el.clientHeight - 56) el.scrollTop = Math.max(0, top - 40);
+    }
+  };
+  const baseById = useMemo2(() => new Map(baseItems.map((i) => [i.id, i])), [baseItems]);
+  const tryCommit = (change) => {
+    if (!change) return false;
+    const base = baseById.get(change.id);
+    if (!base) return false;
+    const span = { start: toMs(change.start ?? base.start), end: toMs(change.end ?? base.end) };
+    const rid = "resourceId" in change ? change.resourceId ?? null : base.resourceId;
+    const others = base.cancelled || base.kind === "unavailable" ? [] : overlapping(baseItems, base.id, rid, span);
+    const verdict = checkPlacement(conflictMode, base.booking, others, rid ? resourceById.get(rid) : void 0);
+    if (!verdict.ok) {
+      const text2 = `Not moved: ${verdict.reason}`;
+      editing.toast({ text: text2, tone: "error" });
+      announce(text2);
+      return false;
+    }
+    warnRef.current = verdict.warning;
+    editing.commit(change);
+    warnRef.current = void 0;
+    return true;
+  };
+  const pointAt = (clientX, clientY) => {
+    const el = scrollRef.current;
+    const p = localPoint(el, clientX, clientY);
+    return { x: p.x + el.scrollLeft - resW, y: p.y + el.scrollTop - headH, inside: p.x >= resW && p.x <= el.offsetWidth && p.y >= headH && p.y <= el.offsetHeight };
+  };
+  const rowAtY = (y) => rows.find((r) => r.kind === "resource" && y >= r.top && y < r.top + r.height);
+  const startDrag = (e2, d) => {
+    if (e2.button !== 0) return;
+    const p = pointAt(e2.clientX, e2.clientY);
+    dragRef.current = { ...d, pointerId: e2.pointerId, x0: e2.clientX, y0: e2.clientY, t0: scale.msAt(p.x), started: false };
+  };
+  const onBookingPointerDown = (e2, it) => {
+    if (e2.button !== 0) return;
+    e2.stopPropagation();
+    select(it.id);
+    const edge = e2.target.getAttribute("data-edge");
+    const mode = edge === "start" || edge === "end" ? edge : "move";
+    if (mode === "move" ? !can("move", it.booking) && !can("assign", it.booking) : !can("resize", it.booking)) return;
+    const base = baseById.get(it.id) ?? it;
+    startDrag(e2, { kind: mode, id: it.id, span: { start: base.start, end: base.end }, resourceId: base.resourceId });
+  };
+  const onLanePointerDown = (e2, row) => {
+    if (e2.button !== 0 || e2.target !== e2.currentTarget || !can("create")) return;
+    startDrag(e2, { kind: "create", resourceId: row.resource.id });
+  };
+  const onQueuePointerDown = (e2, it) => {
+    select(it.id);
+    if (!can("assign", it.booking)) return;
+    startDrag(e2, { kind: "assign", id: it.id, span: { start: it.start, end: it.end }, resourceId: null });
+  };
+  const endDrag = () => {
+    dragRef.current = null;
+    setPreview(null);
+    setGhost(null);
+    setDragging(false);
+  };
+  const gesture = useRef3({ move: (_e) => {
+  }, up: (_e) => {
+  } });
+  gesture.current.move = (e2) => {
+    const d = dragRef.current;
+    if (!d || e2.pointerId !== d.pointerId) return;
+    if (!d.started) {
+      if (Math.hypot(e2.clientX - d.x0, e2.clientY - d.y0) < DRAG_THRESHOLD) return;
+      d.started = true;
+      setDragging(true);
+    }
+    const p = pointAt(e2.clientX, e2.clientY);
+    const t = scale.msAt(p.x);
+    if (d.kind === "create") {
+      setGhost({ resourceId: d.resourceId, ...createSpan(d.t0, t, snapMinutes, zone) });
+      return;
+    }
+    const booking = baseById.get(d.id).booking;
+    if (d.kind === "assign") {
+      const row2 = p.inside ? rowAtY(p.y) : void 0;
+      if (!row2) return setPreview(null);
+      const span2 = dragSpan("move", { start: t, end: t + (d.span.end - d.span.start) }, 0, snapMinutes, zone);
+      setPreview({ id: d.id, ...span2, resourceId: row2.resource.id });
+      return;
+    }
+    const span = dragSpan(d.kind, d.span, t - d.t0, snapMinutes, zone);
+    const row = d.kind === "move" && can("assign", booking) ? rowAtY(p.y) : void 0;
+    const timeOk = d.kind !== "move" || can("move", booking);
+    setPreview({
+      id: d.id,
+      start: timeOk ? span.start : d.span.start,
+      end: timeOk ? span.end : d.span.end,
+      resourceId: row ? row.resource.id : d.resourceId
+    });
+  };
+  gesture.current.up = (e2) => {
+    const d = dragRef.current;
+    if (!d || e2.pointerId !== d.pointerId) return;
+    if (!d.started) return endDrag();
+    if (d.kind === "create") {
+      if (ghost && editing.locked) editing.refuse();
+      else if (ghost) {
+        props.onCreate?.({ resourceId: ghost.resourceId, start: new Date(ghost.start).toISOString(), end: new Date(ghost.end).toISOString() });
+        announce(`New ${labels.booking.toLowerCase()} for ${resourceById.get(ghost.resourceId)?.name ?? labels.resource}, ${whenLabel(ghost.start, ghost.end, zone)}`);
+      }
+      return endDrag();
+    }
+    const base = baseById.get(d.id);
+    if (base && preview) {
+      tryCommit(placeChange(base.booking, { start: preview.start, end: preview.end }, preview.resourceId, d.kind === "assign" ? "assign" : "drag"));
+      select(d.id);
+    }
+    endDrag();
+  };
+  useEffect4(() => {
+    const move = (e2) => gesture.current.move(e2);
+    const up = (e2) => gesture.current.up(e2);
+    const cancel = (e2) => {
+      if (dragRef.current && e2.pointerId === dragRef.current.pointerId) endDrag();
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up);
+    window.addEventListener("pointercancel", cancel);
+    return () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      window.removeEventListener("pointercancel", cancel);
+    };
+  }, []);
+  const keyboardEdit = (e2, id) => {
+    const ke = keyEdit(e2);
+    if (!ke || !id) return false;
+    const base = baseById.get(id);
+    if (!base) return false;
+    const b = base.booking;
+    const resourceRows = rows.filter((r) => r.kind === "resource");
+    if (ke.kind === "resource") {
+      if (!can("assign", b)) return true;
+      const at = resourceRows.findIndex((r) => r.resource.id === base.resourceId);
+      const target = at < 0 ? ke.dir === 1 ? resourceRows[0] : void 0 : resourceRows[at + ke.dir];
+      if (!target) {
+        announce(ke.dir === 1 ? `No ${labels.resource.toLowerCase()} below` : `No ${labels.resource.toLowerCase()} above`);
+        return true;
+      }
+      tryCommit(placeChange(b, { start: base.start, end: base.end }, target.resource.id, base.resourceId ? "keyboard" : "assign"));
+      return true;
+    }
+    if (ke.mode === "move" ? !can("move", b) : !can("resize", b)) return true;
+    const stepMs = view === "day" ? snapMinutes * 6e4 : 24 * 36e5;
+    const minMs = snapMinutes * 6e4;
+    let span;
+    if (ke.mode === "move") {
+      span = view === "day" ? dragSpan("move", { start: base.start, end: base.end }, ke.dir * stepMs, snapMinutes, zone) : { start: addDaysIn(base.start, ke.dir, zone), end: addDaysIn(base.end, ke.dir, zone) };
+    } else {
+      const endStep = view === "day" ? stepMs : 36e5;
+      span = { start: base.start, end: Math.max(base.start + minMs, base.end + ke.dir * endStep) };
+    }
+    tryCommit(placeChange(b, span, base.resourceId, "keyboard"));
+    return true;
+  };
+  const createAfterSelected = () => {
+    const it = selected ? baseById.get(selected) : void 0;
+    if (!it?.resourceId) return announce(`Select a ${labels.booking.toLowerCase()} on a ${labels.resource.toLowerCase()} first`);
+    const start = it.end;
+    const end = start + 60 * 6e4;
+    if (editing.locked) return editing.refuse();
+    props.onCreate?.({ resourceId: it.resourceId, start: new Date(start).toISOString(), end: new Date(end).toISOString() });
+    announce(`New ${labels.booking.toLowerCase()} for ${resourceById.get(it.resourceId)?.name ?? labels.resource}, ${whenLabel(start, end, zone)}`);
+  };
+  const onKeyDown = (e2) => {
+    if ((e2.ctrlKey || e2.metaKey) && !e2.altKey) {
+      const k = e2.key.toLowerCase();
+      if (k === "z" || k === "y") {
+        if (k === "y" || e2.shiftKey) editing.redo();
+        else editing.undo();
+        e2.preventDefault();
+      }
+      return;
+    }
+    if (e2.key === "Escape" && dragRef.current) {
+      endDrag();
+      announce("Drag cancelled");
+      e2.preventDefault();
+      return;
+    }
+    if (keyboardEdit(e2, selected)) {
+      e2.preventDefault();
+      return;
+    }
+    if (e2.key === "Insert" && can("create")) {
+      createAfterSelected();
+      e2.preventDefault();
+      return;
+    }
+    if (e2.altKey || e2.ctrlKey || e2.metaKey) return;
+    switch (e2.key) {
+      case "ArrowLeft":
+      case "ArrowRight":
+      case "ArrowUp":
+      case "ArrowDown": {
+        select(neighbour(rows, selected, e2.key), true);
+        break;
+      }
+      case "Home": {
+        const first = rows.find((r) => r.kind === "resource" && r.items.length > 0);
+        select(first?.items[0]?.id ?? null, true);
+        break;
+      }
+      case "Enter": {
+        const it = selected ? byId.get(selected) : void 0;
+        if (it) props.onOpen?.(it.booking);
+        break;
+      }
+      case "Escape":
+        if (!selected) return;
+        select(null);
+        break;
+      default:
+        return;
+    }
+    e2.preventDefault();
+  };
+  const toggleGroup = (g) => setCollapsed((prev) => {
+    const next2 = new Set(prev);
+    if (next2.has(g)) next2.delete(g);
+    else next2.add(g);
+    return next2;
+  });
+  const style = {
+    ...resolveTheme(props.theme, props.accent),
+    ...textVars(textScale, props.textSizes),
+    "--nf-head": `${headH}px`,
+    "--nf-res": `${resW}px`,
+    "--nf-lane": `${laneH}px`,
+    "--nf-group": `${scaleWithText(GROUP_H, textScale)}px`,
+    // The Unassigned panel grows with the text, so its filter box and cards don't clip.
+    "--nf-unassigned-w": `${Math.round(280 * textScale)}px`,
+    height: props.height ?? "100%"
+  };
+  const nowX = now >= scale.start && now < scale.end ? scale.x(now) : null;
+  const left0 = scroll.left - 200;
+  const right0 = scroll.left + size.width + 200;
+  const showHours = view === "day";
+  const captionPx = textSize("caption", textScale, props.textSizes);
+  const hourEvery = hourLabelStep(pxPerHour, captionPx);
+  const selectedRowKey = selected ? rows.find((r) => r.kind === "resource" && r.items.some((i) => i.id === selected))?.key : void 0;
+  const title = props.title ?? labels.bookings;
+  const showToolbar = props.showToolbar !== false;
+  const renderBooking = (it, row) => {
+    const x1 = scale.x(Math.max(it.start, scale.start));
+    const x2 = scale.x(Math.min(it.end, scale.end));
+    if (x2 < left0 - resW || x1 > right0) return null;
+    const width = Math.max(6, x2 - x1 - 2);
+    const look = colours.get(it.id);
+    const conflict = row.conflicts.has(it.id);
+    const seats = row.resource.seats;
+    const people = it.booking.attendees;
+    const overSeat = !!seats && !!people && people > seats;
+    const seatWords = overSeat ? `, ${people} people for ${seats} seats` : "";
+    const isSel = selected === it.id;
+    const showTime = view === "day" || width > 140;
+    const top = ROW_PAD + (row.lane.get(it.id) ?? 0) * laneH;
+    const movable = can("move", it.booking) || can("assign", it.booking);
+    const resizable = can("resize", it.booking) && width > 24;
+    const isPreview = preview?.id === it.id;
+    return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: it.id }, /* @__PURE__ */ React6.createElement(
+      "div",
+      {
+        id: `${uid}-b-${it.id}`,
+        role: "gridcell",
+        className: "nf-s-bk",
+        "aria-selected": isSel,
+        "data-style": look.style,
+        "data-conflict": conflict ? "" : void 0,
+        "data-overseat": overSeat ? "" : void 0,
+        "data-editable": movable ? "" : void 0,
+        "data-preview": isPreview ? "" : void 0,
+        style: { left: x1 + 1, width, top, "--bk": look.color, "--bk-text": look.text },
+        onPointerDown: (e2) => onBookingPointerDown(e2, it),
+        onClick: () => scrollRef.current?.focus({ preventScroll: true }),
+        onDoubleClick: () => props.onOpen?.(it.booking),
+        title: isPreview ? void 0 : bookingWords(it) + seatWords
+      },
+      /* @__PURE__ */ React6.createElement("span", { className: "nf-s-sr" }, bookingWords(it) + seatWords + (conflict ? ", overlaps another booking" : "")),
+      overSeat && width > 40 ? /* @__PURE__ */ React6.createElement("span", { className: "nf-s-seats", "aria-hidden": "true" }, people, "/", seats) : null,
+      /* @__PURE__ */ React6.createElement("b", { "aria-hidden": "true" }, it.booking.name),
+      width > 90 ? /* @__PURE__ */ React6.createElement("span", { "aria-hidden": "true" }, showTime && !it.booking.allDay ? barTimeLabel(it, zone) : "", showTime && !it.booking.allDay && it.booking.subtitle ? " \xB7 " : "", it.booking.subtitle ?? "") : null,
+      resizable ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement("span", { className: "nf-s-h nf-s-h-l", "data-edge": "start", "aria-hidden": "true" }), /* @__PURE__ */ React6.createElement("span", { className: "nf-s-h nf-s-h-r", "data-edge": "end", "aria-hidden": "true" })) : null
+    ), isPreview && dragging ? /* @__PURE__ */ React6.createElement("div", { className: "nf-s-draglabel", "aria-hidden": "true", style: { left: x1, top: Math.max(0, top - 24) } }, whenLabel(it.start, it.end, zone), it.resourceId && it.resourceId !== baseById.get(it.id)?.resourceId ? ` \xB7 ${resourceById.get(it.resourceId)?.name ?? ""}` : "") : null);
+  };
+  const [exportOpen, setExportOpen] = useState5(false);
+  const exportRef = useRef3(null);
+  useEffect4(() => {
+    if (!exportOpen) return;
+    exportRef.current?.querySelector('[role="menuitem"]')?.focus();
+    const away = (e2) => {
+      if (!exportRef.current?.contains(e2.target)) setExportOpen(false);
+    };
+    document.addEventListener("pointerdown", away, true);
+    return () => document.removeEventListener("pointerdown", away, true);
+  }, [exportOpen]);
+  const exportMenuKeys = (e2) => {
+    const items2 = Array.from(exportRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
+    const i = items2.indexOf(document.activeElement);
+    if (e2.key === "ArrowDown") items2[(i + 1) % items2.length]?.focus();
+    else if (e2.key === "ArrowUp") items2[(i - 1 + items2.length) % items2.length]?.focus();
+    else if (e2.key === "Escape") {
+      setExportOpen(false);
+      exportRef.current?.querySelector("[aria-haspopup]")?.focus();
+    } else return;
+    e2.preventDefault();
+  };
+  const ownerDoc = () => rootRef.current?.ownerDocument ?? document;
+  const printedOn = `${dayLabelIn(now, zone)} ${parts(instantToDay(now, zone)).year}`;
+  const boardExport = (forPrint) => ({
+    title,
+    range: rangeLabel(startDay, days, view),
+    printedOn,
+    // Print fits the range to the page; PNG keeps the screen's scale.
+    scale: forPrint ? createInstantScale({
+      from: dayToInstant(startDay, zone),
+      to: dayToInstant(startDay + days, zone) - 1,
+      zone,
+      pxPerHour: PRINT_TIMELINE_W / (shownDays * hoursPerDay),
+      workStart: hours.start,
+      workEnd: hours.end,
+      workingWeek: view === "day" ? "all" : workWeek,
+      hideNonWorking: dayHidden
+    }) : scale,
+    rows,
+    zone,
+    labels,
+    theme: palette(props.theme, props.accent, forPrint),
+    look: colours,
+    capacity: (row) => capacityText(row)?.text ?? null,
+    queue: unassigned(items, scale.start, scale.end),
+    now,
+    showHours: view === "day"
+  });
+  const copySupport = () => {
+    const host = (props.diagnostics || void 0)?.() ?? {};
+    void copyDiagnostics({
+      product: "Plan",
+      control: "Scheduler",
+      version: VERSION,
+      licence: license,
+      rows: props.bookings.length,
+      ...host,
+      extra: { Resources: props.resources.length, ...host.extra }
+    }).then((r) => editing.toast({ text: r.message, tone: r.ok ? "info" : "error" }));
+    setExportOpen(false);
+  };
+  const printBoard = () => {
+    setExportOpen(false);
+    const html = view === "agenda" ? agendaPrintHtml({
+      title,
+      range: rangeLabel(startDay, days, view),
+      printedOn,
+      resources,
+      items,
+      startDay,
+      days,
+      zone,
+      filter,
+      labels,
+      theme: palette(props.theme, props.accent, true)
+    }) : boardPrintHtml(boardExport(true));
+    printDocument(html, ownerDoc());
+    announce("Print dialog opened");
+  };
+  const downloadPng = () => {
+    setExportOpen(false);
+    const ok = exportBoardPng(boardExport(false), exportFileName(title, todayIn(zone, now), "png", "schedule"), ownerDoc());
+    if (ok) announce("Image downloaded");
+    else editing.toast({ text: "Too big for one image. Filter or collapse groups first, or use Print.", tone: "info" });
+  };
+  return /* @__PURE__ */ React6.createElement(
+    "div",
+    {
+      ref: rootRef,
+      dir: "ltr",
+      "data-rtl": rtl ? "" : void 0,
+      "data-narrow": narrow ? "" : void 0,
+      className: `nf-sched${settled ? " nf-s-settled" : ""}${dragging ? " nf-s-dragging" : ""}${props.className ? " " + props.className : ""}`,
+      style
+    },
+    /* @__PURE__ */ React6.createElement("style", { dangerouslySetInnerHTML: { __html: css } }),
+    showToolbar ? /* @__PURE__ */ React6.createElement("div", { className: "nf-s-toolbar", dir: dirAttr }, /* @__PURE__ */ React6.createElement("div", { className: "nf-s-title" }, title), /* @__PURE__ */ React6.createElement("div", { className: "nf-s-seg", role: "group", "aria-label": "View", ref: segRef }, VIEWS.map((v) => /* @__PURE__ */ React6.createElement("button", { key: v, type: "button", className: "nf-s-btn", "aria-pressed": v === view, onClick: () => changeView(v) }, VIEW_LABEL[v]))), /* @__PURE__ */ React6.createElement("button", { type: "button", className: "nf-s-btn", onClick: () => go(todayDay) }, "Today"), /* @__PURE__ */ React6.createElement("button", { type: "button", className: "nf-s-btn nf-s-icon", "aria-label": `Previous ${VIEW_STEP[view]}`, onClick: () => step(-1) }, rtl ? "\u203A" : "\u2039"), /* @__PURE__ */ React6.createElement("button", { type: "button", className: "nf-s-btn nf-s-icon", "aria-label": `Next ${VIEW_STEP[view]}`, onClick: () => step(1) }, rtl ? "\u2039" : "\u203A"), /* @__PURE__ */ React6.createElement("div", { className: "nf-s-range", "aria-hidden": "true" }, rangeLabel(startDay, days, view)), /* @__PURE__ */ React6.createElement(
+      "input",
+      {
+        className: "nf-s-filter",
+        type: "date",
+        "aria-label": "Go to date",
+        value: date,
+        onChange: (e2) => {
+          if (/^\d{4}-\d{2}-\d{2}$/.test(e2.target.value)) go(toDay(e2.target.value));
+        },
+        style: { width: Math.round(150 * textScale) }
+      }
+    ), view !== "agenda" ? /* @__PURE__ */ React6.createElement("button", { type: "button", className: "nf-s-switch", "aria-pressed": hideOff, onClick: () => setHideOff(!hideOff) }, /* @__PURE__ */ React6.createElement("span", { className: "nf-s-switch-track", "aria-hidden": "true" }), "Working hours only") : null, /* @__PURE__ */ React6.createElement("div", { className: "nf-s-spacer" }), /* @__PURE__ */ React6.createElement(
+      "input",
+      {
+        className: "nf-s-filter",
+        type: "search",
+        placeholder: `Filter ${labels.resources.toLowerCase()}`,
+        "aria-label": `Filter ${labels.resources.toLowerCase()} by name, group or subtitle`,
+        value: filter,
+        onChange: (e2) => setFilter(e2.target.value),
+        onKeyDown: (e2) => {
+          if (e2.key === "Escape" && filter) {
+            setFilter("");
+            e2.preventDefault();
+          }
+        }
+      }
+    ), hasGroups && view !== "agenda" ? /* @__PURE__ */ React6.createElement("label", { className: "nf-s-pick" }, "Group by", /* @__PURE__ */ React6.createElement("select", { value: groupBy ? "group" : "none", onChange: (e2) => setGroupBy(e2.target.value === "group") }, /* @__PURE__ */ React6.createElement("option", { value: "group" }, labels.group), /* @__PURE__ */ React6.createElement("option", { value: "none" }, "None"))) : null, /* @__PURE__ */ React6.createElement("button", { type: "button", className: "nf-s-btn", "aria-pressed": panelOpen, "aria-controls": panelOpen ? `${uid}-unassigned` : void 0, onClick: () => setPanelOpen(!panelOpen) }, "Unassigned", /* @__PURE__ */ React6.createElement("span", { className: "nf-s-count" }, queue.length)), props.exports !== false ? /* @__PURE__ */ React6.createElement("div", { className: "nf-s-menuwrap", ref: exportRef, onKeyDown: exportMenuKeys }, /* @__PURE__ */ React6.createElement("button", { type: "button", className: "nf-s-btn", "aria-haspopup": "menu", "aria-expanded": exportOpen, onClick: () => setExportOpen(!exportOpen) }, "Export"), exportOpen ? /* @__PURE__ */ React6.createElement("div", { className: "nf-s-menu", role: "menu", "aria-label": "Export" }, /* @__PURE__ */ React6.createElement("button", { type: "button", role: "menuitem", tabIndex: -1, onClick: printBoard }, "Print\u2026"), view !== "agenda" ? /* @__PURE__ */ React6.createElement("button", { type: "button", role: "menuitem", tabIndex: -1, onClick: downloadPng }, "Download PNG") : null, props.diagnostics !== false ? /* @__PURE__ */ React6.createElement("button", { type: "button", role: "menuitem", tabIndex: -1, onClick: copySupport }, "Copy diagnostics") : null) : null) : null) : null,
+    /* @__PURE__ */ React6.createElement("div", { className: "nf-s-main" }, view === "agenda" ? /* @__PURE__ */ React6.createElement(
+      Agenda,
+      {
+        uid,
+        label: `${title}, ${rangeLabel(startDay, days, view)}`,
+        resources,
+        items,
+        startDay,
+        days,
+        zone,
+        todayDay,
+        filter,
+        labels,
+        selected,
+        appearance: colours,
+        describe: bookingWords,
+        capacityOf: (row, day) => {
+          const w = workWindow(row);
+          return dailyUtilisation(row.items, [day], w.ws, w.we, w.perDay, workWeek, zone)[0];
+        },
+        onSelect: (id) => select(id),
+        onOpen: props.onOpen,
+        dir: dirAttr
+      }
+    ) : /* @__PURE__ */ React6.createElement(
+      "div",
+      {
+        ref: scrollRef,
+        className: "nf-s-scroll",
+        role: "grid",
+        "aria-busy": props.loading ? true : void 0,
+        "aria-label": `${title}, ${rangeLabel(startDay, days, view)}`,
+        "aria-rowcount": rows.filter((r) => r.kind === "resource").length + 1,
+        "aria-activedescendant": selected && byId.get(selected)?.resourceId ? `${uid}-b-${selected}` : void 0,
+        "aria-describedby": `${uid}-help`,
+        tabIndex: 0,
+        onKeyDown,
+        onScroll
+      },
+      /* @__PURE__ */ React6.createElement("div", { className: "nf-s-head", role: "row", "aria-rowindex": 1, style: { width: resW + scale.width } }, /* @__PURE__ */ React6.createElement("div", { className: "nf-s-corner", role: "columnheader", dir: dirAttr }, labels.resources), /* @__PURE__ */ React6.createElement("div", { className: "nf-s-axis", role: "columnheader", "aria-label": rangeLabel(startDay, days, view), style: { width: scale.width } }, scale.days.map((d) => /* @__PURE__ */ React6.createElement("div", { key: d.day, className: "nf-s-day", "data-today": d.day === todayDay ? "" : void 0, style: { left: d.x, width: d.width } }, view === "month" ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, compactDay(d.day), d.day === todayDay ? /* @__PURE__ */ React6.createElement("span", { className: "nf-s-sr" }, ", today") : null) : /* @__PURE__ */ React6.createElement(React6.Fragment, null, dayHeadLabel(d.label, compactDay(d.day), d.day === todayDay, d.width, textSize("label", textScale, props.textSizes)), d.day === todayDay && !fitsDay(`${d.label} \xB7 Today`, d.width, textSize("label", textScale, props.textSizes)) ? /* @__PURE__ */ React6.createElement("span", { className: "nf-s-sr" }, ", today") : null))), showHours ? scale.hours.filter((h, i) => i % hourEvery === 0 && hourLabelFits(h.x, scale.width, captionPx)).map((h) => /* @__PURE__ */ React6.createElement("div", { key: h.ms, className: "nf-s-hour", style: { left: h.x } }, h.label)) : null)),
+      /* @__PURE__ */ React6.createElement("div", { className: "nf-s-body", style: { height: Math.max(bodyHeight, 120), width: resW + scale.width } }, /* @__PURE__ */ React6.createElement("div", { className: "nf-s-layer", "aria-hidden": "true", style: { left: resW, width: scale.width } }, scale.nonWorking.map((b, i) => /* @__PURE__ */ React6.createElement("div", { key: `o${i}`, className: "nf-s-off", style: { left: b.x, width: b.width } })), showHours ? scale.hours.map((h) => /* @__PURE__ */ React6.createElement("div", { key: `h${h.ms}`, className: "nf-s-vline", style: { left: h.x } })) : null, scale.days.map((d) => /* @__PURE__ */ React6.createElement("div", { key: `d${d.day}`, className: "nf-s-vline", "data-day": "", style: { left: d.x } })), nowX !== null ? /* @__PURE__ */ React6.createElement("div", { className: "nf-s-nowline", style: { left: nowX } }) : null), shownRows.map(
+        (row) => row.kind === "group" ? /* @__PURE__ */ React6.createElement("div", { key: row.key, className: "nf-s-group", role: "row", style: { top: row.top, width: resW + scale.width } }, /* @__PURE__ */ React6.createElement("div", { role: "rowheader", className: "nf-s-groupcell" }, /* @__PURE__ */ React6.createElement(
+          "button",
+          {
+            type: "button",
+            className: "nf-s-grouphead",
+            "aria-expanded": !row.collapsed,
+            tabIndex: -1,
+            onClick: () => toggleGroup(row.label === "Other" ? "" : row.label),
+            dir: dirAttr
+          },
+          /* @__PURE__ */ React6.createElement(Chevron, null),
+          row.label,
+          /* @__PURE__ */ React6.createElement("span", { className: "nf-s-groupcount" }, row.count)
+        ))) : /* @__PURE__ */ React6.createElement(
+          "div",
+          {
+            key: row.key,
+            className: "nf-s-row",
+            role: "row",
+            "aria-rowindex": row.index + 2,
+            "aria-selected": selectedRowKey === row.key,
+            style: { top: row.top, height: row.height }
+          },
+          /* @__PURE__ */ React6.createElement("div", { className: "nf-s-res", role: "rowheader", dir: dirAttr, style: { height: row.height } }, /* @__PURE__ */ React6.createElement("span", { className: "nf-s-avatar", "aria-hidden": "true", style: row.resource.color ? { boxShadow: `inset 0 0 0 2px ${row.resource.color}` } : void 0 }, row.resource.image ? /* @__PURE__ */ React6.createElement("img", { src: row.resource.image, alt: "" }) : initials(row.resource.name)), /* @__PURE__ */ React6.createElement("span", { className: "nf-s-who" }, /* @__PURE__ */ React6.createElement("span", { className: "nf-s-name" }, row.resource.name), row.resource.subtitle ? /* @__PURE__ */ React6.createElement("span", { className: "nf-s-sub" }, row.resource.subtitle) : null), (() => {
+            const cap = capacityText(row);
+            const overDays = utilOf(row).filter((u) => u.level === "over");
+            return cap ? /* @__PURE__ */ React6.createElement("span", { className: "nf-s-cap", "data-level": cap.level === "over" || overDays.length ? "over" : "ok" }, cap.text, cap.level === "over" ? /* @__PURE__ */ React6.createElement("span", { className: "nf-s-sr" }, ", over capacity") : null, overDays.length ? /* @__PURE__ */ React6.createElement("span", { className: "nf-s-sr" }, ", over on ", overDays.map((u) => `${dayLabelIn(dayToInstant(u.day, zone), zone)} (${u.booked} of ${u.capacity} h)`).join(", ")) : null) : null;
+          })()),
+          /* @__PURE__ */ React6.createElement(
+            "div",
+            {
+              className: "nf-s-lanes",
+              "data-create": can("create") ? "" : void 0,
+              style: { width: scale.width, height: row.height },
+              onPointerDown: (e2) => onLanePointerDown(e2, row)
+            },
+            utilOf(row).map((u) => {
+              const t = dayTicks.get(u.day);
+              if (!t) return null;
+              return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: `u${u.day}` }, u.level === "over" ? /* @__PURE__ */ React6.createElement("div", { className: "nf-s-overday", "aria-hidden": "true", style: { left: t.x, width: t.width } }) : null, /* @__PURE__ */ React6.createElement("div", { className: "nf-s-util", "aria-hidden": "true", style: { left: t.x + 4, width: Math.max(0, t.width - 8) } }, /* @__PURE__ */ React6.createElement("i", { "data-level": u.level, style: { width: `${Math.min(1, u.ratio) * 100}%` } })));
+            }),
+            row.items.map((it) => renderBooking(it, row)),
+            ghost && ghost.resourceId === row.resource.id ? /* @__PURE__ */ React6.createElement(
+              "div",
+              {
+                className: "nf-s-ghost",
+                "aria-hidden": "true",
+                style: { left: scale.x(ghost.start), width: Math.max(6, scale.x(ghost.end) - scale.x(ghost.start)), top: ROW_PAD }
+              },
+              whenLabel(ghost.start, ghost.end, zone)
+            ) : null
+          )
+        )
+      ))
+    ), view !== "agenda" && rows.length === 0 ? /* @__PURE__ */ React6.createElement("div", { className: "nf-s-empty", role: "status", "aria-busy": props.loading ? true : void 0, style: { top: headH + 40, right: panelOpen ? Math.round(280 * textScale) : 0 } }, props.loading ? `Loading ${labels.bookings.toLowerCase()}\u2026` : filter ? `No ${labels.resources.toLowerCase()} match \u201C${filter}\u201D.` : `No ${labels.resources.toLowerCase()} yet.`, props.emptyAction && !props.loading && !filter ? /* @__PURE__ */ React6.createElement(EmptyActionView, { action: props.emptyAction, prefix: "nf-s", buttonClass: "nf-s-btn" }) : null) : null, panelOpen ? /* @__PURE__ */ React6.createElement("aside", { className: "nf-s-unassigned", id: `${uid}-unassigned`, "aria-label": `Unassigned ${labels.bookings.toLowerCase()}`, dir: dirAttr }, /* @__PURE__ */ React6.createElement("div", { className: "nf-s-un-head" }, "Unassigned", /* @__PURE__ */ React6.createElement("span", { className: "nf-s-count" }, queueFilter ? `${queueShown.length} of ${queue.length}` : queue.length)), queue.length ? /* @__PURE__ */ React6.createElement("div", { className: "nf-s-un-tools" }, /* @__PURE__ */ React6.createElement(
+      "input",
+      {
+        className: "nf-s-filter",
+        type: "search",
+        placeholder: `Filter ${labels.bookings.toLowerCase()}`,
+        "aria-label": `Filter unassigned ${labels.bookings.toLowerCase()} by name, location or status`,
+        value: queueFilter,
+        onChange: (e2) => setQueueFilter(e2.target.value),
+        onKeyDown: (e2) => {
+          if (e2.key === "Escape" && queueFilter) {
+            setQueueFilter("");
+            e2.preventDefault();
+          }
+        }
+      }
+    ), /* @__PURE__ */ React6.createElement("label", { className: "nf-s-pick" }, /* @__PURE__ */ React6.createElement("span", { className: "nf-s-sr" }, "Sort unassigned by"), /* @__PURE__ */ React6.createElement("select", { value: queueSort, onChange: (e2) => setQueueSort(e2.target.value) }, Object.keys(QUEUE_SORT_LABEL).map((k) => /* @__PURE__ */ React6.createElement("option", { key: k, value: k }, QUEUE_SORT_LABEL[k]))))) : null, queueShown.length ? /* @__PURE__ */ React6.createElement("ul", { className: "nf-s-un-list" }, queueShown.map((it, i) => {
+      const d = instantToDay(it.start, zone);
+      const newDay = byDay && (i === 0 || instantToDay(queueShown[i - 1].start, zone) !== d);
+      return /* @__PURE__ */ React6.createElement("li", { key: it.id }, newDay ? /* @__PURE__ */ React6.createElement("div", { className: "nf-s-un-day" }, dayLabelIn(it.start, zone)) : null, /* @__PURE__ */ React6.createElement(
+        "button",
+        {
+          type: "button",
+          className: "nf-s-un-item",
+          "aria-pressed": selected === it.id,
+          "aria-describedby": can("assign", it.booking) ? `${uid}-queue-help` : void 0,
+          "data-editable": can("assign", it.booking) ? "" : void 0,
+          onPointerDown: (e2) => onQueuePointerDown(e2, it),
+          onClick: () => select(it.id),
+          onDoubleClick: () => props.onOpen?.(it.booking),
+          onKeyDown: (e2) => {
+            if (e2.key === "Enter") {
+              e2.preventDefault();
+              props.onOpen?.(it.booking);
+              return;
+            }
+            if (keyboardEdit(e2, it.id)) {
+              e2.preventDefault();
+              select(it.id);
+            }
+          }
+        },
+        /* @__PURE__ */ React6.createElement("span", { className: "nf-s-sr" }, bookingWords(it)),
+        /* @__PURE__ */ React6.createElement("span", { "aria-hidden": "true" }, it.booking.name),
+        /* @__PURE__ */ React6.createElement("small", { "aria-hidden": "true" }, byDay ? "" : `${dayLabelIn(it.start, zone)} \xB7 `, /* @__PURE__ */ React6.createElement("span", { className: "nf-s-ltr" }, it.booking.allDay ? "All day" : `${timeLabel(it.start, zone)}\u2013${timeLabel(it.end, zone)}`), it.booking.location ? ` \xB7 ${it.booking.location}` : "")
+      ));
+    })) : /* @__PURE__ */ React6.createElement("div", { className: "nf-s-un-empty" }, queue.length ? `Nothing matches \u201C${queueFilter}\u201D.` : "Nothing to schedule.")) : null),
+    /* @__PURE__ */ React6.createElement("div", { id: `${uid}-help`, className: "nf-s-sr" }, "Arrow keys move between ", labels.bookings.toLowerCase(), ": left and right along a row, up and down to the next ", labels.resource.toLowerCase(), ". Enter opens.", props.onBookingChange ? ` Alt plus left or right moves the selected ${labels.booking.toLowerCase()} in time, Alt plus Shift plus left or right changes its end, Alt plus up or down moves it to another ${labels.resource.toLowerCase()}. Control plus Z undoes.` : "", props.onCreate ? ` Insert adds a ${labels.booking.toLowerCase()} after the selected one.` : ""),
+    /* @__PURE__ */ React6.createElement("div", { id: `${uid}-queue-help`, className: "nf-s-sr" }, "Alt plus down arrow assigns it to the first ", labels.resource.toLowerCase(), ", keeping its time. Or drag it onto a row."),
+    /* @__PURE__ */ React6.createElement(Toasts, { prefix: "nf-s", items: editing.toasts, announcement: editing.announcement, onDismiss: editing.dismiss }),
+    license && !license.licensed && props.watermark !== false ? /* @__PURE__ */ React6.createElement(Watermark, { prefix: "nf-s", title: licenseMessage(license), markHtml: markSvg({ size: 16 }), variant: props.watermarkStyle, onClick: props.onWatermarkClick }) : null,
+    editing.lockNote ? /* @__PURE__ */ React6.createElement("p", { className: "nf-s-locknote", role: "status" }, editing.lockNote) : null,
+    renewal ? /* @__PURE__ */ React6.createElement("a", { className: "nf-s-renew", href: renewal.href, target: "_blank", rel: "noreferrer", title: renewal.detail }, renewal.text) : null
+  );
+}
+
+// src/sample.ts
+function rng(seed) {
+  let s = seed | 0;
+  return () => {
+    s = s + 1831565813 | 0;
+    let t = Math.imul(s ^ s >>> 15, 1 | s);
+    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+var iso2 = (ms) => new Date(ms).toISOString();
+function sampleScenario(preset, anchor, zone) {
+  const rand = rng(preset.length * 7919 + toDay(anchor));
+  const pick = (list) => list[Math.floor(rand() * list.length)];
+  const anchorDay = toDay(anchor);
+  const monday = anchorDay - weekday(anchorDay);
+  const days = [];
+  for (let d = monday - 21; d < monday + 21; d++) days.push(d);
+  const weekdays = days.filter((d) => weekday(d) < 5);
+  const at = (day, hour) => atHour(day, hour, zone);
+  const resources = [];
+  const bookings = [];
+  let n = 0;
+  const book = (b) => bookings.push({ ...b, id: `${preset}-${++n}`, start: iso2(b.start), end: iso2(b.end) });
+  const status = (day) => day < anchorDay - 1 ? "Done" : rand() < 0.75 ? "Confirmed" : "Tentative";
+  if (preset === "people" || preset === "custom") {
+    const teams = {
+      "Customer Care": ["Aisha Khan", "Ben Walker", "Chloe Nguyen", "Dev Patel", "Ella Brown"],
+      Warehouse: ["Grace Lee", "Hamish Scott", "Isla Chen", "Jack Wilson"],
+      Clinic: ["Maya Rossi", "Noah Kim", "Olivia Hart", "Priya Das"]
+    };
+    for (const [team, names] of Object.entries(teams))
+      for (const name of names) {
+        const early = team === "Warehouse";
+        const r = { id: `p-${resources.length + 1}`, name, group: team, subtitle: team === "Clinic" ? "Nurse" : early ? "Picker" : "Agent", capacityHours: 8, workStart: early ? 7 : 9, workEnd: early ? 15.5 : 17 };
+        resources.push(r);
+        for (const day of weekdays) {
+          if (rand() < 0.3) continue;
+          const s = Number(r.workStart) + (rand() < 0.25 ? 1 : 0);
+          const len = pick([4, 6, 8, 8]);
+          book({ name: `${team} shift`, resourceId: r.id, start: at(day, s), end: at(day, s + len), status: status(day), subtitle: team });
+          if (rand() < 0.07) book({ name: "Overtime cover", resourceId: r.id, start: at(day, s + len - 2), end: at(day, s + len + 3), status: "Tentative" });
+        }
+        if (rand() < 0.4) {
+          const d = pick(weekdays);
+          book({ name: "Annual leave", resourceId: r.id, start: at(d, 0), end: at(d + 3, 0), kind: "unavailable", allDay: true, status: "Confirmed" });
+        }
+      }
+  }
+  if (preset === "rooms") {
+    const rooms = [
+      ["Harbour Room", "Building A", 12],
+      ["Ridge Room", "Building A", 6],
+      ["Studio 1", "Building A", 4],
+      ["Boardroom", "Building A", 20],
+      ["Kings Park", "Building B", 8],
+      ["Swan Room", "Building B", 10],
+      ["Focus Pod", "Building B", 2]
+    ];
+    const meetings = ["Team stand-up", "Client workshop", "Interview", "Planning", "Training", "Board meeting", "1:1"];
+    for (const [name, building, seats] of rooms) {
+      const r = { id: `rm-${resources.length + 1}`, name, group: building, seats, subtitle: `${seats} seats`, capacityHours: 10, workStart: 8, workEnd: 18 };
+      resources.push(r);
+      for (const day of weekdays) {
+        let h = 8.5;
+        const count = 1 + Math.floor(rand() * 3);
+        for (let i = 0; i < count && h < 16.5; i++) {
+          h += pick([0, 0.5, 1]);
+          const len = pick([0.5, 1, 1, 1.5, 2]);
+          const over = rand() < 0.08;
+          const attendees = Math.max(1, Math.round(seats * (over ? 1.3 : 0.4 + rand() * 0.6)));
+          book({ name: pick(meetings), resourceId: r.id, start: at(day, h), end: at(day, h + len), attendees, status: status(day), subtitle: `${attendees} people` });
+          h += rand() < 0.08 ? len - 0.5 : len;
+        }
+      }
+    }
+  }
+  if (preset === "vehicles" || preset === "equipment") {
+    const fleet = preset === "vehicles" ? [
+      ["Hilux 1", "North depot", "1ABC 234"],
+      ["Hilux 2", "North depot", "1ABD 771"],
+      ["Transit van", "South depot", "1XYZ 410"],
+      ["Prado", "South depot", "1PRA 090"],
+      ["Tipper truck", "South depot", "1TIP 655"],
+      ["Ute 3", "North depot", "1UTE 303"]
+    ] : [
+      ["Scissor lift", "Lifting", "EQ-1001"],
+      ["Forklift", "Lifting", "EQ-1002"],
+      ["Total station", "Survey", "EQ-2001"],
+      ["GPS rover", "Survey", "EQ-2002"],
+      ["Generator 20kVA", "Power", "EQ-3001"],
+      ["Light tower", "Power", "EQ-3002"]
+    ];
+    const sites = ["Kwinana site", "Joondalup depot", "Fremantle port", "Midland yard", "Rockingham job", "CBD fit-out"];
+    for (const [name, group, id] of fleet) {
+      const r = { id: `${preset[0]}-${resources.length + 1}`, name, group, subtitle: id, capacityHours: 10, workStart: 7, workEnd: 17 };
+      resources.push(r);
+      let day = days[0] + Math.floor(rand() * 3);
+      while (day < days[days.length - 1]) {
+        const len = 1 + Math.floor(rand() * 4);
+        const site = pick(sites);
+        book({ name: `${site} hire`, resourceId: r.id, start: at(day, 7), end: at(day + len - 1, 17), location: site, status: status(day), subtitle: site });
+        day += len + Math.floor(rand() * 3);
+      }
+      const m = pick(weekdays);
+      book({ name: "Maintenance", resourceId: r.id, start: at(m, 7), end: at(m + 1, 17), kind: "unavailable", status: "Confirmed", subtitle: "Service" });
+    }
+  }
+  if (preset === "jobs") {
+    const areas = {
+      "East area": ["Sam O'Brien", "Tara Mills", "Umar Ali", "Vera Novak"],
+      "West area": ["Will Grant", "Xin Zhou", "Yusuf Kaya", "Zoe Clarke"]
+    };
+    const jobTypes = ["Air-con service", "Fault call-out", "Install", "Inspection", "Repair", "Commissioning"];
+    const suburbs = ["Subiaco", "Midland", "Cannington", "Joondalup", "Fremantle", "Morley", "Armadale", "Scarborough"];
+    for (const [area, names] of Object.entries(areas))
+      for (const name of names) {
+        const r = { id: `t-${resources.length + 1}`, name, group: area, subtitle: "Field technician", capacityHours: 8, workStart: 7.5, workEnd: 16 };
+        resources.push(r);
+        for (const day of weekdays) {
+          if (rand() < 0.3) continue;
+          let h = 7.5;
+          const count = rand() < 0.1 ? 4 : 1 + Math.floor(rand() * 2);
+          for (let i = 0; i < count; i++) {
+            const len = pick([1.5, 2, 3]);
+            const loc = pick(suburbs);
+            book({ name: pick(jobTypes), resourceId: r.id, start: at(day, h), end: at(day, h + len), location: loc, subtitle: loc, status: status(day) });
+            h += len + 0.5;
+          }
+        }
+      }
+    for (let i = 0; i < 25; i++) {
+      const day = anchorDay + Math.floor(rand() * 10);
+      const loc = pick(suburbs);
+      const h = pick([8, 9, 10, 13, 14]);
+      book({ name: `${pick(jobTypes)} #${1e3 + i}`, resourceId: null, start: at(day, h), end: at(day, h + pick([1, 2, 3])), location: loc, subtitle: loc, status: "Tentative" });
+    }
+  }
+  return { resources, bookings };
+}
+function scaleScenario(anchor, zone, resources = 300, perResource = 10) {
+  const rand = rng(toDay(anchor) * 31 + resources);
+  const anchorDay = toDay(anchor);
+  const monday = anchorDay - weekday(anchorDay);
+  const workdays = [];
+  for (let d = monday; d < monday + 14; d++) if (weekday(d) < 5) workdays.push(d);
+  const out = { resources: [], bookings: [] };
+  const statuses = ["Confirmed", "Confirmed", "Confirmed", "Tentative", "Done"];
+  for (let r = 0; r < resources; r++) {
+    const id = `s${r}`;
+    out.resources.push({ id, name: `Person ${String(r + 1).padStart(3, "0")}`, group: `Team ${String.fromCharCode(65 + r % 10)}`, subtitle: r % 3 ? "Technician" : "Lead" });
+    for (let k = 0; k < perResource; k++) {
+      const day = workdays[k % workdays.length];
+      const startH = 7 + Math.floor(rand() * 6);
+      const len = 2 + Math.floor(rand() * 6);
+      const leave = (r * perResource + k) % 25 === 0;
+      out.bookings.push({
+        id: `${id}-${k}`,
+        name: leave ? "Leave" : `Job ${r * perResource + k + 1}`,
+        start: iso2(atHour(day, leave ? 0 : startH, zone)),
+        end: iso2(atHour(leave ? day + 1 : day, leave ? 0 : startH + len, zone)),
+        resourceId: id,
+        status: leave ? void 0 : statuses[Math.floor(rand() * statuses.length)],
+        kind: leave ? "unavailable" : "booking",
+        location: rand() < 0.3 ? "Site " + (1 + Math.floor(rand() * 40)) : void 0
+      });
+    }
+  }
+  for (let j = 0; j < 40; j++) {
+    const day = workdays[j % workdays.length];
+    out.bookings.push({ id: `u${j}`, name: `Unassigned job ${j + 1}`, start: iso2(atHour(day, 9, zone)), end: iso2(atHour(day, 11, zone)), resourceId: null, status: "Tentative" });
+  }
+  return out;
+}
+
+// src/CapacityHeatmap.tsx
+import * as React7 from "react";
+import { useMemo as useMemo3, useRef as useRef4, useState as useState6 } from "react";
+
+// src/capacity.ts
+var STEP_LABELS = ["under 60%", "60\u201379%", "80\u201394%", "95\u2013100%", "over 100%"];
+function utilisationPct(c) {
+  if (!(c.capacity > 0)) return null;
+  return Math.round(c.booked / c.capacity * 100);
+}
+function capacityStep(c) {
+  const pct = utilisationPct(c);
+  if (pct === null) return c.booked > 0 ? 4 : 0;
+  if (pct > 100) return 4;
+  if (pct >= 95) return 3;
+  if (pct >= 80) return 2;
+  if (pct >= 60) return 1;
+  return 0;
+}
+function cellKey(rowId, week) {
+  return rowId + KEY_SEPARATOR + week;
+}
+function weekStarts(fromIso, count) {
+  const d = toDay(fromIso);
+  if (Number.isNaN(d)) return [];
+  const monday = d - weekday(d);
+  const out = [];
+  for (let i = 0; i < count; i++) out.push(isoOfDay(monday + i * 7));
+  return out;
+}
+function weeklyUtilisation(resources, bookings, weeks, o) {
+  const items = normalise(bookings);
+  const byResource = /* @__PURE__ */ new Map();
+  for (const it of items) {
+    if (!it.resourceId) continue;
+    const list = byResource.get(it.resourceId) ?? [];
+    list.push(it);
+    byResource.set(it.resourceId, list);
+  }
+  const week = o.week ?? "mon-fri";
+  const days = week === "mon-fri" ? 5 : 7;
+  const hour = (v, fallback) => {
+    const h = v === void 0 ? NaN : parseHour(v);
+    return Number.isNaN(h) ? fallback : h;
+  };
+  const ws0 = hour(o.workStart, 9);
+  const we0 = hour(o.workEnd, 17);
+  return resources.map((r) => {
+    const ws = hour(r.workStart, ws0);
+    const we = hour(r.workEnd, we0);
+    const perDay = r.capacityHours ?? o.capacityHours ?? 8;
+    const mine = byResource.get(r.id) ?? [];
+    return {
+      id: r.id,
+      name: r.name,
+      group: r.group,
+      cells: weeks.map((w) => ({
+        week: w,
+        booked: bookedWorkingHours(mine, toDay(w), 7, ws, we, week, o.zone, perDay),
+        capacity: perDay * days
+      }))
+    };
+  });
+}
+function rollUp(rows) {
+  const out = /* @__PURE__ */ new Map();
+  for (const r of rows) {
+    const key = r.group || r.name;
+    let t = out.get(key);
+    if (!t) out.set(key, t = { id: key, name: key, cells: r.cells.map((c) => ({ ...c })) });
+    else {
+      for (const c of r.cells) {
+        const m = t.cells.find((x) => x.week === c.week);
+        if (m) {
+          m.booked = Math.round((m.booked + c.booked) * 10) / 10;
+          m.capacity += c.capacity;
+        } else t.cells.push({ ...c });
+      }
+    }
+  }
+  return [...out.values()];
+}
+function weeksOf(rows) {
+  const s = /* @__PURE__ */ new Set();
+  for (const r of rows) for (const c of r.cells) s.add(c.week);
+  return [...s].sort();
+}
+function weekName(week) {
+  const p = parts(toDay(week));
+  return `${p.date} ${MONTHS[p.month] ?? ""} ${p.year}`;
+}
+function weekLabels(weeks) {
+  let lastMonth = -1;
+  return weeks.map((w) => {
+    const p = parts(toDay(w));
+    const label = p.month === lastMonth ? String(p.date) : `${p.date} ${MONTHS[p.month] ?? ""}`;
+    lastMonth = p.month;
+    return label;
+  });
+}
+function capacityHeadline(rows, noun = "No one") {
+  let worst;
+  let count = 0;
+  for (const r of rows) {
+    let over = 0;
+    let first = "";
+    for (const c of r.cells) {
+      if (capacityStep(c) !== 4) continue;
+      over += c.booked - c.capacity;
+      if (!first || c.week < first) first = c.week;
+    }
+    if (!first) continue;
+    count++;
+    if (!worst || over > worst.over) worst = { row: r, over, first };
+  }
+  if (!worst) return `${noun} over capacity`;
+  const month = MONTHS[parts(toDay(worst.first)).month] ?? "";
+  const others = count - 1;
+  return `${worst.row.name}${others ? ` and ${others} other${others === 1 ? "" : "s"}` : ""} overbooked in ${month}`;
+}
+function hexParts(h) {
+  const s = h.trim().replace("#", "");
+  const f = s.length === 3 ? s.replace(/./g, (c) => c + c) : s;
+  if (!/^[0-9a-f]{6}$/i.test(f)) return null;
+  return [0, 2, 4].map((i) => parseInt(f.slice(i, i + 2), 16));
+}
+function mixColor(a, b, t) {
+  const x = hexParts(a);
+  const y = hexParts(b);
+  if (!x || !y) return a;
+  return "#" + x.map((v, i) => Math.round(v + (y[i] - v) * t).toString(16).padStart(2, "0")).join("").toUpperCase();
+}
+function stepColors(accent, surface, override) {
+  const bgs = override && override.length === 5 ? override : [mixColor(accent, surface, 0.9), mixColor(accent, surface, 0.75), mixColor(accent, surface, 0.45), mixColor(accent, "#000000", 0.25), semantic.negative];
+  return bgs.map((bg) => accentForText(bg));
+}
+
+// src/CapacityHeatmap.tsx
+var css2 = `
+.nf-cap{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:16px 18px;min-height:0;background:var(--nf-surface);color:var(--nf-ink);font-family:var(--nf-font);font-size:var(--nf-text-body);line-height:1.3;border:1px solid var(--nf-line);border-radius:16px;-webkit-font-smoothing:antialiased}
+.nf-cap *,.nf-cap *::before,.nf-cap *::after{box-sizing:border-box}
+.nf-cap-title{margin:0;font-size:var(--nf-text-title);font-weight:600;letter-spacing:-0.01em}
+.nf-cap-grid{display:grid;gap:3px;outline:none;overflow:auto;min-height:0;border-radius:8px}
+.nf-cap-grid:focus-visible{box-shadow:0 0 0 2px var(--nf-surface),0 0 0 4px var(--nf-focus)}
+.nf-cap-row{display:contents}
+.nf-cap-colhead{font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);color:var(--nf-muted);text-align:center;white-space:nowrap;padding:0 0 2px}
+.nf-cap-name{font-size:var(--nf-text-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-inline-end:8px}
+.nf-cap-cell{height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);cursor:pointer;user-select:none;transition:opacity ${motion.fast} ${motion.ease}}
+.nf-cap-cell[data-step="4"]{font-weight:600}
+.nf-cap-cell[aria-selected="true"],.nf-cap-cell[data-active]{box-shadow:0 0 0 2px var(--nf-surface),0 0 0 4px var(--nf-focus)}
+.nf-cap-cell[data-dim],.nf-cap-name[data-dim]{opacity:${HOST_DIM}}
+.nf-cap-legend{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:var(--nf-text-caption);color:var(--nf-muted)}
+.nf-cap-legend i{display:inline-block;width:14px;height:10px;border-radius:2px;margin-inline-end:4px;vertical-align:-1px}
+.nf-cap-tip{position:fixed;z-index:20;pointer-events:none;padding:8px 10px;border-radius:8px;background:var(--nf-tooltip-bg);color:var(--nf-tooltip-ink);font-size:var(--nf-text-value);box-shadow:0 8px 24px rgba(14,17,22,.24);max-width:260px}
+.nf-cap-tip b{display:block;font-weight:600;margin-bottom:2px}
+.nf-cap-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
+.nf-cap-mark{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 6px;border-radius:8px;background:var(--nf-surface);border:1px solid var(--nf-line);font-size:var(--nf-text-caption);color:var(--nf-muted);text-decoration:none;font-family:inherit;cursor:pointer}
+.nf-cap-mark:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-cap[data-static] *{animation:none!important;transition:none!important}
+@media (prefers-reduced-motion: reduce){.nf-cap *{animation:none!important;transition:none!important}}
+@media (forced-colors: active){.nf-cap-cell{forced-color-adjust:none;border:1px solid CanvasText}}
+`;
+function CapacityHeatmap(props) {
+  const { rows } = props;
+  const uid = useState6(() => nextUid("nfc"))[0];
+  const weeks = useMemo3(() => props.weeks ?? weeksOf(rows), [props.weeks, rows]);
+  const labels = useMemo3(() => weeks.map((w, i) => props.weekLabel ? props.weekLabel(w, i) : weekLabels(weeks)[i]), [weeks, props.weekLabel]);
+  const license = useLicense(props.licenseKey, { product: "plan", tenantId: props.tenantId });
+  const plain = palette(props.theme, props.accent, false);
+  const surface = props.colors?.background ?? plain.surface;
+  const steps = stepColors(plain.accent, surface, props.colors?.steps);
+  const themeOverrides = {};
+  if (props.colors?.background) themeOverrides.surface = themeOverrides.tooltipInk = props.colors.background;
+  if (props.colors?.foreground) themeOverrides.ink = themeOverrides.muted = themeOverrides.line = themeOverrides.tooltipBg = themeOverrides.focus = props.colors.foreground;
+  const vars = resolveTheme(Object.keys(themeOverrides).length ? { ...plain, ...themeOverrides } : props.theme, props.accent);
+  const cellAt = (r, w) => r.cells.find((c) => c.week === w) ?? { week: w, booked: 0, capacity: 0 };
+  const pctText = (c, use) => {
+    const pct = utilisationPct(c);
+    if (pct === null) return c.booked > 0 ? "Over" : "\u2013";
+    return props.formatValue ? props.formatValue(pct, { field: "utilisation", use }) : `${pct}%`;
+  };
+  const hours = (v) => props.formatValue ? props.formatValue(v, { field: "hours", use: "tooltip" }) : `${Math.round(v * 10) / 10} h`;
+  const target = (ri, wi) => {
+    const r = rows[ri];
+    const w = weeks[wi];
+    if (!r || w === void 0) return null;
+    return { row: r, cell: cellAt(r, w), key: cellKey(r.id, w) };
+  };
+  const hl = props.highlighted && props.highlighted.length ? new Set(props.highlighted) : void 0;
+  const dimmed = (r, w) => !!hl && !isHighlighted(r.id, hl) && !isHighlighted(cellKey(r.id, w), hl);
+  const [active, setActive] = useState6(null);
+  const [selected, setSelected] = useState6(null);
+  const [tip, setTip] = useState6(null);
+  const hovering = useRef4(false);
+  const hover = (t, at) => {
+    if (!props.onHover) return;
+    if (!t && !hovering.current) return;
+    hovering.current = !!t;
+    props.onHover(t, at);
+  };
+  const anchor = (ri, wi) => {
+    const el = typeof document !== "undefined" ? document.getElementById(`${uid}-${ri}-${wi}`) : null;
+    const b = el?.getBoundingClientRect();
+    return b ? { clientX: b.left + b.width / 2, clientY: b.top + b.height / 2, multi: false } : null;
+  };
+  const choose = (ri, wi, multi) => {
+    const t = target(ri, wi);
+    if (!t) return;
+    setSelected(t.key);
+    setActive({ r: ri, w: wi });
+    props.onSelect?.(t, { multi });
+  };
+  const onKeyDown = (e2) => {
+    if (!rows.length || !weeks.length) return;
+    const a = active ?? { r: 0, w: 0 };
+    const rtl = props.dir === "rtl";
+    let next2 = null;
+    if (e2.key === "ArrowRight") next2 = { r: a.r, w: Math.min(weeks.length - 1, Math.max(0, a.w + (rtl ? -1 : 1))) };
+    else if (e2.key === "ArrowLeft") next2 = { r: a.r, w: Math.min(weeks.length - 1, Math.max(0, a.w + (rtl ? 1 : -1))) };
+    else if (e2.key === "ArrowDown") next2 = { r: Math.min(rows.length - 1, a.r + 1), w: a.w };
+    else if (e2.key === "ArrowUp") next2 = { r: Math.max(0, a.r - 1), w: a.w };
+    else if (e2.key === "Home") next2 = { r: a.r, w: 0 };
+    else if (e2.key === "End") next2 = { r: a.r, w: weeks.length - 1 };
+    else if (e2.key === "Enter" || e2.key === " ") {
+      choose(a.r, a.w, isMultiSelect(e2));
+    } else if (e2.key === "Escape") {
+      setSelected(null);
+      props.onSelect?.(null, { multi: false });
+    } else if (isContextMenuKey(e2) && props.onContextMenu) {
+      const t = target(a.r, a.w);
+      const at = anchor(a.r, a.w);
+      if (t && at) props.onContextMenu(t, at);
+    } else return;
+    e2.preventDefault();
+    if (next2) {
+      setActive(next2);
+      const t = target(next2.r, next2.w);
+      const n = next2;
+      if (props.onHover && t) requestAnimationFrame(() => {
+        const at = anchor(n.r, n.w);
+        if (at) hover(t, at);
+      });
+    }
+  };
+  const title = props.title ?? capacityHeadline(rows);
+  const columns = `minmax(96px, max-content) repeat(${weeks.length}, minmax(40px, 1fr))`;
+  const tipT = tip && props.tooltip !== "none" ? target(tip.r, tip.w) : null;
+  const style = { ...vars, height: props.height };
+  const activeId = active ? `${uid}-${active.r}-${active.w}` : void 0;
+  const describe = (t, label) => `${t.row.name}, week of ${label}: ${pctText(t.cell, "tooltip")}, ${hours(t.cell.booked)} of ${hours(t.cell.capacity)}${capacityStep(t.cell) === 4 ? ", over capacity" : ""}`;
+  return /* @__PURE__ */ React7.createElement(
+    "div",
+    {
+      className: `nf-cap${props.className ? " " + props.className : ""}`,
+      style,
+      dir: props.dir,
+      "data-static": props.animate === false ? "" : void 0,
+      "data-hl": hl ? "" : void 0
+    },
+    /* @__PURE__ */ React7.createElement("style", { dangerouslySetInnerHTML: { __html: css2 } }),
+    /* @__PURE__ */ React7.createElement("p", { className: "nf-cap-title", id: `${uid}-t` }, title),
+    /* @__PURE__ */ React7.createElement(
+      "div",
+      {
+        className: "nf-cap-grid",
+        role: "grid",
+        "aria-labelledby": `${uid}-t`,
+        "aria-rowcount": rows.length + 1,
+        "aria-colcount": weeks.length + 1,
+        tabIndex: 0,
+        "aria-activedescendant": activeId,
+        style: { gridTemplateColumns: columns },
+        onKeyDown,
+        onFocus: () => setActive((a) => a ?? (rows.length && weeks.length ? { r: 0, w: 0 } : null)),
+        onMouseLeave: (e2) => {
+          setTip(null);
+          hover(null, { clientX: e2.clientX, clientY: e2.clientY, multi: false });
+        }
+      },
+      /* @__PURE__ */ React7.createElement("div", { className: "nf-cap-row", role: "row", "aria-rowindex": 1 }, /* @__PURE__ */ React7.createElement("div", { className: "nf-cap-colhead", role: "columnheader", style: { textAlign: "start" } }, props.rowHeader ?? /* @__PURE__ */ React7.createElement("span", { className: "nf-cap-sr" }, "Resource")), weeks.map((w, wi) => /* @__PURE__ */ React7.createElement("div", { key: w, className: "nf-cap-colhead", role: "columnheader" }, labels[wi]))),
+      rows.map((r, ri) => /* @__PURE__ */ React7.createElement("div", { key: r.id, className: "nf-cap-row", role: "row", "aria-rowindex": ri + 2 }, /* @__PURE__ */ React7.createElement("div", { className: "nf-cap-name", role: "rowheader", title: r.name, "data-dim": hl && !isHighlighted(r.id, hl) && !weeks.some((w) => isHighlighted(cellKey(r.id, w), hl)) ? "" : void 0 }, r.name), weeks.map((w, wi) => {
+        const c = cellAt(r, w);
+        const step = capacityStep(c);
+        const col = steps[step];
+        const key = cellKey(r.id, w);
+        const t = { row: r, cell: c, key };
+        return /* @__PURE__ */ React7.createElement(
+          "div",
+          {
+            key: w,
+            id: `${uid}-${ri}-${wi}`,
+            className: "nf-cap-cell",
+            role: "gridcell",
+            "aria-selected": selected === key,
+            "aria-label": describe(t, weekName(w)),
+            "data-step": step,
+            "data-active": active && active.r === ri && active.w === wi ? "" : void 0,
+            "data-dim": dimmed(r, w) ? "" : void 0,
+            style: { background: col.background, color: col.text },
+            onClick: (e2) => choose(ri, wi, isMultiSelect(e2)),
+            onMouseMove: (e2) => {
+              if (!tip || tip.r !== ri || tip.w !== wi) setTip({ r: ri, w: wi, x: e2.clientX, y: e2.clientY });
+              hover(t, { clientX: e2.clientX, clientY: e2.clientY, multi: isMultiSelect(e2) });
+            },
+            onContextMenu: props.onContextMenu ? (e2) => {
+              e2.preventDefault();
+              props.onContextMenu(t, { clientX: e2.clientX, clientY: e2.clientY, multi: isMultiSelect(e2) });
+            } : void 0
+          },
+          /* @__PURE__ */ React7.createElement("span", { "aria-hidden": "true" }, pctText(c, "label"))
+        );
+      })))
+    ),
+    props.showLegend === false ? null : /* @__PURE__ */ React7.createElement("div", { className: "nf-cap-legend", "aria-hidden": "true" }, /* @__PURE__ */ React7.createElement("span", null, "Booked vs capacity"), STEP_LABELS.map((l, i) => /* @__PURE__ */ React7.createElement("span", { key: l }, /* @__PURE__ */ React7.createElement("i", { style: { background: steps[i].background } }), l))),
+    tipT && tip ? /* @__PURE__ */ React7.createElement("div", { className: "nf-cap-tip", role: "tooltip", style: { left: tip.x + 12, top: tip.y + 12 } }, /* @__PURE__ */ React7.createElement("b", null, tipT.row.name), "Week of ", weekName(tipT.cell.week), ": ", pctText(tipT.cell, "tooltip"), /* @__PURE__ */ React7.createElement("br", null), hours(tipT.cell.booked), " booked of ", hours(tipT.cell.capacity)) : null,
+    license && !license.licensed && props.watermark !== false ? /* @__PURE__ */ React7.createElement(Watermark, { prefix: "nf-cap", title: licenseMessage(license), markHtml: markSvg({ size: 16 }), variant: props.watermarkStyle, onClick: props.onWatermarkClick }) : null
+  );
+}
+export {
+  CapacityHeatmap,
+  PRESETS,
+  STEP_LABELS,
+  Scheduler,
+  UTC,
+  VERSION,
+  VIEW_LABEL,
+  assignLanes,
+  browserZone,
+  buildRows,
+  capacityHeadline,
+  capacityStep,
+  cellKey,
+  conflicts,
+  fixedZone,
+  ianaZone,
+  normalise,
+  pcfZone,
+  rollUp,
+  sampleScenario,
+  scaleScenario,
+  stepColors,
+  todayIn,
+  utilisationPct,
+  viewRange,
+  weekLabels,
+  weekName,
+  weekStarts,
+  weeklyUtilisation,
+  weeksOf
+};
+//# sourceMappingURL=index.js.map