@umriss-ui/schedule 0.44.0 → 0.46.0

package/dist/schedule.js

@@ -1,19 +1,19 @@
 "use client";
 import "./schedule.css";
-import { localOffset as Kt, toWorkingTimeClamped as H, calendarFrom as vt, toWallClock as Vt, MINUTE as q, DAY as U, timeStep as bs, workingTimeTicks as Ms, HOUR as jt, LinearScale as Ts, resolveColours as Ss, removedIntervals as Is, subscribeTheme as Ls } from "@umriss-ui/charts";
-import { useContext as Ge, createContext as He, useRef as V, useEffect as j, useId as As, useState as at, useLayoutEffect as pt, useImperativeHandle as Cs, useSyncExternalStore as Ye, useMemo as W, createElement as Ds } from "react";
-import { jsxs as N, Fragment as lt, jsx as m } from "react/jsx-runtime";
-import { useFormats as Wt, useWording as yt, Skeleton as _s, AngleGlyph as Os, VisuallyHidden as ve, createLongPress as Fs } from "@umriss-ui/core";
-function nt(s) {
+import { localOffset as je, toWorkingTimeClamped as V, calendarFrom as Tt, toWallClock as qt, MINUTE as Z, DAY as J, timeStep as _s, workingTimeTicks as Os, inDoubledHour as Fs, HOUR as jt, LinearScale as $s, resolveColours as Es, removedIntervals as Bs, subscribeTheme as xs } from "@umriss-ui/charts";
+import { useContext as Zt, useEffect as Y, createContext as Ze, useRef as W, useId as Je, useState as ht, useLayoutEffect as yt, useImperativeHandle as Ns, useSyncExternalStore as Jt, useMemo as U, createElement as Rs } from "react";
+import { jsxs as E, Fragment as it, jsx as p } from "react/jsx-runtime";
+import { zoneFields as Qe, zoneInstant as Kt, useWording as mt, useFormats as St, useTimeZoneLabel as Ps, Skeleton as Gs, AngleGlyph as Hs, VisuallyHidden as Le, createLongPress as Ks, zoneDayStart as Ys } from "@umriss-ui/core";
+function Q(s) {
   return { from: s.from - (s.leadIn ?? 0), to: s.to + (s.leadOut ?? 0) };
 }
-function zt(s, t) {
+function Qt(s, t) {
   return (s.leaves ?? "leadOut") === "main" ? t.to : t.to + (t.leadOut ?? 0);
 }
-function Ut(s, t) {
+function te(s, t) {
   return (s.arrives ?? "leadIn") === "main" ? t.from : t.from - (t.leadIn ?? 0);
 }
-function ye(s, t) {
+function Ce(s, t) {
   if (t.kind === "place" || t.subtask !== s.id) return s;
   switch (t.kind) {
     case "move":
@@ -27,7 +27,7 @@ function ye(s, t) {
       return { ...s, lane: t.lane };
   }
 }
-function Fi(s, t) {
+function Zi(s, t) {
   return {
     id: t,
     task: s.task,
@@ -38,384 +38,395 @@ function Fi(s, t) {
     ...s.leadOut === void 0 ? {} : { leadOut: s.leadOut }
   };
 }
-function Xt(s) {
+function ee(s) {
   const t = [], e = /* @__PURE__ */ new Map();
-  s.forEach((i, n) => {
-    const { from: o, to: r } = nt(i);
-    if (!(o < r)) return;
-    const a = e.get(i.lane) ?? [];
-    a.push({ subtask: i, index: n, from: o, to: r }), e.set(i.lane, a);
+  s.forEach((n, i) => {
+    const { from: o, to: a } = Q(n);
+    if (!(o < a)) return;
+    const r = e.get(n.lane) ?? [];
+    r.push({ subtask: n, index: i, from: o, to: a }), e.set(n.lane, r);
   });
-  for (const [i, n] of e) {
-    n.sort((o, r) => o.from - r.from || o.index - r.index);
-    for (let o = 0; o < n.length; o++) {
-      const r = n[o];
-      for (let a = o + 1; a < n.length; a++) {
-        const l = n[a];
-        if (l.from >= r.to) break;
-        t.push({ lane: i, first: r.subtask.id, second: l.subtask.id, from: l.from, to: Math.min(r.to, l.to) });
+  for (const [n, i] of e) {
+    i.sort((o, a) => o.from - a.from || o.index - a.index);
+    for (let o = 0; o < i.length; o++) {
+      const a = i[o];
+      for (let r = o + 1; r < i.length; r++) {
+        const l = i[r];
+        if (l.from >= a.to) break;
+        t.push({ lane: n, first: a.subtask.id, second: l.subtask.id, from: l.from, to: Math.min(a.to, l.to) });
       }
     }
   }
   return t;
 }
-function Es(s) {
+function Vs(s) {
   const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map();
-  for (const i of s) {
-    const n = nt(i), o = e.get(i.lane) ?? [];
-    let r = 0;
-    if (n.from < n.to) {
-      for (const a of o) n.from < a.to && a.from < n.to && r++;
-      o.push(n);
+  for (const n of s) {
+    const i = Q(n), o = e.get(n.lane) ?? [];
+    let a = 0;
+    if (i.from < i.to) {
+      for (const r of o) i.from < r.to && r.from < i.to && a++;
+      o.push(i);
     }
-    e.set(i.lane, o), t.set(i.id, r);
+    e.set(n.lane, o), t.set(n.id, a);
   }
   return t;
 }
-function qt(s, t) {
-  const e = new Map(s.map((n) => [n.id, n])), i = [];
-  for (const n of t) {
-    const o = e.get(n.from), r = e.get(n.to);
-    if (o === void 0 || r === void 0) continue;
-    const a = zt(n, o), l = Ut(n, r), d = a + n.lag - l;
-    d > 0 && i.push({ dependency: n.id, departure: a, arrival: l, shortBy: d });
+function se(s, t) {
+  const e = new Map(s.map((i) => [i.id, i])), n = [];
+  for (const i of t) {
+    const o = e.get(i.from), a = e.get(i.to);
+    if (o === void 0 || a === void 0) continue;
+    const r = Qt(i, o), l = te(i, a), d = r + i.lag - l;
+    d > 0 && n.push({ dependency: i.id, departure: r, arrival: l, shortBy: d });
   }
-  return i;
+  return n;
 }
-function Ke(s, t) {
+function ts(s, t) {
   const e = [];
-  for (const i of s) {
-    const n = nt(i);
+  for (const n of s) {
+    const i = Q(n);
     for (const o of t)
-      o.lane !== i.lane || !(n.from < o.to && o.from < n.to) || e.push({ subtask: i.id, blocked: o.id, lane: o.lane, from: Math.max(n.from, o.from), to: Math.min(n.to, o.to) });
+      o.lane !== n.lane || !(i.from < o.to && o.from < i.to) || e.push({ subtask: n.id, blocked: o.id, lane: o.lane, from: Math.max(i.from, o.from), to: Math.min(i.to, o.to) });
   }
   return e;
 }
-function Ei(s, t, e = []) {
+function Ji(s, t, e = []) {
   return {
-    overlaps: Xt(s),
-    violatedDependencies: qt(s, t),
-    inBlockedTime: Ke(s, e)
+    overlaps: ee(s),
+    violatedDependencies: se(s, t),
+    inBlockedTime: ts(s, e)
   };
 }
-function $i(s, t, e) {
+function Qi(s, t, e) {
   if (e.kind === "place") return [];
-  const i = new Map(s.map((l) => [l.id, ye(l, e)])), n = /* @__PURE__ */ new Map();
+  const n = new Map(s.map((l) => [l.id, Ce(l, e)])), i = /* @__PURE__ */ new Map();
   for (const l of t) {
-    const d = n.get(l.from) ?? [];
-    d.push(l), n.set(l.from, d);
+    const d = i.get(l.from) ?? [];
+    d.push(l), i.set(l.from, d);
   }
-  const o = /* @__PURE__ */ new Map(), r = [e.subtask];
-  let a = (s.length + 1) * (t.length + 1);
-  for (; r.length > 0 && a-- > 0; ) {
-    const l = r.shift(), d = i.get(l);
+  const o = /* @__PURE__ */ new Map(), a = [e.subtask];
+  let r = (s.length + 1) * (t.length + 1);
+  for (; a.length > 0 && r-- > 0; ) {
+    const l = a.shift(), d = n.get(l);
     if (d !== void 0)
-      for (const h of n.get(l) ?? []) {
+      for (const h of i.get(l) ?? []) {
         if (h.to === e.subtask) continue;
-        const c = i.get(h.to);
+        const c = n.get(h.to);
         if (c === void 0) continue;
-        const f = zt(h, d) + h.lag - Ut(h, c);
-        if (!(f > 0)) continue;
-        const g = { kind: "move", subtask: c.id, from: c.from + f, to: c.to + f };
-        i.set(c.id, ye(c, g)), o.set(c.id, g), r.push(c.id);
+        const m = Qt(h, d) + h.lag - te(h, c);
+        if (!(m > 0)) continue;
+        const k = { kind: "move", subtask: c.id, from: c.from + m, to: c.to + m };
+        n.set(c.id, Ce(c, k)), o.set(c.id, k), a.push(c.id);
       }
   }
   return [...o.values()];
 }
-function $s(s, t) {
-  const { step: e, offset: i } = typeof t == "number" ? { step: t, offset: 0 } : t;
-  if (!(e > 0) || !Number.isFinite(s)) return s;
-  const n = Kt(s) + i;
-  return n + Math.round((s - n) / e) * e;
+function zs(s, t, e) {
+  const { step: n, offset: i } = typeof t == "number" ? { step: t, offset: 0 } : t;
+  if (!(n > 0) || !Number.isFinite(s)) return s;
+  const o = je(s, e) + i;
+  return o + Math.round((s - o) / n) * n;
 }
-function Ri(s, t, e) {
-  return e === 0 || !Number.isFinite(e) ? [] : s.filter((i) => i.task === t).map((i) => ({ kind: "move", subtask: i.id, from: i.from + e, to: i.to + e }));
+function to(s, t, e) {
+  return e === 0 || !Number.isFinite(e) ? [] : s.filter((n) => n.task === t).map((n) => ({ kind: "move", subtask: n.id, from: n.from + e, to: n.to + e }));
 }
-function wt(s) {
-  let t = !1, e = !1, i = !1, n = !1;
+function It(s) {
+  let t = !1, e = !1, n = !1, i = !1;
   for (const o of s ?? [])
-    o === "provisional" ? (t = !0, e = !1) : o === "fixed" ? (e = !0, t = !1) : o === "muted" ? i = !0 : o === "open" && (n = !0);
-  return { dashed: t, hatched: e, muted: i, open: n };
+    o === "provisional" ? (t = !0, e = !1) : o === "fixed" ? (e = !0, t = !1) : o === "muted" ? n = !0 : o === "open" && (i = !0);
+  return { dashed: t, hatched: e, muted: n, open: i };
 }
-const Ve = /* @__PURE__ */ He(null), je = /* @__PURE__ */ He(null);
-function We() {
-  return Ge(je);
+const ne = /* @__PURE__ */ Ze(null), es = /* @__PURE__ */ Ze(null);
+function ss() {
+  return Zt(es);
 }
-function Rs(s) {
-  const t = Ge(Ve);
+function Ws(s) {
+  const t = Zt(ne);
   if (t === null)
     throw new Error(`@umriss-ui/schedule: <${s}> must be used inside a <Schedule>.`);
   return t;
 }
-function Jt(s, t, e, i, n) {
-  const o = Rs(s), r = V(null);
-  j(() => (r.current = e(o, t), () => {
-    r.current !== null && n(o, r.current), r.current = null;
-  }), [o]), j(() => {
-    r.current !== null && i(o, r.current, t);
+function ie(s, t, e, n, i) {
+  const o = Ws(s), a = W(null);
+  Y(() => (a.current = e(o, t), () => {
+    a.current !== null && i(o, a.current), a.current = null;
+  }), [o]), Y(() => {
+    a.current !== null && n(o, a.current, t);
   });
 }
-function xs(s) {
-  Jt("Lane", s, (t, e) => t.registerLane(e), (t, e, i) => t.updateLane(e, i), (t, e) => t.unregisterLane(e));
-}
-function Bs(s) {
-  Jt("LaneGroup", s, (t, e) => t.registerGroup(e), (t, e, i) => t.updateGroup(e, i), (t, e) => t.unregisterGroup(e));
+function Us(s) {
+  ie("Lane", s, (t, e) => t.registerLane(e), (t, e, n) => t.updateLane(e, n), (t, e) => t.unregisterLane(e));
 }
-function bt(s, t) {
-  Jt(s, t, (e, i) => e.registerLayer(i), (e, i, n) => e.updateLayer(i, n), (e, i) => e.unregisterLayer(i));
-}
-const ze = 24, Ns = 4, Ps = 3, Et = 4;
-function we(s) {
-  const { lanes: t, groups: e, collapsed: i, laneHeight: n, headHeight: o = ze } = s, r = new Map(e.map((w) => [w.id, w])), a = (w) => w !== void 0 && r.has(w) ? w : void 0, l = /* @__PURE__ */ new Map(), d = (w) => {
-    const M = [];
-    let T = a(w.parent);
+function Xs(s) {
+  ie("LaneGroup", s, (t, e) => t.registerGroup(e), (t, e, n) => t.updateGroup(e, n), (t, e) => t.unregisterGroup(e));
+}
+function qs(s) {
+  const t = Zt(ne);
+  return Y(() => {
+    if (t !== null)
+      return t.registerDataTable(s), () => t.unregisterDataTable();
+  }, [t, s]), t;
+}
+function Lt(s, t) {
+  ie(s, t, (e, n) => e.registerLayer(n), (e, n, i) => e.updateLayer(n, i), (e, n) => e.unregisterLayer(n));
+}
+const ns = 24, js = 4, Zs = 3, Rt = 4;
+function Ae(s) {
+  const { lanes: t, groups: e, collapsed: n, laneHeight: i, headHeight: o = ns } = s, a = new Map(e.map((b) => [b.id, b])), r = (b) => b !== void 0 && a.has(b) ? b : void 0, l = /* @__PURE__ */ new Map(), d = (b) => {
+    const S = [];
+    let I = r(b.parent);
     const F = /* @__PURE__ */ new Set();
-    for (; T !== void 0 && !F.has(T); )
-      F.add(T), M.unshift(T), T = a(r.get(T).parent);
-    return M;
+    for (; I !== void 0 && !F.has(I); )
+      F.add(I), S.unshift(I), I = r(a.get(I).parent);
+    return S;
   }, h = /* @__PURE__ */ new Map();
-  for (const w of t) {
-    const M = d(w);
-    h.set(w.id, M);
-    for (const T of M) {
-      const F = l.get(T) ?? [];
-      F.push(w.id), l.set(T, F);
+  for (const b of t) {
+    const S = d(b);
+    h.set(b.id, S);
+    for (const I of S) {
+      const F = l.get(I) ?? [];
+      F.push(b.id), l.set(I, F);
     }
   }
-  const c = [], f = /* @__PURE__ */ new Map();
-  let g = [], v = null, A = 0;
-  const I = (w) => (c.push({ ...w, top: A }), A += w.height, c.length - 1), L = (w) => w.find((M) => i.has(M)), D = () => {
-    if (v === null) return;
-    const { row: w, lanes: M } = v, T = c[w], F = Math.max(T.height, M.length * Ns + 2 * Et);
-    c[w] = { ...T, height: F }, A += F - T.height;
-    const O = F - 2 * Et, x = Math.max(Ps, Math.floor(O / M.length));
-    M.forEach((X, ft) => {
-      const mt = h.get(X) ?? [];
-      f.set(X, {
-        top: T.top + Et + ft * x,
-        height: x,
+  const c = [], m = /* @__PURE__ */ new Map();
+  let k = [], f = null, v = 0;
+  const C = (b) => (c.push({ ...b, top: v }), v += b.height, c.length - 1), A = (b) => b.find((S) => n.has(S)), M = () => {
+    if (f === null) return;
+    const { row: b, lanes: S } = f, I = c[b], F = Math.max(I.height, S.length * js + 2 * Rt);
+    c[b] = { ...I, height: F }, v += F - I.height;
+    const O = F - 2 * Rt, R = Math.max(Zs, Math.floor(O / S.length));
+    S.forEach((q, gt) => {
+      const kt = h.get(q) ?? [];
+      m.set(q, {
+        top: I.top + Rt + gt * R,
+        height: R,
         miniature: !0,
-        group: mt[mt.length - 1]
+        group: kt[kt.length - 1]
       });
-    }), v = null;
+    }), f = null;
   };
-  for (const w of t) {
-    const M = (h.get(w.id) ?? []).filter((O) => (l.get(O) ?? []).length > 0), T = L(M);
-    if (v !== null && T === v.group) {
-      v.lanes.push(w.id);
+  for (const b of t) {
+    const S = (h.get(b.id) ?? []).filter((O) => (l.get(O) ?? []).length > 0), I = A(S);
+    if (f !== null && I === f.group) {
+      f.lanes.push(b.id);
       continue;
     }
-    D();
-    const F = M.filter((O, x) => g[x] === O).length;
-    g = g.slice(0, F);
-    for (const O of M.slice(F)) {
-      if (g.push(O), O === T) break;
-      I({
+    M();
+    const F = S.filter((O, R) => k[R] === O).length;
+    k = k.slice(0, F);
+    for (const O of S.slice(F)) {
+      if (k.push(O), O === I) break;
+      C({
         kind: "groupHead",
         lane: void 0,
         group: O,
-        depth: g.length - 1,
-        within: [...g],
+        depth: k.length - 1,
+        within: [...k],
         lanes: (l.get(O) ?? []).length,
         height: o
       });
     }
-    if (T !== void 0) {
-      const O = M.indexOf(T), x = I({
+    if (I !== void 0) {
+      const O = S.indexOf(I), R = C({
         kind: "miniature",
         lane: void 0,
-        group: T,
+        group: I,
         depth: O,
-        within: M.slice(0, O + 1),
-        lanes: (l.get(T) ?? []).length,
-        height: n
+        within: S.slice(0, O + 1),
+        lanes: (l.get(I) ?? []).length,
+        height: i
       });
-      v = { group: T, row: x, lanes: [w.id] };
+      f = { group: I, row: R, lanes: [b.id] };
       continue;
     }
-    I({ kind: "lane", lane: w.id, group: M[M.length - 1], depth: M.length, within: M, lanes: 1, height: n }), f.set(w.id, {
+    C({ kind: "lane", lane: b.id, group: S[S.length - 1], depth: S.length, within: S, lanes: 1, height: i }), m.set(b.id, {
       top: c[c.length - 1].top,
-      height: n,
+      height: i,
       miniature: !1,
-      group: M[M.length - 1]
+      group: S[S.length - 1]
     });
   }
-  return D(), { rows: c, slots: f, height: A };
+  return M(), { rows: c, slots: m, height: v };
 }
-function Gs(s, t) {
+function Js(s, t) {
   if (t.size === 0) return s;
   const e = /* @__PURE__ */ new Set();
-  for (const i of s) t.has(i) || e.add(i);
+  for (const n of s) t.has(n) || e.add(n);
   return e;
 }
-function st(s, t) {
+function ot(s, t) {
   if (t < 0 || t >= s.height) return null;
-  let e = 0, i = s.rows.length - 1;
-  for (; e <= i; ) {
-    const n = e + i >> 1, o = s.rows[n];
-    if (t < o.top) i = n - 1;
-    else if (t >= o.top + o.height) e = n + 1;
+  let e = 0, n = s.rows.length - 1;
+  for (; e <= n; ) {
+    const i = e + n >> 1, o = s.rows[i];
+    if (t < o.top) n = i - 1;
+    else if (t >= o.top + o.height) e = i + 1;
     else return o;
   }
   return null;
 }
-function Zt(s, t) {
+function oe(s, t) {
   return s.slots.get(t) ?? null;
 }
-function Hs(s, t) {
-  const e = st(s, t);
+function Qs(s, t) {
+  const e = ot(s, t);
   if (e === null) return null;
   if (e.kind === "lane") return e.lane ?? null;
   if (e.kind === "groupHead") return null;
-  for (const [i, n] of s.slots)
-    if (n.miniature && t >= n.top && t < n.top + n.height) return i;
+  for (const [n, i] of s.slots)
+    if (i.miniature && t >= i.top && t < i.top + i.height) return n;
   return null;
 }
-const Ys = 6, Ue = 3, rt = 2, be = 3, Me = 3;
-function $(s, t) {
-  return Math.round(s.scale.toPx(H(t, s.calendar)));
+const tn = 6, is = 3, dt = 2, De = 3, _e = 3;
+function B(s, t) {
+  return Math.round(s.scale.toPx(V(t, s.calendar)));
 }
-function J(s, t) {
-  const e = Zt(s.rows, t);
+function tt(s, t) {
+  const e = oe(s.rows, t);
   return e === null ? null : { ...e, top: e.top - s.scrollY };
 }
-function Qt(s, t) {
-  const e = J(s, t.lane);
-  return e === null ? null : { x: $(s, t.at), y: e.top + e.height / 2, half: Math.max(2, Math.min(7, e.height * 0.3)) };
+function ae(s, t) {
+  const e = tt(s, t.lane);
+  return e === null ? null : { x: B(s, t.at), y: e.top + e.height / 2, half: Math.max(2, Math.min(7, e.height * 0.3)) };
 }
-function Te(s, t) {
-  return Hs(s.rows, t + s.scrollY);
+function Oe(s, t) {
+  return Qs(s.rows, t + s.scrollY);
 }
-function Xe(s, t, e, i) {
-  const n = e.miniature ? 0 : Ys, o = e.miniature ? 0 : Me * be, r = Math.max(e.miniature ? 1 : 4, e.height - 2 * n - o), a = e.top - s.scrollY + Math.floor((e.height - r) / 2), l = nt(t);
+function os(s, t, e, n) {
+  const i = e.miniature ? 0 : tn, o = e.miniature ? 0 : _e * De, a = Math.max(e.miniature ? 1 : 4, e.height - 2 * i - o), r = e.top - s.scrollY + Math.floor((e.height - a) / 2), l = Q(t);
   return {
     subtask: t,
     miniature: e.miniature,
-    depth: i,
-    y: a + (e.miniature ? 0 : Math.min(i, Me) * be),
-    height: r,
-    outerFrom: $(s, l.from),
-    mainFrom: $(s, t.from),
-    mainTo: $(s, t.to),
-    outerTo: $(s, l.to)
+    depth: n,
+    y: r + (e.miniature ? 0 : Math.min(n, _e) * De),
+    height: a,
+    outerFrom: B(s, l.from),
+    mainFrom: B(s, t.from),
+    mainTo: B(s, t.to),
+    outerTo: B(s, l.to)
   };
 }
-function qe(s, t, e) {
+function as(s, t, e) {
   if (e < s.y || e > s.y + s.height) return null;
-  const i = Math.max(0, (6 - (s.outerTo - s.outerFrom)) / 2);
-  return t < s.outerFrom - i || t > s.outerTo + i ? null : t < s.mainFrom ? "leadIn" : t > s.mainTo ? "leadOut" : "main";
+  const n = Math.max(0, (6 - (s.outerTo - s.outerFrom)) / 2);
+  return t < s.outerFrom - n || t > s.outerTo + n ? null : t < s.mainFrom ? "leadIn" : t > s.mainTo ? "leadOut" : "main";
 }
-function Ks(s, t, e, i = 5) {
+function en(s, t, e, n = 5) {
   if (e < s.y || e > s.y + s.height) return null;
-  const n = Math.abs(t - s.mainFrom), o = Math.abs(t - s.mainTo);
-  return Math.min(n, o) > i ? null : n <= o ? "from" : "to";
+  const i = Math.abs(t - s.mainFrom), o = Math.abs(t - s.mainTo);
+  return Math.min(i, o) > n ? null : i <= o ? "from" : "to";
 }
-function Bt(s, t, e) {
+function Yt(s, t, e) {
   return s.outerTo >= 0 && s.outerFrom <= t && s.y + s.height >= 0 && s.y <= e;
 }
-function Vs(s, t, e) {
-  let n = Math.min(s.x1, s.x2, s.c1x, s.c2x), o = Math.max(s.x1, s.x2, s.c1x, s.c2x), r = Math.min(s.y1, s.y2), a = Math.max(s.y1, s.y2);
+function sn(s, t, e) {
+  let i = Math.min(s.x1, s.x2, s.c1x, s.c2x), o = Math.max(s.x1, s.x2, s.c1x, s.c2x), a = Math.min(s.y1, s.y2), r = Math.max(s.y1, s.y2);
   for (let l = 0; l + 1 < s.points.length; l += 2)
-    n = Math.min(n, s.points[l]), o = Math.max(o, s.points[l]), r = Math.min(r, s.points[l + 1]), a = Math.max(a, s.points[l + 1]);
-  return o >= -8 && n <= t + 8 && a >= -8 && r <= e + 8;
+    i = Math.min(i, s.points[l]), o = Math.max(o, s.points[l]), a = Math.min(a, s.points[l + 1]), r = Math.max(r, s.points[l + 1]);
+  return o >= -8 && i <= t + 8 && r >= -8 && a <= e + 8;
 }
-const js = 64;
-function Ws(s, t) {
+const nn = 64;
+function on(s, t) {
   if (s.miniature) return null;
-  const e = wt(s.subtask.appearance).hatched ? rt + Ue + 1 : 0, i = Math.max(s.mainFrom + e, 0), n = Math.min(s.mainTo - e, t) - i;
-  return n < js ? null : { x: i, width: n, y: s.y, height: s.height };
+  const e = It(s.subtask.appearance).hatched ? dt + is + 1 : 0, n = Math.max(s.mainFrom + e, 0), i = Math.min(s.mainTo - e, t) - n;
+  return i < nn ? null : { x: n, width: i, y: s.y, height: s.height };
 }
-const zs = 10;
-function Se(s, t, e) {
-  const i = Math.round(t.y + t.height / 2);
-  return s === "centre" || e.y === t.y ? i : Math.round(e.y > t.y ? t.y + t.height - 1 : t.y + 1);
+const an = 10;
+function Fe(s, t, e) {
+  const n = Math.round(t.y + t.height / 2);
+  return s === "centre" || e.y === t.y ? n : Math.round(e.y > t.y ? t.y + t.height - 1 : t.y + 1);
 }
-function Nt(s, t, e, i, n) {
-  const o = t.route ?? n.route, r = t.attach ?? n.attach, a = t.ends ?? n.ends, l = $(s, zt(t, e.subtask)), d = $(s, Ut(t, i.subtask)), h = Se(r, e, i), c = Se(r, i, e);
+function Vt(s, t, e, n, i) {
+  const o = t.route ?? i.route, a = t.attach ?? i.attach, r = t.ends ?? i.ends, l = B(s, Qt(t, e.subtask)), d = B(s, te(t, n.subtask)), h = Fe(a, e, n), c = Fe(a, n, e);
   if (o === "straight")
-    return { dependency: t, kind: o, ends: a, x1: l, y1: h, x2: d, y2: c, c1x: l, c2x: d, points: [l, h, d, c] };
+    return { dependency: t, kind: o, ends: r, x1: l, y1: h, x2: d, y2: c, c1x: l, c2x: d, points: [l, h, d, c] };
   if (o === "orthogonal") {
-    const I = l + zs, L = h === c ? I : Math.round((I + d) / 2);
-    return { dependency: t, kind: o, ends: a, x1: l, y1: h, x2: d, y2: c, c1x: l, c2x: d, points: h === c ? [l, h, d, c] : [l, h, L, h, L, c, d, c] };
-  }
-  const f = Math.max(14, Math.abs(d - l) / 2), g = l + f, v = d - f, A = [];
-  for (let I = 0; I <= 16; I++) {
-    const L = I / 16, D = 1 - L;
-    A.push(
-      D * D * D * l + 3 * D * D * L * g + 3 * D * L * L * v + L * L * L * d,
-      D * D * D * h + 3 * D * D * L * h + 3 * D * L * L * c + L * L * L * c
+    const C = l + an, A = h === c ? C : Math.round((C + d) / 2);
+    return { dependency: t, kind: o, ends: r, x1: l, y1: h, x2: d, y2: c, c1x: l, c2x: d, points: h === c ? [l, h, d, c] : [l, h, A, h, A, c, d, c] };
+  }
+  const m = Math.max(14, Math.abs(d - l) / 2), k = l + m, f = d - m, v = [];
+  for (let C = 0; C <= 16; C++) {
+    const A = C / 16, M = 1 - A;
+    v.push(
+      M * M * M * l + 3 * M * M * A * k + 3 * M * A * A * f + A * A * A * d,
+      M * M * M * h + 3 * M * M * A * h + 3 * M * A * A * c + A * A * A * c
     );
   }
-  return { dependency: t, kind: "curve", ends: a, x1: l, y1: h, x2: d, y2: c, c1x: g, c2x: v, points: A };
+  return { dependency: t, kind: "curve", ends: r, x1: l, y1: h, x2: d, y2: c, c1x: k, c2x: f, points: v };
 }
-function Us(s, t, e) {
-  let i = 1 / 0;
-  const n = s.points;
-  for (let o = 0; o + 3 < n.length; o += 2) {
-    const r = n[o], a = n[o + 1], l = n[o + 2], d = n[o + 3], h = l - r, c = d - a, f = h * h + c * c, g = f === 0 ? 0 : Math.max(0, Math.min(1, ((t - r) * h + (e - a) * c) / f));
-    i = Math.min(i, Math.hypot(t - (r + g * h), e - (a + g * c)));
+function rn(s, t, e) {
+  let n = 1 / 0;
+  const i = s.points;
+  for (let o = 0; o + 3 < i.length; o += 2) {
+    const a = i[o], r = i[o + 1], l = i[o + 2], d = i[o + 3], h = l - a, c = d - r, m = h * h + c * c, k = m === 0 ? 0 : Math.max(0, Math.min(1, ((t - a) * h + (e - r) * c) / m));
+    n = Math.min(n, Math.hypot(t - (a + k * h), e - (r + k * c)));
   }
-  return i;
+  return n;
 }
-const Je = [], Ze = 56;
-function Xs(s) {
+const rs = [], ls = 56;
+function ln(s) {
   return s > 16 ? s / 16 : 1;
 }
-function qs(s, t = Ze) {
-  return s > 0 ? Math.min(U, Math.max(15 * q, bs(s * t, 1))) : 15 * q;
+function dn(s, t = ls) {
+  return s > 0 ? Math.min(J, Math.max(15 * Z, _s(s * t, 1))) : 15 * Z;
 }
-function Js(s, t, e = Je) {
-  const [i, n] = Qe(s, e);
-  return Ms(e, i, n, t, Kt(i)).filter(
-    (o) => o.workingTime >= s[0] && o.workingTime <= s[1]
+const hn = () => new Intl.DateTimeFormat().resolvedOptions().timeZone;
+function cn(s, t, e = rs, n) {
+  const [i, o] = ds(s, e);
+  return Os(e, i, o, t, 0, n ?? hn()).filter(
+    (a) => a.workingTime >= s[0] && a.workingTime <= s[1]
   );
 }
-function Zs(s, t = Je) {
-  const [e, i] = Qe(s, t), n = [], o = new Date(e);
-  for (o.setHours(0, 0, 0, 0); o.getTime() < i && n.length < 400; ) {
-    const r = o.getTime();
-    o.setDate(o.getDate() + 1);
-    const a = o.getTime();
-    n.push({
-      start: r,
-      from: H(r, t),
-      to: H(a, t)
+function un(s, t = rs, e) {
+  const [n, i] = ds(s, t), o = [], { year: a, month: r, day: l } = Qe(n, e);
+  let d = l, h = Kt({ year: a, month: r, day: d }, e).getTime();
+  for (; h < i && o.length < 400; ) {
+    const c = h;
+    h = Kt({ year: a, month: r, day: ++d }, e).getTime(), o.push({
+      start: c,
+      from: V(c, t),
+      to: V(h, t)
     });
   }
-  return n;
+  return o;
 }
-const $t = [1, 2, 7, 14, 28];
-function Qs(s, t) {
-  return $t.find((e) => e * s >= t) ?? $t[$t.length - 1];
+const Pt = [1, 2, 7, 14, 28];
+function fn(s, t) {
+  return Pt.find((e) => e * s >= t) ?? Pt[Pt.length - 1];
 }
-function Rt(s, t) {
-  return ((Math.round((s - Kt(s)) / U) - 4) % t + t) % t === 0;
+function Gt(s, t, e) {
+  return ((Math.round((s - je(s, e)) / J) - 4) % t + t) % t === 0;
 }
-function tn(s, t, e, i) {
-  const n = s[1] - s[0];
-  if (!(n > 0)) return [s[0], s[1]];
-  const o = Math.min(i.max, Math.max(i.min, n * e)), r = (t - s[0]) / n, a = t - r * o;
-  return [a, a + o];
+function j(s, t) {
+  const e = s.time(new Date(t), !1);
+  return Fs(t, s.timeZone) ? `${e} ${s.offset(new Date(t))}` : e;
 }
-function en(s, t) {
+function mn(s, t, e, n) {
+  const i = s[1] - s[0];
+  if (!(i > 0)) return [s[0], s[1]];
+  const o = Math.min(n.max, Math.max(n.min, i * e)), a = (t - s[0]) / i, r = t - a * o;
+  return [r, r + o];
+}
+function pn(s, t) {
   return [s[0] + t, s[1] + t];
 }
-function ht(s, t) {
-  const e = vt(t);
-  return e.intervals.length === 0 ? s : Vt(Math.max(0, Math.min(e.total, s)), e);
+function ut(s, t) {
+  const e = Tt(t);
+  return e.intervals.length === 0 ? s : qt(Math.max(0, Math.min(e.total, s)), e);
 }
-function Qe(s, t) {
-  return [ht(s[0], t), ht(s[1], t)];
+function ds(s, t) {
+  return [ut(s[0], t), ut(s[1], t)];
 }
-const Pt = 44;
-class sn {
+const zt = 44;
+class gn {
   constructor(t) {
     this.data = t;
   }
   options = {
-    laneHeight: Pt,
+    laneHeight: zt,
     calendar: [],
-    zoomLimits: { min: jt, max: 28 * U },
+    zoomLimits: { min: jt, max: 28 * J },
     snap: "ticks",
     intents: [],
     now: null,
@@ -425,14 +436,14 @@ class sn {
   };
   /** The root font size over 16 px, 1 at the default size and below (`fontScaleOf`). */
   fontScale = 1;
-  domain = [0, U];
+  domain = [0, J];
   scrollY = 0;
   width = 0;
   height = 0;
   /* What is laid out from top to bottom (`rows.ts`). It is derived here and
      not in the data, because a row's height comes from a view option; every y
      in the package reads it. */
-  rows = we({ lanes: [], groups: [], collapsed: /* @__PURE__ */ new Set(), laneHeight: Pt });
+  rows = Ae({ lanes: [], groups: [], collapsed: /* @__PURE__ */ new Set(), laneHeight: zt });
   /** The folded groups, as the scene holds them. */
   collapsed = /* @__PURE__ */ new Set();
   /** The groups a gesture in flight holds open. Dropped when it ends; the
@@ -466,22 +477,22 @@ class sn {
   }
   /** Takes new options; a new calendar keeps the wall-clock span in view. */
   setOptions(t) {
-    const e = t.calendar !== this.options.calendar, i = this.options.calendar;
+    const e = t.calendar !== this.options.calendar, n = this.options.calendar;
     if (this.options = t, e) {
-      const n = vt(i), o = (r) => {
-        const a = n.intervals.length === 0 ? r : Math.max(0, Math.min(n.total, r));
-        return H(Vt(a, n), t.calendar) + (r - a);
+      const i = Tt(n), o = (a) => {
+        const r = i.intervals.length === 0 ? a : Math.max(0, Math.min(i.total, a));
+        return V(qt(r, i), t.calendar) + (a - r);
       };
       this.domain = [o(this.domain[0]), o(this.domain[1])];
     }
   }
   /** Puts a span of two wall-clock instants in view. */
   showWall(t) {
-    this.domain = [H(t[0], this.options.calendar), H(t[1], this.options.calendar)];
+    this.domain = [V(t[0], this.options.calendar), V(t[1], this.options.calendar)];
   }
   viewport() {
     return {
-      scale: new Ts(this.domain, [0, this.width]),
+      scale: new $s(this.domain, [0, this.width]),
       calendar: this.options.calendar,
       scrollY: this.scrollY,
       rows: this.rows
@@ -497,42 +508,42 @@ class sn {
   /** The fine band's step at the current zoom. */
   step() {
     const t = this.domain[1] - this.domain[0];
-    return qs(this.width > 0 ? t / this.width : t, Ze * this.fontScale);
+    return dn(this.width > 0 ? t / this.width : t, ls * this.fontScale);
   }
   /** Lays the rows out, clamps the scroll, and lays the data out anew. */
   layout() {
-    this.moved = !1, this.rows = we({
+    this.moved = !1, this.rows = Ae({
       lanes: this.data.lanes,
       groups: this.data.groups,
-      collapsed: Gs(this.collapsed, this.openForGesture),
+      collapsed: Js(this.collapsed, this.openForGesture),
       laneHeight: Math.round(this.options.laneHeight * this.fontScale),
-      headHeight: Math.round(ze * this.fontScale)
+      headHeight: Math.round(ns * this.fontScale)
     }), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY));
     const t = this.viewport();
     this.laidBoxes = [], this.laidBoxById = /* @__PURE__ */ new Map();
     for (const e of this.data.subtasks) {
-      const i = Zt(this.rows, e.lane);
-      if (i === null) continue;
-      const n = Xe(t, e, i, this.data.depth.get(e.id) ?? 0);
-      this.laidBoxes.push(n), this.laidBoxById.set(e.id, n);
+      const n = oe(this.rows, e.lane);
+      if (n === null) continue;
+      const i = os(t, e, n, this.data.depth.get(e.id) ?? 0);
+      this.laidBoxes.push(i), this.laidBoxById.set(e.id, i);
     }
     this.laidPaths = [];
     for (const e of this.data.dependencies) {
-      const i = this.boxById.get(e.from), n = this.boxById.get(e.to);
-      i === void 0 || n === void 0 || this.laidPaths.push(Nt(t, e, i, n, this.options));
+      const n = this.boxById.get(e.from), i = this.boxById.get(e.to);
+      n === void 0 || i === void 0 || this.laidPaths.push(Vt(t, e, n, i, this.options));
     }
   }
   /** The days of the coarse band and the ticks of the fine band, in pixels. */
   bands() {
     const t = this.step();
     if (this.width <= 0) return { days: [], ticks: [], step: t };
-    const e = this.viewport().scale, i = this.options.calendar;
+    const e = this.viewport().scale, n = this.options.calendar;
     return {
-      days: Zs(this.domain, i).map((n) => {
-        const o = Math.round(e.toPx(n.from));
-        return { start: n.start, x: o, width: Math.round(e.toPx(n.to)) - o };
+      days: un(this.domain, n, this.options.timeZone).map((i) => {
+        const o = Math.round(e.toPx(i.from));
+        return { start: i.start, x: o, width: Math.round(e.toPx(i.to)) - o };
       }),
-      ticks: Js(this.domain, t, i).map((n) => ({ wallClock: n.wallClock, x: Math.round(e.toPx(n.workingTime)) })),
+      ticks: cn(this.domain, t, n, this.options.timeZone).map((i) => ({ wallClock: i.wallClock, x: Math.round(e.toPx(i.workingTime)) })),
       step: t
     };
   }
@@ -540,32 +551,32 @@ class sn {
   nowX() {
     const t = this.options.now;
     if (t === null || this.width <= 0) return null;
-    const e = Math.round(this.viewport().scale.toPx(H(t, this.options.calendar)));
+    const e = Math.round(this.viewport().scale.toPx(V(t, this.options.calendar)));
     return e >= 0 && e <= this.width ? e : null;
   }
   hitAt(t, e) {
-    const i = this.viewport();
-    for (let a = this.data.milestones.length - 1; a >= 0; a--) {
-      const l = this.data.milestones[a], d = Qt(i, l);
+    const n = this.viewport();
+    for (let r = this.data.milestones.length - 1; r >= 0; r--) {
+      const l = this.data.milestones[r], d = ae(n, l);
       if (d !== null && Math.abs(t - d.x) + Math.abs(e - d.y) <= d.half + 2) return { kind: "milestone", milestone: l };
     }
-    for (let a = this.boxes.length - 1; a >= 0; a--) {
-      const l = this.boxes[a], d = qe(l, t, e);
+    for (let r = this.boxes.length - 1; r >= 0; r--) {
+      const l = this.boxes[r], d = as(l, t, e);
       if (d !== null) return { kind: "subtask", subtask: l.subtask, part: d };
     }
-    let n = null, o = 4;
-    for (const a of this.paths) {
-      const l = Us(a, t, e);
-      l <= o && (o = l, n = a);
+    let i = null, o = 4;
+    for (const r of this.paths) {
+      const l = rn(r, t, e);
+      l <= o && (o = l, i = r);
     }
-    if (n !== null) return { kind: "dependency", dependency: n.dependency };
-    const r = Te(this.viewport(), e);
-    return r !== null ? { kind: "lane", lane: r } : { kind: "nothing" };
+    if (i !== null) return { kind: "dependency", dependency: i.dependency };
+    const a = Oe(this.viewport(), e);
+    return a !== null ? { kind: "lane", lane: a } : { kind: "nothing" };
   }
   /** The wall-clock time at a plot x; within the calendar's extent. */
   timeAt(t) {
     const e = this.viewport().scale.fromPx(t);
-    return ht(e, this.options.calendar);
+    return ut(e, this.options.calendar);
   }
   /** The lane at a y, strips included: what the pointer is ON.
   
@@ -574,7 +585,7 @@ class sn {
         `foldedGroupAt` - and a caller that reached through `viewport()` for it
         would be depending on the layout rather than asking the view. */
   laneIdAt(t) {
-    return Te(this.viewport(), t);
+    return Oe(this.viewport(), t);
   }
   /** The lane a DROP at this y would land on.
   
@@ -584,477 +595,552 @@ class sn {
         aim at. Hover, the tooltip and selection do read a strip - they cost
         nothing if they are a pixel out. */
   dropLaneIdAt(t) {
-    const e = st(this.rows, t + this.scrollY);
+    const e = ot(this.rows, t + this.scrollY);
     return e === null || e.kind !== "lane" ? null : e.lane ?? null;
   }
   /** The folded group a y lies over, or null. */
   foldedGroupAt(t) {
-    const e = st(this.rows, t + this.scrollY);
+    const e = ot(this.rows, t + this.scrollY);
     return e !== null && e.kind === "miniature" ? e.group ?? null : null;
   }
   /** Pans by pixels. Says what moved: the span through time, the lanes, or
       neither - a scroll through the lanes is no news about the time. */
   pan(t, e) {
-    const i = this.domain[0], n = this.scrollY, o = this.domain[1] - i;
-    this.width > 0 && t !== 0 && (this.domain = en(this.domain, t / this.width * o)), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + e));
-    const r = this.domain[0] !== i;
-    return { moved: r || this.scrollY !== n, time: r };
+    const n = this.domain[0], i = this.scrollY, o = this.domain[1] - n;
+    this.width > 0 && t !== 0 && (this.domain = pn(this.domain, t / this.width * o)), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + e));
+    const a = this.domain[0] !== n;
+    return { moved: a || this.scrollY !== i, time: a };
   }
   /** Zooms around a plot x; says whether the span changed. */
   zoomAt(t, e) {
     if (this.width <= 0 || !Number.isFinite(e)) return !1;
-    const i = this.domain, n = this.viewport().scale.fromPx(t);
-    return this.domain = tn(this.domain, n, e, this.options.zoomLimits), i[0] !== this.domain[0] || i[1] !== this.domain[1];
-  }
-}
-const nn = "_root_mm9nj_4 _text_18806_22", on = "_corner_mm9nj_19", rn = "_dayBand_mm9nj_23", an = "_tickBand_mm9nj_24", ln = "_day_mm9nj_23", dn = "_dayLabel_mm9nj_50", hn = "_tick_mm9nj_24", cn = "_tickLabel_mm9nj_71", un = "_headers_mm9nj_81", fn = "_header_mm9nj_81", mn = "_headerLabel_mm9nj_100", pn = "_headerCount_mm9nj_136", gn = "_chevron_mm9nj_145", kn = "_plot_mm9nj_223", vn = "_focusRing_mm9nj_237", yn = "_layer_mm9nj_255", wn = "_grip_mm9nj_282", bn = "_ghostLabel_mm9nj_292", Mn = "_finding_mm9nj_305", Tn = "_refusal_mm9nj_313", Sn = "_tooltip_mm9nj_317", In = "_tooltipHead_mm9nj_336", Ln = "_tooltipTimes_mm9nj_341", An = "_now_mm9nj_350", Cn = "_barLabel_mm9nj_364", Dn = "_barLabelText_mm9nj_377", p = {
-  root: nn,
-  corner: on,
-  dayBand: rn,
-  tickBand: an,
-  day: ln,
-  dayLabel: dn,
-  tick: hn,
-  tickLabel: cn,
-  headers: un,
-  header: fn,
-  headerLabel: mn,
-  headerCount: pn,
-  chevron: gn,
-  plot: kn,
-  focusRing: vn,
-  layer: yn,
-  grip: wn,
-  ghostLabel: bn,
-  finding: Mn,
-  refusal: Tn,
-  tooltip: Sn,
-  tooltipHead: In,
-  tooltipTimes: Ln,
-  now: An,
-  barLabel: Cn,
-  barLabelText: Dn
+    const n = this.domain, i = this.viewport().scale.fromPx(t);
+    return this.domain = mn(this.domain, i, e, this.options.zoomLimits), n[0] !== this.domain[0] || n[1] !== this.domain[1];
+  }
+}
+const kn = "_root_9ariw_4 _text_18806_22", wn = "_corner_9ariw_19", vn = "_zoneLabel_9ariw_24", yn = "_dayBand_9ariw_43", bn = "_headers_9ariw_48", Mn = "_plot_9ariw_53", Tn = "_cornerBottom_9ariw_58", Sn = "_tickBand_9ariw_63", In = "_dataKey_9ariw_69", Ln = "_dataPanel_9ariw_100", Cn = "_dataTable_9ariw_119", An = "_day_9ariw_43", Dn = "_dayLabel_9ariw_179", _n = "_tick_9ariw_63", On = "_tickLabel_9ariw_200", Fn = "_header_9ariw_48", $n = "_headerLabel_9ariw_229", En = "_headerCount_9ariw_265", Bn = "_chevron_9ariw_274", xn = "_focusRing_9ariw_372", Nn = "_layer_9ariw_390", Rn = "_grip_9ariw_417", Pn = "_ghostLabel_9ariw_427", Gn = "_finding_9ariw_440", Hn = "_refusal_9ariw_448", Kn = "_tooltip_9ariw_452", Yn = "_tooltipHead_9ariw_471", Vn = "_tooltipTimes_9ariw_476", zn = "_now_9ariw_485", Wn = "_barLabel_9ariw_499", Un = "_barLabelText_9ariw_512", g = {
+  root: kn,
+  corner: wn,
+  zoneLabel: vn,
+  dayBand: yn,
+  headers: bn,
+  plot: Mn,
+  cornerBottom: Tn,
+  tickBand: Sn,
+  dataKey: In,
+  dataPanel: Ln,
+  dataTable: Cn,
+  day: An,
+  dayLabel: Dn,
+  tick: _n,
+  tickLabel: On,
+  header: Fn,
+  headerLabel: $n,
+  headerCount: En,
+  chevron: Bn,
+  focusRing: xn,
+  layer: Nn,
+  grip: Rn,
+  ghostLabel: Pn,
+  finding: Gn,
+  refusal: Hn,
+  tooltip: Kn,
+  tooltipHead: Yn,
+  tooltipTimes: Vn,
+  now: zn,
+  barLabel: Wn,
+  barLabelText: Un
 };
-function ts() {
-  const s = yt();
+function re() {
+  const s = mt();
   return (t) => {
-    const e = Math.round(t / q), i = Math.floor(e / 60), n = e % 60;
-    return [i > 0 ? s.hoursShort(i) : "", n > 0 || i === 0 ? s.minutesShort(n) : ""].filter(Boolean).join(" ");
+    const e = Math.round(t / Z), n = Math.floor(e / 60), i = e % 60;
+    return [n > 0 ? s.hoursShort(n) : "", i > 0 || n === 0 ? s.minutesShort(i) : ""].filter(Boolean).join(" ");
   };
 }
-function _n({ target: s, lane: t }) {
-  const e = Wt(), i = yt(), n = ts(), o = (c) => e.time(new Date(c), !1);
+function Xn({ target: s, lane: t }) {
+  const e = St(), n = mt(), i = re(), o = (c) => j(e, c);
   if (s.kind === "subtask") {
-    const { subtask: c, task: f } = s, g = [
-      f?.name ?? c.task,
+    const { subtask: c, task: m } = s, k = [
+      m?.name ?? c.task,
       c.name ?? c.id,
-      `${e.dateShort(new Date(c.from))} ${i.scheduleGhostTimes(o(c.from), o(c.to))}`,
-      ...s.overlapping.map((v) => i.scheduleOverlapWith(v.name ?? v.id)),
-      ...s.violatedDependencies.map((v) => i.scheduleViolatedBy(n(v.shortBy))),
-      ...s.blocked.map((v) => i.scheduleInBlockedTime(v.label))
+      `${e.dateShort(new Date(c.from))} ${n.scheduleGhostTimes(o(c.from), o(c.to))}`,
+      ...s.overlapping.map((f) => n.scheduleOverlapWith(f.name ?? f.id)),
+      ...s.violatedDependencies.map((f) => n.scheduleViolatedBy(i(f.shortBy))),
+      ...s.blocked.map((f) => n.scheduleInBlockedTime(f.label))
     ];
-    return /* @__PURE__ */ N(lt, { children: [
+    return /* @__PURE__ */ E(it, { children: [
       t,
-      `, ${g.join(", ")}`
+      `, ${k.join(", ")}`
     ] });
   }
   if (s.kind === "milestone") {
     const { milestone: c } = s;
-    return /* @__PURE__ */ N(lt, { children: [
+    return /* @__PURE__ */ E(it, { children: [
       t,
-      `, ${i.scheduleMilestone(c.label ?? c.id)}, ${e.dateShort(new Date(c.at))} ${o(c.at)}`
+      `, ${n.scheduleMilestone(c.label ?? c.id)}, ${e.dateShort(new Date(c.at))} ${o(c.at)}`
     ] });
   }
-  const { dependency: r, task: a, from: l, to: d, violated: h } = s;
+  const { dependency: a, task: r, from: l, to: d, violated: h } = s;
   return [
-    a?.name ?? a?.id ?? r.id,
-    `${i.scheduleDependency} ${n(r.lag)}`,
-    i.scheduleRoute(l?.name ?? r.from, d?.name ?? r.to),
-    ...h === void 0 ? [] : [i.scheduleViolatedBy(n(h.shortBy))]
+    r?.name ?? r?.id ?? a.id,
+    `${n.scheduleDependency} ${i(a.lag)}`,
+    n.scheduleRoute(l?.name ?? a.from, d?.name ?? a.to),
+    ...h === void 0 ? [] : [n.scheduleViolatedBy(i(h.shortBy))]
   ].join(", ");
 }
-function On({ target: s }) {
-  const t = Wt(), e = yt(), i = (h) => t.time(new Date(h), !1), n = ts();
+function qn({ target: s }) {
+  const t = St(), e = mt(), n = (h) => j(t, h), i = re();
   if (s.kind === "subtask") {
     const { subtask: h, task: c } = s;
-    return /* @__PURE__ */ N(lt, { children: [
-      /* @__PURE__ */ m("span", { className: p.tooltipHead, children: c?.name ?? h.task }),
-      /* @__PURE__ */ m("span", { children: h.name ?? h.id }),
-      /* @__PURE__ */ m("span", { className: p.tooltipTimes, children: e.scheduleGhostTimes(i(h.from), i(h.to)) }),
-      (h.leadIn ?? 0) > 0 && /* @__PURE__ */ m("span", { children: `${e.scheduleLeadIn} ${n(h.leadIn)}` }),
-      (h.leadOut ?? 0) > 0 && /* @__PURE__ */ m("span", { children: `${e.scheduleLeadOut} ${n(h.leadOut)}` }),
-      s.overlapping.map((f) => /* @__PURE__ */ m("span", { className: p.finding, children: e.scheduleOverlapWith(f.name ?? f.id) }, f.id)),
-      s.violatedDependencies.map((f) => /* @__PURE__ */ m("span", { className: p.finding, children: e.scheduleViolatedBy(n(f.shortBy)) }, f.dependency)),
-      s.blocked.map((f) => /* @__PURE__ */ m("span", { className: p.finding, children: e.scheduleInBlockedTime(f.label) }, f.id))
+    return /* @__PURE__ */ E(it, { children: [
+      /* @__PURE__ */ p("span", { className: g.tooltipHead, children: c?.name ?? h.task }),
+      /* @__PURE__ */ p("span", { children: h.name ?? h.id }),
+      /* @__PURE__ */ p("span", { className: g.tooltipTimes, children: e.scheduleGhostTimes(n(h.from), n(h.to)) }),
+      (h.leadIn ?? 0) > 0 && /* @__PURE__ */ p("span", { children: `${e.scheduleLeadIn} ${i(h.leadIn)}` }),
+      (h.leadOut ?? 0) > 0 && /* @__PURE__ */ p("span", { children: `${e.scheduleLeadOut} ${i(h.leadOut)}` }),
+      s.overlapping.map((m) => /* @__PURE__ */ p("span", { className: g.finding, children: e.scheduleOverlapWith(m.name ?? m.id) }, m.id)),
+      s.violatedDependencies.map((m) => /* @__PURE__ */ p("span", { className: g.finding, children: e.scheduleViolatedBy(i(m.shortBy)) }, m.dependency)),
+      s.blocked.map((m) => /* @__PURE__ */ p("span", { className: g.finding, children: e.scheduleInBlockedTime(m.label) }, m.id))
     ] });
   }
   if (s.kind === "milestone") {
     const { milestone: h } = s;
-    return /* @__PURE__ */ N(lt, { children: [
-      /* @__PURE__ */ m("span", { className: p.tooltipHead, children: e.scheduleMilestone(h.label ?? h.id) }),
-      /* @__PURE__ */ m("span", { className: p.tooltipTimes, children: `${t.dateShort(new Date(h.at))} ${i(h.at)}` })
+    return /* @__PURE__ */ E(it, { children: [
+      /* @__PURE__ */ p("span", { className: g.tooltipHead, children: e.scheduleMilestone(h.label ?? h.id) }),
+      /* @__PURE__ */ p("span", { className: g.tooltipTimes, children: `${t.dateShort(new Date(h.at))} ${n(h.at)}` })
     ] });
   }
-  const { dependency: o, task: r, from: a, to: l, violated: d } = s;
-  return /* @__PURE__ */ N(lt, { children: [
-    /* @__PURE__ */ m("span", { className: p.tooltipHead, children: r?.name ?? r?.id ?? o.id }),
-    /* @__PURE__ */ m("span", { children: e.scheduleRoute(a?.name ?? o.from, l?.name ?? o.to) }),
-    /* @__PURE__ */ m("span", { children: `${e.scheduleDependency} ${n(o.lag)}` }),
-    d !== void 0 && /* @__PURE__ */ m("span", { className: p.finding, children: e.scheduleViolatedBy(n(d.shortBy)) })
+  const { dependency: o, task: a, from: r, to: l, violated: d } = s;
+  return /* @__PURE__ */ E(it, { children: [
+    /* @__PURE__ */ p("span", { className: g.tooltipHead, children: a?.name ?? a?.id ?? o.id }),
+    /* @__PURE__ */ p("span", { children: e.scheduleRoute(r?.name ?? o.from, l?.name ?? o.to) }),
+    /* @__PURE__ */ p("span", { children: `${e.scheduleDependency} ${i(o.lag)}` }),
+    d !== void 0 && /* @__PURE__ */ p("span", { className: g.finding, children: e.scheduleViolatedBy(i(d.shortBy)) })
   ] });
 }
-const Fn = [], Ie = { min: jt, max: 28 * U }, En = [], Le = 20, $n = 44, Rn = 84, xn = 200;
-function Bn(s) {
+const jn = [], $e = { min: jt, max: 28 * J }, Zn = [], Ee = 20, Jn = 44, Qn = 84, ti = 200;
+function ei(s) {
   const {
     ref: t,
     scene: e,
-    "aria-label": i,
-    "aria-labelledby": n,
+    "aria-label": n,
+    "aria-labelledby": i,
     "aria-describedby": o,
-    height: r,
-    laneHeight: a = Pt,
+    height: a,
+    laneHeight: r = zt,
     headerWidth: l = 160,
-    calendar: d = En,
+    calendar: d = Zn,
     zoomLimits: h,
     snap: c = "ticks",
-    intents: f = Fn,
-    onIntent: g,
-    canMoveTo: v,
-    onInteraction: A,
-    selectedTask: I,
-    onSelectedTaskChange: L,
-    placing: D,
-    route: w = "curve",
-    attach: M = "centre",
-    ends: T = "dot",
+    intents: m = jn,
+    onIntent: k,
+    canMoveTo: f,
+    onInteraction: v,
+    selectedTask: C,
+    onSelectedTaskChange: A,
+    placing: M,
+    route: b = "curve",
+    attach: S = "centre",
+    ends: I = "dot",
     label: F,
     tooltip: O,
-    now: x,
-    loading: X = !1,
-    className: ft,
-    style: mt,
-    children: ds,
-    ...hs
-  } = s, ee = { "aria-label": i, "aria-labelledby": n }, Mt = As(), Tt = `${Mt}-summary`, St = V(null), se = V(null), ne = V(null), ie = V(null), Y = Wt(), B = yt(), oe = h?.min ?? Ie.min, re = h?.max ?? Ie.max, ae = typeof c == "object" ? c.step : null, le = typeof c == "object" ? c.offset : null, de = typeof c == "object" ? null : c, [cs, us] = at(() => Date.now());
-  j(() => {
-    if (x !== !0) return;
-    const u = setInterval(() => us(Date.now()), q);
+    now: R,
+    loading: q = !1,
+    className: gt,
+    style: kt,
+    children: ws,
+    ...vs
+  } = s, de = { "aria-label": n, "aria-labelledby": i }, Ct = Je(), At = `${Ct}-summary`, Dt = W(null), he = W(null), ce = W(null), ue = W(null), K = St(), x = mt(), at = K.timeZone, wt = Ps(), fe = h?.min ?? $e.min, me = h?.max ?? $e.max, pe = typeof c == "object" ? c.step : null, ge = typeof c == "object" ? c.offset : null, ke = typeof c == "object" ? null : c, [ys, bs] = ht(() => Date.now());
+  Y(() => {
+    if (R !== !0) return;
+    const u = setInterval(() => bs(Date.now()), Z);
     return () => clearInterval(u);
-  }, [x]);
-  const he = x === !0 ? cs : typeof x == "number" ? x : null;
-  pt(() => {
-    const u = de ?? { step: ae ?? 0, offset: le ?? 0 };
-    e.setOptions({ laneHeight: a, calendar: d, zoomLimits: { min: oe, max: re }, snap: u, intents: f, now: he, route: w, attach: M, ends: T });
-  }, [e, a, d, oe, re, de, ae, le, f, he, w, M, T]), j(() => {
-    e.setHandlers({ onIntent: g, canMoveTo: v, onInteraction: A, onSelectedTaskChange: L });
-  }, [e, g, v, A, L]), Cs(t, () => St.current, []), j(() => {
-    e.setLoading(X);
-  }, [e, X]), j(() => {
-    e.setControlledTask(I);
-  }, [e, I]), j(() => {
-    e.setPlacing(D ?? null);
-  }, [e, D]), j(() => {
-    const u = St.current, y = se.current, S = ne.current, E = ie.current;
-    if (!u || !y || !S || !E) return;
-    e.bind(u, y, S, E);
-    const C = y.getBoundingClientRect();
-    e.resize(C.width, C.height);
-    const _ = new ResizeObserver((K) => {
-      const Ft = K[K.length - 1]?.contentRect;
-      Ft !== void 0 && e.resize(Ft.width, Ft.height);
+  }, [R]);
+  const we = R === !0 ? ys : typeof R == "number" ? R : null;
+  yt(() => {
+    const u = ke ?? { step: pe ?? 0, offset: ge ?? 0 };
+    e.setOptions({ laneHeight: r, calendar: d, zoomLimits: { min: fe, max: me }, snap: u, intents: m, now: we, timeZone: at, route: b, attach: S, ends: I });
+  }, [e, r, d, fe, me, ke, pe, ge, m, we, at, b, S, I]), Y(() => {
+    e.setHandlers({ onIntent: k, canMoveTo: f, onInteraction: v, onSelectedTaskChange: A });
+  }, [e, k, f, v, A]), Ns(t, () => Dt.current, []), Y(() => {
+    e.setLoading(q);
+  }, [e, q]), Y(() => {
+    e.setControlledTask(C);
+  }, [e, C]), Y(() => {
+    e.setPlacing(M ?? null);
+  }, [e, M]), Y(() => {
+    const u = Dt.current, y = he.current, L = ce.current, $ = ue.current;
+    if (!u || !y || !L || !$) return;
+    e.bind(u, y, L, $);
+    const D = y.getBoundingClientRect();
+    e.resize(D.width, D.height);
+    const _ = new ResizeObserver((z) => {
+      const Nt = z[z.length - 1]?.contentRect;
+      Nt !== void 0 && e.resize(Nt.width, Nt.height);
     });
     _.observe(y);
-    const R = document.createElement("div");
-    R.setAttribute("aria-hidden", "true"), R.style.cssText = "position:absolute;visibility:hidden;pointer-events:none;width:1rem;height:0", u.appendChild(R);
-    const P = () => e.setFontScale(Xs(parseFloat(getComputedStyle(R).width)));
-    P();
-    const G = new ResizeObserver(P);
-    G.observe(R);
-    const tt = (K) => e.wheel(K);
-    u.addEventListener("wheel", tt, { passive: !1 });
-    const ge = (K) => e.touchMove(K);
-    u.addEventListener("touchmove", ge, { passive: !1 });
-    const ke = (K) => {
-      K.key === "Escape" && e.cancelEdit() && K.preventDefault();
+    const N = document.createElement("div");
+    N.setAttribute("aria-hidden", "true"), N.style.cssText = "position:absolute;visibility:hidden;pointer-events:none;width:1rem;height:0", u.appendChild(N);
+    const G = () => e.setFontScale(ln(parseFloat(getComputedStyle(N).width)));
+    G();
+    const H = new ResizeObserver(G);
+    H.observe(N);
+    const st = (z) => e.wheel(z);
+    u.addEventListener("wheel", st, { passive: !1 });
+    const Se = (z) => e.touchMove(z);
+    u.addEventListener("touchmove", Se, { passive: !1 });
+    const Ie = (z) => {
+      z.key === "Escape" && e.cancelEdit() && z.preventDefault();
     };
-    return window.addEventListener("keydown", ke), () => {
-      window.removeEventListener("keydown", ke), u.removeEventListener("wheel", tt), u.removeEventListener("touchmove", ge), _.disconnect(), G.disconnect(), R.remove(), e.unbind();
+    return window.addEventListener("keydown", Ie), () => {
+      window.removeEventListener("keydown", Ie), u.removeEventListener("wheel", st), u.removeEventListener("touchmove", Se), _.disconnect(), H.disconnect(), N.remove(), e.unbind();
     };
   }, [e]);
-  const k = Ye(e.subscribe, e.getSnapshot, e.getServerSnapshot), { fontScale: it } = k, It = $n * it, fs = Rn * it, ms = xn * it, ps = (u, y) => {
-    const S = new Date(u);
-    return y >= ms ? Y.dateLong(S) : y >= fs ? Y.date(S) : y >= It ? Y.dateShort(S) : "";
-  }, gs = k.days.reduce((u, y) => Math.max(u, y.width), 0), Z = Qs(gs, It), ce = k.step >= U ? Z : 1, b = k.ghost, Q = k.spoken, Lt = k.summary, ue = (u) => `${Y.dateShort(new Date(u))} ${Y.time(new Date(u), !1)}`, At = (u) => `${Mt}-row-${encodeURIComponent(u.key)}`, ks = W(() => {
+  const w = Jt(e.subscribe, e.getSnapshot, e.getServerSnapshot), { fontScale: rt } = w, _t = Jn * rt, Ms = Qn * rt, Ts = ti * rt, Ss = (u, y) => {
+    const L = new Date(u);
+    return y >= Ts ? K.dateLong(L) : y >= Ms ? K.date(L) : y >= _t ? K.dateShort(L) : "";
+  }, Is = w.days.reduce((u, y) => Math.max(u, y.width), 0), et = fn(Is, _t), ve = w.step >= J ? et : 1, ye = w.dataTable?.open === !0, T = w.ghost, P = w.spoken, Ot = w.summary, vt = (u) => `${K.dateShort(new Date(u))} ${j(K, u)}`, Ft = (u) => `${Ct}-row-${encodeURIComponent(u.key)}`, Ls = U(() => {
     const u = /* @__PURE__ */ new Map();
-    for (const y of k.headers)
-      for (const S of y.within)
-        y.kind === "groupHead" && S === y.group || u.set(S, [...u.get(S) ?? [], At(y)]);
+    for (const y of w.headers)
+      for (const L of y.within)
+        y.kind === "groupHead" && L === y.group || u.set(L, [...u.get(L) ?? [], Ft(y)]);
     return u;
-  }, [k.headers, Mt]), fe = V(null);
-  pt(() => {
-    const u = fe.current;
+  }, [w.headers, Ct]), be = W(null);
+  yt(() => {
+    const u = be.current;
     if (u === null) return;
     let y = !0;
-    const S = () => {
+    const L = () => {
       if (!y) return;
       const _ = [...u.querySelectorAll("[data-lane-count]")];
-      for (const P of _) P.hidden = !1;
-      const R = _.some((P) => {
-        const G = P.previousElementSibling;
-        if (!(G instanceof HTMLElement)) return !1;
-        const tt = parseFloat(getComputedStyle(G).lineHeight);
-        return G.scrollWidth > G.clientWidth || G.clientHeight > tt * 1.5;
+      for (const G of _) G.hidden = !1;
+      const N = _.some((G) => {
+        const H = G.previousElementSibling;
+        if (!(H instanceof HTMLElement)) return !1;
+        const st = parseFloat(getComputedStyle(H).lineHeight);
+        return H.scrollWidth > H.clientWidth || H.clientHeight > st * 1.5;
       });
-      for (const P of _) P.hidden = R;
+      for (const G of _) G.hidden = N;
     };
-    S(), document.fonts?.ready.then(S);
-    const E = new ResizeObserver(S);
-    E.observe(u);
-    const C = new MutationObserver(S);
-    return C.observe(u, { childList: !0, characterData: !0, subtree: !0 }), () => {
-      y = !1, E.disconnect(), C.disconnect();
+    L(), document.fonts?.ready.then(L);
+    const $ = new ResizeObserver(L);
+    $.observe(u);
+    const D = new MutationObserver(L);
+    return D.observe(u, { childList: !0, characterData: !0, subtree: !0 }), () => {
+      y = !1, $.disconnect(), D.disconnect();
     };
   }, []);
-  const vs = W(() => new Set(b?.refusedLanes ?? []), [b?.refusedLanes]), me = V(null), [Ct, ys] = at({ x: 0, y: 0, at: "" }), Dt = b === null ? "" : `${b.x}:${b.y}:${b.from}:${b.to}:${b.overlap}:${b.violated}:${b.refused}:${b.blocked}`;
-  pt(() => {
-    const u = me.current;
-    if (b === null || u === null) return;
-    const y = 4, S = b.y - u.offsetHeight - y, E = b.y + b.height + y, C = {
-      x: Math.max(2, Math.min(b.x, k.width - u.offsetWidth - 2)),
-      y: S >= 2 ? S : Math.min(E, k.height - u.offsetHeight - 2),
-      at: Dt
+  const Cs = U(() => new Set(T?.refusedLanes ?? []), [T?.refusedLanes]), Me = W(null), [$t, As] = ht({ x: 0, y: 0, at: "" }), Et = T === null ? "" : `${T.x}:${T.y}:${T.from}:${T.to}:${T.overlap}:${T.violated}:${T.refused}:${T.blocked}`;
+  yt(() => {
+    const u = Me.current;
+    if (T === null || u === null) return;
+    const y = 4, L = T.y - u.offsetHeight - y, $ = T.y + T.height + y, D = {
+      x: Math.max(2, Math.min(T.x, w.width - u.offsetWidth - 2)),
+      y: L >= 2 ? L : Math.min($, w.height - u.offsetHeight - 2),
+      at: Et
     };
-    ys((_) => _.x === C.x && _.y === C.y && _.at === C.at ? _ : C);
-  }, [b, Dt, k.width, k.height]);
-  const pe = V(null), [_t, ws] = at({ x: 0, y: 0, at: "" }), z = k.tooltip, Ot = z === null ? "" : `${z.x}:${z.y}:${z.target.kind}`;
-  return pt(() => {
-    const u = pe.current;
-    if (z === null || u === null) return;
-    const y = 12, S = (C, _, R) => {
-      const P = C + y, G = C - y - _, tt = P + _ <= R - 4 || G < 4 ? P : G;
-      return Math.max(4, Math.min(tt, R - _ - 4));
-    }, E = {
-      x: S(z.x, u.offsetWidth, k.width),
-      y: S(z.y, u.offsetHeight, k.height),
-      at: Ot
+    As((_) => _.x === D.x && _.y === D.y && _.at === D.at ? _ : D);
+  }, [T, Et, w.width, w.height]);
+  const Te = W(null), [Bt, Ds] = ht({ x: 0, y: 0, at: "" }), X = w.tooltip, xt = X === null ? "" : `${X.x}:${X.y}:${X.target.kind}`;
+  return yt(() => {
+    const u = Te.current;
+    if (X === null || u === null) return;
+    const y = 12, L = (D, _, N) => {
+      const G = D + y, H = D - y - _, st = G + _ <= N - 4 || H < 4 ? G : H;
+      return Math.max(4, Math.min(st, N - _ - 4));
+    }, $ = {
+      x: L(X.x, u.offsetWidth, w.width),
+      y: L(X.y, u.offsetHeight, w.height),
+      at: xt
     };
-    ws((C) => C.x === E.x && C.y === E.y && C.at === E.at ? C : E);
-  }, [z, Ot, k.width, k.height]), /* @__PURE__ */ N(Ve, { value: e, children: [
-    /* @__PURE__ */ N(
-      "div",
-      {
-        ...hs,
-        ref: St,
-        role: "figure",
-        ...ee,
-        className: ft ? `${p.root} ${ft}` : p.root,
-        style: { ...r === void 0 ? { height: "100%", minHeight: 400 } : { height: `${r}px` }, gridTemplateColumns: `min(${l}px, 40%) minmax(0, 1fr)`, ...mt },
-        children: [
-          /* @__PURE__ */ m("div", { className: p.corner }),
-          /* @__PURE__ */ m("div", { className: p.dayBand, "aria-hidden": "true", "data-schedule-days": "", "data-schedule-clip": "day band", children: k.days.map((u, y) => {
-            const S = Z === 1 || y === 0 || Rt(u.start, Z), E = Z === 1 ? u.x + u.width : k.days.slice(y + 1).find((R) => Rt(R.start, Z))?.x ?? k.width, C = Math.max(0, -u.x), _ = Math.min(E, k.width) - Math.max(u.x, 0);
-            return /* @__PURE__ */ m("span", { className: p.day, style: { left: `${u.x}px`, width: `${S ? E - u.x : u.width}px` }, children: /* @__PURE__ */ m("span", { className: p.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${C}px` }, children: S ? ps(u.start, Z === 1 ? _ : Math.min(_, It)) : "" }) }, u.start);
-          }) }),
-          /* @__PURE__ */ m("div", { ref: fe, className: p.headers, "data-schedule-headers": "", children: /* @__PURE__ */ N("div", { className: p.headerRun, style: { transform: `translateY(${-k.scrollY}px)` }, children: [
-            X && k.headers.length === 0 && Array.from({ length: Math.floor(k.height / Math.round(a * it)) }, (u, y) => /* @__PURE__ */ m("div", { className: p.header, style: { height: `${Math.round(a * it)}px` }, children: /* @__PURE__ */ m(_s, { width: "60%" }) }, y)),
-            k.headers.map((u) => /* @__PURE__ */ N(
-              "div",
-              {
-                id: At(u),
-                className: p.header,
-                style: { height: `${u.height}px`, paddingLeft: `calc(var(--u-space-3) + ${u.depth} * var(--u-space-3))` },
-                "data-lane": u.lane,
-                "data-group": u.group,
-                "data-row": u.kind,
-                "data-schedule-clip": `header ${u.kind}`,
-                "data-refused": u.lane !== void 0 && vs.has(u.lane) ? "" : void 0,
-                children: [
-                  u.kind !== "lane" && u.group !== void 0 && /* @__PURE__ */ m(
-                    "button",
-                    {
-                      type: "button",
-                      className: p.chevron,
-                      "data-schedule-overlay": "fold control",
-                      "aria-expanded": u.collapsed === !1,
-                      "aria-controls": (ks.get(u.group) ?? [At(u)]).join(" "),
-                      "aria-label": `${u.collapsed === !0 ? B.scheduleUnfoldGroup : B.scheduleFoldGroup}: ${typeof u.label == "string" ? u.label : u.group}`,
-                      onClick: () => e.toggleGroup(u.group),
-                      children: /* @__PURE__ */ m(Os, { size: 9, "data-open": u.collapsed === !1 ? "" : void 0 })
-                    }
-                  ),
-                  /* @__PURE__ */ m("span", { className: p.headerLabel, "data-schedule-overlay": "header label", children: u.label }),
-                  u.kind !== "lane" && /* @__PURE__ */ m("span", { className: p.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": u.lanes, children: B.scheduleLaneCount(u.lanes) })
-                ]
-              },
-              u.key
-            ))
-          ] }) }),
-          /* @__PURE__ */ N(
+    Ds((D) => D.x === $.x && D.y === $.y && D.at === $.at ? D : $);
+  }, [X, xt, w.width, w.height]), /* @__PURE__ */ p(ne, { value: e, children: /* @__PURE__ */ E(
+    "div",
+    {
+      ...vs,
+      ref: Dt,
+      role: "figure",
+      "data-schedule-clip": "schedule",
+      ...de,
+      className: gt ? `${g.root} ${gt}` : g.root,
+      style: { ...a === void 0 ? { height: "100%", minHeight: 400 } : { height: `${a}px` }, gridTemplateColumns: `min(${l}px, 40%) minmax(0, 1fr)`, ...kt },
+      children: [
+        /* @__PURE__ */ p("div", { className: g.corner, children: wt !== null && /* @__PURE__ */ p("span", { className: g.zoneLabel, "data-schedule-overlay": "zone label", children: wt }) }),
+        /* @__PURE__ */ p("div", { className: g.dayBand, "aria-hidden": "true", "data-schedule-days": "", "data-schedule-clip": "day band", children: w.days.map((u, y) => {
+          const L = et === 1 || y === 0 || Gt(u.start, et, at), $ = et === 1 ? u.x + u.width : w.days.slice(y + 1).find((N) => Gt(N.start, et, at))?.x ?? w.width, D = Math.max(0, -u.x), _ = Math.min($, w.width) - Math.max(u.x, 0);
+          return /* @__PURE__ */ p("span", { className: g.day, style: { left: `${u.x}px`, width: `${L ? $ - u.x : u.width}px` }, children: /* @__PURE__ */ p("span", { className: g.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${D}px` }, children: L ? Ss(u.start, et === 1 ? _ : Math.min(_, _t)) : "" }) }, u.start);
+        }) }),
+        /* @__PURE__ */ p("div", { ref: be, className: g.headers, "data-schedule-headers": "", inert: ye || void 0, children: /* @__PURE__ */ E("div", { className: g.headerRun, style: { transform: `translateY(${-w.scrollY}px)` }, children: [
+          q && w.headers.length === 0 && Array.from({ length: Math.floor(w.height / Math.round(r * rt)) }, (u, y) => /* @__PURE__ */ p("div", { className: g.header, style: { height: `${Math.round(r * rt)}px` }, children: /* @__PURE__ */ p(Gs, { width: "60%" }) }, y)),
+          w.headers.map((u) => /* @__PURE__ */ E(
             "div",
             {
-              ref: se,
-              className: p.plot,
-              "data-schedule-plot": "",
-              "data-schedule-clip": "plot",
-              style: { cursor: k.cursor },
-              "aria-busy": X || void 0,
-              "data-stale": k.loading && k.headers.length > 0 || void 0,
-              tabIndex: 0,
-              role: "application",
-              "aria-roledescription": B.scheduleRoleDescription,
-              ...ee,
-              "aria-describedby": o ? `${Tt} ${o}` : Tt,
-              onKeyDown: (u) => {
-                e.key(u.nativeEvent) && u.preventDefault();
-              },
-              onFocus: (u) => e.focus(Nn(u.currentTarget)),
-              onBlur: () => e.blur(),
-              onPointerDown: (u) => e.pointerDown(u.nativeEvent),
-              onPointerMove: (u) => e.pointerMove(u.nativeEvent),
-              onPointerUp: (u) => e.pointerUp(u.nativeEvent),
-              onPointerCancel: (u) => e.pointerCancel(u.nativeEvent),
-              onPointerLeave: () => e.pointerLeave(),
-              onContextMenu: (u) => e.contextMenu(u.nativeEvent),
-              onDragOver: (u) => e.dragOver(u.nativeEvent),
-              onDrop: (u) => e.drop(u.nativeEvent),
-              onDragLeave: (u) => {
-                const y = u.nativeEvent.relatedTarget;
-                (!(y instanceof Node) || !u.currentTarget.contains(y)) && e.dragLeave();
-              },
+              id: Ft(u),
+              className: g.header,
+              style: { height: `${u.height}px`, paddingLeft: `calc(var(--u-space-3) + ${u.depth} * var(--u-space-3))` },
+              "data-lane": u.lane,
+              "data-group": u.group,
+              "data-row": u.kind,
+              "data-schedule-clip": `header ${u.kind}`,
+              "data-refused": u.lane !== void 0 && Cs.has(u.lane) ? "" : void 0,
               children: [
-                /* @__PURE__ */ m("canvas", { ref: ne, className: p.layer, "aria-hidden": "true" }),
-                /* @__PURE__ */ m("canvas", { ref: ie, className: p.layer, "aria-hidden": "true" }),
-                k.grips.map((u) => /* @__PURE__ */ m(
-                  "span",
-                  {
-                    "data-grip": u.kind,
-                    "data-schedule-overlay": `${u.kind} grip`,
-                    "aria-hidden": "true",
-                    className: p.grip,
-                    style: { left: `${u.x}px`, top: `${u.y}px`, height: `${u.height}px` }
-                  },
-                  u.kind
-                )),
-                F !== void 0 && k.bars.map((u) => /* @__PURE__ */ m(
-                  "span",
-                  {
-                    className: p.barLabel,
-                    "data-bar-label": u.subtask.id,
-                    "data-schedule-overlay": "bar label",
-                    "data-schedule-may-cover": "",
-                    "data-on": u.dark ? "dark" : "light",
-                    style: { left: `${u.x}px`, top: `${u.y}px`, width: `${u.width}px`, height: `${u.height}px` },
-                    children: /* @__PURE__ */ m("span", { className: p.barLabelText, children: F(u.subtask) })
-                  },
-                  u.subtask.id
-                )),
-                O !== !1 && k.tooltip !== null && /* @__PURE__ */ m(
-                  "span",
-                  {
-                    ref: pe,
-                    role: "tooltip",
-                    className: p.tooltip,
-                    "data-schedule-tooltip": "",
-                    "data-schedule-overlay": "tooltip",
-                    style: {
-                      left: `${_t.x}px`,
-                      top: `${_t.y}px`,
-                      visibility: _t.at === Ot ? void 0 : "hidden"
-                    },
-                    children: typeof O == "function" ? O(k.tooltip.target) : /* @__PURE__ */ m(On, { target: k.tooltip.target })
-                  }
-                ),
-                b !== null && /* @__PURE__ */ N(
-                  "span",
+                u.kind !== "lane" && u.group !== void 0 && /* @__PURE__ */ p(
+                  "button",
                   {
-                    ref: me,
-                    className: p.ghostLabel,
-                    "data-ghost": "",
-                    "data-schedule-overlay": "ghost label",
-                    "data-findings": [b.overlap ? "overlap" : "", b.violated ? "violated-dependency" : ""].filter(Boolean).join(" "),
-                    "data-refused": b.refused ? "" : void 0,
-                    "data-blocked": b.blocked ? "" : void 0,
-                    style: {
-                      left: `${Ct.x}px`,
-                      top: `${Ct.y}px`,
-                      visibility: Ct.at === Dt ? void 0 : "hidden"
-                    },
-                    children: [
-                      B.scheduleGhostTimes(Y.time(new Date(b.from), !1), Y.time(new Date(b.to), !1)),
-                      b.refused && /* @__PURE__ */ m("span", { className: p.refusal, children: B.scheduleLaneRefused }),
-                      b.blocked && /* @__PURE__ */ m("span", { className: p.refusal, children: B.scheduleBlockedTime }),
-                      b.overlap && /* @__PURE__ */ m("span", { className: p.finding, children: B.scheduleOverlap }),
-                      b.violated && /* @__PURE__ */ m("span", { className: p.finding, children: B.scheduleViolatedDependency })
-                    ]
+                    type: "button",
+                    className: g.chevron,
+                    "data-schedule-overlay": "fold control",
+                    "aria-expanded": u.collapsed === !1,
+                    "aria-controls": (Ls.get(u.group) ?? [Ft(u)]).join(" "),
+                    "aria-label": `${u.collapsed === !0 ? x.scheduleUnfoldGroup : x.scheduleFoldGroup}: ${typeof u.label == "string" ? u.label : u.group}`,
+                    onClick: () => e.toggleGroup(u.group),
+                    children: /* @__PURE__ */ p(Hs, { size: 9, "data-open": u.collapsed === !1 ? "" : void 0 })
                   }
                 ),
-                /* @__PURE__ */ m("span", { className: p.focusRing, "aria-hidden": "true" })
+                /* @__PURE__ */ p("span", { className: g.headerLabel, "data-schedule-overlay": "header label", children: u.label }),
+                u.kind !== "lane" && /* @__PURE__ */ p("span", { className: g.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": u.lanes, children: x.scheduleLaneCount(u.lanes) })
               ]
-            }
-          ),
-          /* @__PURE__ */ m("div", { className: p.corner }),
-          /* @__PURE__ */ N("div", { className: p.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
-            k.now !== null && /* @__PURE__ */ m("span", { className: p.now, "data-now": "", "data-schedule-overlay": "now mark", style: { left: `${k.now}px` } }),
-            k.ticks.map((u) => /* @__PURE__ */ m("span", { className: p.tick, style: { left: `${u.x}px` }, children: u.x >= Le && u.x <= k.width - Le && (ce === 1 || Rt(u.wallClock, ce)) && /* @__PURE__ */ m("span", { className: p.tickLabel, "data-schedule-overlay": "time label", children: k.step >= U ? Y.dateShort(new Date(u.wallClock)) : Y.time(new Date(u.wallClock), !1) }) }, u.wallClock))
-          ] }),
-          /* @__PURE__ */ m(ve, { "aria-live": "polite", children: Q !== null && /* @__PURE__ */ m(
-            _n,
+            },
+            u.key
+          ))
+        ] }) }),
+        /* @__PURE__ */ E(
+          "div",
+          {
+            ref: he,
+            className: g.plot,
+            "data-schedule-plot": "",
+            "data-schedule-clip": "plot",
+            style: { cursor: w.cursor },
+            "aria-busy": q || void 0,
+            inert: ye || void 0,
+            "data-stale": w.loading && w.headers.length > 0 || void 0,
+            tabIndex: 0,
+            role: "application",
+            "aria-roledescription": x.scheduleRoleDescription,
+            ...de,
+            "aria-describedby": o ? `${At} ${o}` : At,
+            onKeyDown: (u) => {
+              e.key(u.nativeEvent) && u.preventDefault();
+            },
+            onFocus: (u) => e.focus(si(u.currentTarget)),
+            onBlur: () => e.blur(),
+            onPointerDown: (u) => e.pointerDown(u.nativeEvent),
+            onPointerMove: (u) => e.pointerMove(u.nativeEvent),
+            onPointerUp: (u) => e.pointerUp(u.nativeEvent),
+            onPointerCancel: (u) => e.pointerCancel(u.nativeEvent),
+            onPointerLeave: () => e.pointerLeave(),
+            onContextMenu: (u) => e.contextMenu(u.nativeEvent),
+            onDragOver: (u) => e.dragOver(u.nativeEvent),
+            onDrop: (u) => e.drop(u.nativeEvent),
+            onDragLeave: (u) => {
+              const y = u.nativeEvent.relatedTarget;
+              (!(y instanceof Node) || !u.currentTarget.contains(y)) && e.dragLeave();
+            },
+            children: [
+              /* @__PURE__ */ p("canvas", { ref: ce, className: g.layer, "aria-hidden": "true" }),
+              /* @__PURE__ */ p("canvas", { ref: ue, className: g.layer, "aria-hidden": "true" }),
+              w.grips.map((u) => /* @__PURE__ */ p(
+                "span",
+                {
+                  "data-grip": u.kind,
+                  "data-schedule-overlay": `${u.kind} grip`,
+                  "aria-hidden": "true",
+                  className: g.grip,
+                  style: { left: `${u.x}px`, top: `${u.y}px`, height: `${u.height}px` }
+                },
+                u.kind
+              )),
+              F !== void 0 && w.bars.map((u) => /* @__PURE__ */ p(
+                "span",
+                {
+                  className: g.barLabel,
+                  "data-bar-label": u.subtask.id,
+                  "data-schedule-overlay": "bar label",
+                  "data-schedule-may-cover": "",
+                  "data-on": u.dark ? "dark" : "light",
+                  style: { left: `${u.x}px`, top: `${u.y}px`, width: `${u.width}px`, height: `${u.height}px` },
+                  children: /* @__PURE__ */ p("span", { className: g.barLabelText, children: F(u.subtask) })
+                },
+                u.subtask.id
+              )),
+              O !== !1 && w.tooltip !== null && /* @__PURE__ */ p(
+                "span",
+                {
+                  ref: Te,
+                  role: "tooltip",
+                  className: g.tooltip,
+                  "data-schedule-tooltip": "",
+                  "data-schedule-overlay": "tooltip",
+                  style: {
+                    left: `${Bt.x}px`,
+                    top: `${Bt.y}px`,
+                    visibility: Bt.at === xt ? void 0 : "hidden"
+                  },
+                  children: typeof O == "function" ? O(w.tooltip.target) : /* @__PURE__ */ p(qn, { target: w.tooltip.target })
+                }
+              ),
+              T !== null && /* @__PURE__ */ E(
+                "span",
+                {
+                  ref: Me,
+                  className: g.ghostLabel,
+                  "data-ghost": "",
+                  "data-schedule-overlay": "ghost label",
+                  "data-findings": [T.overlap ? "overlap" : "", T.violated ? "violated-dependency" : ""].filter(Boolean).join(" "),
+                  "data-refused": T.refused ? "" : void 0,
+                  "data-blocked": T.blocked ? "" : void 0,
+                  style: {
+                    left: `${$t.x}px`,
+                    top: `${$t.y}px`,
+                    visibility: $t.at === Et ? void 0 : "hidden"
+                  },
+                  children: [
+                    x.scheduleGhostTimes(j(K, T.from), j(K, T.to)),
+                    T.refused && /* @__PURE__ */ p("span", { className: g.refusal, children: x.scheduleLaneRefused }),
+                    T.blocked && /* @__PURE__ */ p("span", { className: g.refusal, children: x.scheduleBlockedTime }),
+                    T.overlap && /* @__PURE__ */ p("span", { className: g.finding, children: x.scheduleOverlap }),
+                    T.violated && /* @__PURE__ */ p("span", { className: g.finding, children: x.scheduleViolatedDependency })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ p("span", { className: g.focusRing, "aria-hidden": "true" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ p("div", { className: `${g.corner} ${g.cornerBottom}` }),
+        /* @__PURE__ */ E("div", { className: g.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
+          w.now !== null && /* @__PURE__ */ p("span", { className: g.now, "data-now": "", "data-schedule-overlay": "now mark", style: { left: `${w.now}px` } }),
+          w.ticks.map((u) => /* @__PURE__ */ p("span", { className: g.tick, style: { left: `${u.x}px` }, children: u.x >= Ee && u.x <= w.width - Ee && (ve === 1 || Gt(u.wallClock, ve, at)) && /* @__PURE__ */ p("span", { className: g.tickLabel, "data-schedule-overlay": "time label", children: w.step >= J ? K.dateShort(new Date(u.wallClock)) : j(K, u.wallClock) }) }, u.wallClock))
+        ] }),
+        /* @__PURE__ */ E(Le, { "aria-live": "polite", children: [
+          P?.span !== void 0 && /* @__PURE__ */ p("span", { children: x.scheduleVisibleRange(vt(P.span[0]), vt(P.span[1])) }, P.count),
+          P !== null && P.target !== null && /* @__PURE__ */ p(
+            Xn,
             {
-              target: Q.target,
-              lane: Q.lane === null ? null : e.data.lanes.find((u) => u.id === Q.lane)?.label ?? Q.lane
+              target: P.target,
+              lane: P.lane === null ? null : e.data.lanes.find((u) => u.id === P.lane)?.label ?? P.lane
             },
-            Q.count
-          ) }),
-          /* @__PURE__ */ m(ve, { id: Tt, children: k === e.getServerSnapshot() ? B.scheduleKeyHelp : `${B.scheduleSummary({ ...Lt, from: ue(Lt.from), to: ue(Lt.to) })} ${B.scheduleKeyHelp}` })
-        ]
-      }
-    ),
-    ds
-  ] });
+            P.count
+          )
+        ] }),
+        /* @__PURE__ */ p(Le, { id: At, children: w === e.getServerSnapshot() ? x.scheduleKeyHelp : `${x.scheduleSummary({ ...Ot, from: vt(Ot.from), to: vt(Ot.to) })}${wt === null ? "" : ` ${wt}.`} ${x.scheduleKeyHelp}` }),
+        ws
+      ]
+    }
+  ) });
 }
-function Nn(s) {
+function si(s) {
   try {
     return s.matches(":focus-visible");
   } catch {
     return !0;
   }
 }
-function Pn({ id: s, label: t }) {
-  const e = We(), i = W(() => ({ id: s, label: t ?? s, ...e === null ? {} : { parent: e } }), [s, t, e]);
-  return xs(i), null;
+function ni() {
+  const s = Je(), t = qs(s), e = St(), n = mt(), i = re(), o = Jt(
+    t?.subscribe ?? ii,
+    t?.getSnapshot ?? (() => null),
+    t?.getServerSnapshot ?? (() => null)
+  );
+  if (t === null) return null;
+  const a = o?.dataTable?.open === !0;
+  let r = null;
+  if (a && o !== null) {
+    const { from: l, to: d } = o.summary, { data: h } = t, c = (f) => `${e.dateShort(new Date(f))} ${j(e, f)}`, m = new Map(h.lanes.map((f, v) => [f.id, v])), k = h.subtasks.filter((f) => {
+      const v = Q(f);
+      return m.has(f.lane) && v.to >= l && v.from <= d;
+    }).sort((f, v) => m.get(f.lane) - m.get(v.lane) || f.from - v.from);
+    r = /* @__PURE__ */ E("table", { className: g.dataTable, children: [
+      /* @__PURE__ */ p("caption", { children: n.scheduleTableCaption(c(l), c(d)) }),
+      /* @__PURE__ */ p("thead", { children: /* @__PURE__ */ p("tr", { children: [
+        n.scheduleColumnLane,
+        n.scheduleColumnTask,
+        n.scheduleColumnSubtask,
+        n.scheduleColumnFrom,
+        n.scheduleColumnTo,
+        n.scheduleColumnDuration,
+        n.scheduleColumnFindings
+      ].map((f) => /* @__PURE__ */ p("th", { scope: "col", children: f }, f)) }) }),
+      /* @__PURE__ */ p("tbody", { children: k.map((f) => {
+        const v = h.tooltipTargetFor({ kind: "subtask", subtask: f, part: "main" }), C = v?.kind !== "subtask" ? [] : [
+          ...v.overlapping.map((M) => n.scheduleOverlapWith(M.name ?? M.id)),
+          ...v.violatedDependencies.map((M) => n.scheduleViolatedBy(i(M.shortBy))),
+          ...v.blocked.map((M) => n.scheduleInBlockedTime(M.label))
+        ], A = [
+          i(f.to - f.from),
+          ...(f.leadIn ?? 0) > 0 ? [`${n.scheduleLeadIn} ${i(f.leadIn)}`] : [],
+          ...(f.leadOut ?? 0) > 0 ? [`${n.scheduleLeadOut} ${i(f.leadOut)}`] : []
+        ].join(", ");
+        return /* @__PURE__ */ E("tr", { children: [
+          /* @__PURE__ */ p("td", { children: h.lanes.find((M) => M.id === f.lane)?.label }),
+          /* @__PURE__ */ p("td", { children: h.tasks.get(f.task)?.name ?? f.task }),
+          /* @__PURE__ */ p("th", { scope: "row", children: f.name ?? f.id }),
+          /* @__PURE__ */ p("td", { children: c(f.from) }),
+          /* @__PURE__ */ p("td", { children: c(f.to) }),
+          /* @__PURE__ */ p("td", { children: A }),
+          /* @__PURE__ */ p("td", { children: C.join("; ") })
+        ] }, f.id);
+      }) })
+    ] });
+  }
+  return /* @__PURE__ */ E(it, { children: [
+    /* @__PURE__ */ p(
+      "button",
+      {
+        type: "button",
+        className: g.dataKey,
+        "data-schedule-overlay": "data key",
+        "aria-expanded": a,
+        "aria-controls": a ? s : void 0,
+        onClick: () => t.toggleDataTable(),
+        children: a ? n.scheduleHideData : n.scheduleShowData
+      }
+    ),
+    a && // A tab stop of its own: the panel scrolls, and a keyboard has to be
+    // able to scroll it.
+    /* @__PURE__ */ p("div", { id: s, className: g.dataPanel, tabIndex: 0, children: r })
+  ] });
+}
+const ii = () => () => {
+};
+function oi({ id: s, label: t }) {
+  const e = ss(), n = U(() => ({ id: s, label: t ?? s, ...e === null ? {} : { parent: e } }), [s, t, e]);
+  return Us(n), null;
 }
-function Gn({ id: s, label: t, children: e }) {
-  const i = We(), n = W(() => ({ id: s, label: t ?? s, ...i === null ? {} : { parent: i } }), [s, t, i]);
-  return Bs(n), /* @__PURE__ */ m(je, { value: s, children: e });
+function ai({ id: s, label: t, children: e }) {
+  const n = ss(), i = U(() => ({ id: s, label: t ?? s, ...n === null ? {} : { parent: n } }), [s, t, n]);
+  return Xs(i), /* @__PURE__ */ p(es, { value: s, children: e });
 }
-function Hn({ data: s, tasks: t }) {
-  const e = W(() => ({ kind: "subtasks", data: s, tasks: t }), [s, t]);
-  return bt("Subtasks", e), null;
+function ri({ data: s, tasks: t }) {
+  const e = U(() => ({ kind: "subtasks", data: s, tasks: t }), [s, t]);
+  return Lt("Subtasks", e), null;
 }
-function Yn({ data: s }) {
-  const t = W(() => ({ kind: "dependencies", data: s }), [s]);
-  return bt("Dependencies", t), null;
+function li({ data: s }) {
+  const t = U(() => ({ kind: "dependencies", data: s }), [s]);
+  return Lt("Dependencies", t), null;
 }
-function Kn({ data: s }) {
-  const t = W(() => ({ kind: "blocked", data: s }), [s]);
-  return bt("BlockedTimes", t), null;
+function di({ data: s }) {
+  const t = U(() => ({ kind: "blocked", data: s }), [s]);
+  return Lt("BlockedTimes", t), null;
 }
-function Vn({ data: s }) {
-  const t = W(() => ({ kind: "milestones", data: s }), [s]);
-  return bt("Milestones", t), null;
+function hi({ data: s }) {
+  const t = U(() => ({ kind: "milestones", data: s }), [s]);
+  return Lt("Milestones", t), null;
 }
-function jn() {
+function ci() {
   try {
     return process.env.NODE_ENV !== "production";
   } catch {
     return !1;
   }
 }
-const es = jn(), Ae = /* @__PURE__ */ new Set();
-function ot(s, t) {
-  !es || Ae.has(s) || (Ae.add(s), console.warn(`@umriss-ui/schedule: ${t}`));
+const hs = ci(), Be = /* @__PURE__ */ new Set();
+function lt(s, t) {
+  !hs || Be.has(s) || (Be.add(s), console.warn(`@umriss-ui/schedule: ${t}`));
 }
-class Wn {
+class ui {
   /** `changed` is called after every registration change. */
   constructor(t) {
     this.changed = t;
@@ -1119,14 +1205,14 @@ class Wn {
   rebuild() {
     if (!this.dirty) return !1;
     this.dirty = !1;
-    const t = (e) => [...e.keys()].sort((i, n) => i - n).map((i) => e.get(i));
+    const t = (e) => [...e.keys()].sort((n, i) => n - i).map((n) => e.get(n));
     this.lanes = t(this.laneEntries), this.groups = t(this.groupEntries), this.layers = t(this.layerEntries), this.subtasks = [], this.dependencies = [], this.blocked = [], this.milestones = [], this.tasks = /* @__PURE__ */ new Map();
     for (const e of this.layers)
       if (e.kind === "subtasks") {
         this.subtasks.push(...e.data);
-        for (const i of e.tasks) this.tasks.set(i.id, i);
+        for (const n of e.tasks) this.tasks.set(n.id, n);
       } else e.kind === "dependencies" ? this.dependencies.push(...e.data) : e.kind === "milestones" ? this.milestones.push(...e.data) : this.blocked.push(...e.data);
-    return this.subtaskById = new Map(this.subtasks.map((e) => [e.id, e])), this.overlaps = Xt(this.subtasks), this.violatedById = new Map(qt(this.subtasks, this.dependencies).map((e) => [e.dependency, e])), this.depth = Es(this.subtasks), this.inBlocked = Ke(this.subtasks, this.blocked), this.warnOfMalformedData(), !0;
+    return this.subtaskById = new Map(this.subtasks.map((e) => [e.id, e])), this.overlaps = ee(this.subtasks), this.violatedById = new Map(se(this.subtasks, this.dependencies).map((e) => [e.dependency, e])), this.depth = Vs(this.subtasks), this.inBlocked = ts(this.subtasks, this.blocked), this.warnOfMalformedData(), !0;
   }
   /** Says in development what the data gets wrong and is drawn, dropped or
       counted regardless. It runs here, once the parts have registered, so a
@@ -1134,30 +1220,30 @@ class Wn {
       the lanes are still on their way, and an empty `tasks` is a plan drawn
       muted on purpose. */
   warnOfMalformedData() {
-    if (!es) return;
-    const t = (n, o) => {
-      const r = /* @__PURE__ */ new Set();
-      for (const a of o)
-        r.has(a) && ot(`twice:${n}:${a}`, `the ${n} id "${a}" stands twice; give each ${n} an id of its own, or only the first is found.`), r.add(a);
+    if (!hs) return;
+    const t = (i, o) => {
+      const a = /* @__PURE__ */ new Set();
+      for (const r of o)
+        a.has(r) && lt(`twice:${i}:${r}`, `the ${i} id "${r}" stands twice; give each ${i} an id of its own, or only the first is found.`), a.add(r);
     };
-    t("subtask", this.subtasks.map((n) => n.id)), t("dependency", this.dependencies.map((n) => n.id)), t("lane", this.lanes.map((n) => n.id));
-    for (const n of this.subtasks)
-      n.to > n.from || ot(`span:${n.id}`, `subtask "${n.id}" does not end after it starts (from ${n.from}, to ${n.to}); a point in time is a Milestone, and a span with no length is drawn as a hairline.`);
-    for (const n of this.layers) {
-      if (n.kind !== "subtasks" || n.tasks.length === 0) continue;
-      const o = new Set(n.tasks.map((r) => r.id));
-      for (const r of n.data)
-        o.has(r.task) || ot(`task:${r.id}`, `subtask "${r.id}" names the task "${r.task}", which is not among the tasks of its Subtasks layer; it is drawn muted. Add the task, or correct the subtask's task.`);
+    t("subtask", this.subtasks.map((i) => i.id)), t("dependency", this.dependencies.map((i) => i.id)), t("lane", this.lanes.map((i) => i.id));
+    for (const i of this.subtasks)
+      i.to > i.from || lt(`span:${i.id}`, `subtask "${i.id}" does not end after it starts (from ${i.from}, to ${i.to}); a point in time is a Milestone, and a span with no length is drawn as a hairline.`);
+    for (const i of this.layers) {
+      if (i.kind !== "subtasks" || i.tasks.length === 0) continue;
+      const o = new Set(i.tasks.map((a) => a.id));
+      for (const a of i.data)
+        o.has(a.task) || lt(`task:${a.id}`, `subtask "${a.id}" names the task "${a.task}", which is not among the tasks of its Subtasks layer; it is drawn muted. Add the task, or correct the subtask's task.`);
     }
-    for (const n of this.dependencies)
-      for (const o of [n.from, n.to])
-        this.subtaskById.has(o) || ot(`end:${n.id}:${o}`, `dependency "${n.id}" names the subtask "${o}", and no subtask has that id; the dependency is left out.`);
+    for (const i of this.dependencies)
+      for (const o of [i.from, i.to])
+        this.subtaskById.has(o) || lt(`end:${i.id}:${o}`, `dependency "${i.id}" names the subtask "${o}", and no subtask has that id; the dependency is left out.`);
     if (this.lanes.length === 0) return;
-    const e = new Set(this.lanes.map((n) => n.id)), i = (n, o) => {
-      for (const { id: r, lane: a } of o)
-        e.has(a) || ot(`lane:${n}:${r}`, `${n} "${r}" is on the lane "${a}", which no Lane declares; it is left out. Declare <Lane id="${a}" />.`);
+    const e = new Set(this.lanes.map((i) => i.id)), n = (i, o) => {
+      for (const { id: a, lane: r } of o)
+        e.has(r) || lt(`lane:${i}:${a}`, `${i} "${a}" is on the lane "${r}", which no Lane declares; it is left out. Declare <Lane id="${r}" />.`);
     };
-    i("subtask", this.subtasks), i("milestone", this.milestones), i("blocked time", this.blocked);
+    n("subtask", this.subtasks), n("milestone", this.milestones), n("blocked time", this.blocked);
   }
   /** The task a dependency belongs to: its departing subtask's. */
   taskOfDependency(t) {
@@ -1167,76 +1253,76 @@ class Wn {
       data knows about it - its task, and the findings it stands in. */
   tooltipTargetFor(t) {
     if (t.kind === "subtask") {
-      const n = t.subtask.id, o = this.overlaps.filter((l) => l.first === n || l.second === n).map((l) => this.subtaskById.get(l.first === n ? l.second : l.first)).filter((l) => l !== void 0), r = this.dependencies.filter((l) => l.from === n || l.to === n).map((l) => this.violatedById.get(l.id)).filter((l) => l !== void 0), a = this.inBlocked.filter((l) => l.subtask === n).map((l) => this.blocked.find((d) => d.id === l.blocked)).filter((l) => l !== void 0);
-      return { kind: "subtask", subtask: t.subtask, task: this.tasks.get(t.subtask.task), overlapping: o, violatedDependencies: r, blocked: a };
+      const i = t.subtask.id, o = this.overlaps.filter((l) => l.first === i || l.second === i).map((l) => this.subtaskById.get(l.first === i ? l.second : l.first)).filter((l) => l !== void 0), a = this.dependencies.filter((l) => l.from === i || l.to === i).map((l) => this.violatedById.get(l.id)).filter((l) => l !== void 0), r = this.inBlocked.filter((l) => l.subtask === i).map((l) => this.blocked.find((d) => d.id === l.blocked)).filter((l) => l !== void 0);
+      return { kind: "subtask", subtask: t.subtask, task: this.tasks.get(t.subtask.task), overlapping: o, violatedDependencies: a, blocked: r };
     }
     if (t.kind === "milestone") return { kind: "milestone", milestone: t.milestone };
     if (t.kind !== "dependency") return null;
-    const e = t.dependency, i = this.taskOfDependency(e);
+    const e = t.dependency, n = this.taskOfDependency(e);
     return {
       kind: "dependency",
       dependency: e,
-      task: i !== null ? this.tasks.get(i) : void 0,
+      task: n !== null ? this.tasks.get(n) : void 0,
       from: this.subtaskById.get(e.from),
       to: this.subtaskById.get(e.to),
       violated: this.violatedById.get(e.id)
     };
   }
 }
-const zn = 6;
-function ss(s, t, e, i, n, o) {
-  s.save(), s.beginPath(), s.rect(t, e, i, n), s.clip(), s.globalAlpha = 0.35, s.strokeStyle = o, s.lineWidth = 1, s.beginPath();
-  for (let r = t - n; r < t + i + n; r += zn)
-    s.moveTo(r, e + n), s.lineTo(r + n, e);
+const fi = 6;
+function cs(s, t, e, n, i, o) {
+  s.save(), s.beginPath(), s.rect(t, e, n, i), s.clip(), s.globalAlpha = 0.35, s.strokeStyle = o, s.lineWidth = 1, s.beginPath();
+  for (let a = t - i; a < t + n + i; a += fi)
+    s.moveTo(a, e + i), s.lineTo(a + i, e);
   s.stroke(), s.restore();
 }
-function Un(s, t, e, i) {
-  if (i.size === 0) return;
-  const { width: n, height: o } = t.view;
-  for (const r of i) {
-    const a = J(e, r);
-    if (a === null) continue;
-    const { top: l, height: d } = a;
-    l + d < 0 || l > o || (s.globalAlpha = 0.6, s.fillStyle = t.colours.surface, s.fillRect(0, l, n, d), s.globalAlpha = 1, ss(s, 0, l, n, d, t.colours.muted));
-  }
-}
-function Xn(s, t, e) {
-  const { data: i } = t;
-  if (i.violatedById.size !== 0)
-    for (const n of i.violatedById.values()) {
-      const o = i.dependencies.find((c) => c.id === n.dependency), r = o === void 0 ? void 0 : i.subtaskById.get(o.to);
-      if (r === void 0) continue;
-      const a = J(e, r.lane);
-      if (a === null || !a.miniature) continue;
-      const l = st(e.rows, a.top + e.scrollY);
+function mi(s, t, e, n) {
+  if (n.size === 0) return;
+  const { width: i, height: o } = t.view;
+  for (const a of n) {
+    const r = tt(e, a);
+    if (r === null) continue;
+    const { top: l, height: d } = r;
+    l + d < 0 || l > o || (s.globalAlpha = 0.6, s.fillStyle = t.colours.surface, s.fillRect(0, l, i, d), s.globalAlpha = 1, cs(s, 0, l, i, d, t.colours.muted));
+  }
+}
+function pi(s, t, e) {
+  const { data: n } = t;
+  if (n.violatedById.size !== 0)
+    for (const i of n.violatedById.values()) {
+      const o = n.dependencies.find((c) => c.id === i.dependency), a = o === void 0 ? void 0 : n.subtaskById.get(o.to);
+      if (a === void 0) continue;
+      const r = tt(e, a.lane);
+      if (r === null || !r.miniature) continue;
+      const l = ot(e.rows, r.top + e.scrollY);
       if (l === null) continue;
-      const d = $(e, n.arrival), h = Math.max(d + 2, $(e, n.arrival + n.shortBy));
-      Gt(s, t, d, h, l.top - e.scrollY + 1, 3);
+      const d = B(e, i.arrival), h = Math.max(d + 2, B(e, i.arrival + i.shortBy));
+      Wt(s, t, d, h, l.top - e.scrollY + 1, 3);
     }
 }
-function Gt(s, t, e, i, n, o) {
+function Wt(s, t, e, n, i, o) {
   if (!t.colours.forced) {
-    s.fillStyle = t.colours.alarm, s.fillRect(e, n, i - e, o);
+    s.fillStyle = t.colours.alarm, s.fillRect(e, i, n - e, o);
     return;
   }
-  s.strokeStyle = t.colours.alarm, s.lineWidth = o, s.setLineDash([4, 3]), s.beginPath(), s.moveTo(e, n + o / 2), s.lineTo(i, n + o / 2), s.stroke(), s.setLineDash([]);
+  s.strokeStyle = t.colours.alarm, s.lineWidth = o, s.setLineDash([4, 3]), s.beginPath(), s.moveTo(e, i + o / 2), s.lineTo(n, i + o / 2), s.stroke(), s.setLineDash([]);
 }
-function qn(s, t, e, i) {
-  const n = J(e, i.lane);
-  if (n === null || n.top + n.height < 0 || n.top > t.view.height) return;
-  const o = Math.max(0, $(e, i.from)), r = Math.min(t.view.width, $(e, i.to));
-  r <= o || (s.globalAlpha = 0.1, s.fillStyle = t.colours.muted, s.fillRect(o, n.top, r - o, n.height), s.globalAlpha = 1, ss(s, o, n.top, r - o, n.height, t.colours.muted));
+function gi(s, t, e, n) {
+  const i = tt(e, n.lane);
+  if (i === null || i.top + i.height < 0 || i.top > t.view.height) return;
+  const o = Math.max(0, B(e, n.from)), a = Math.min(t.view.width, B(e, n.to));
+  a <= o || (s.globalAlpha = 0.1, s.fillStyle = t.colours.muted, s.fillRect(o, i.top, a - o, i.height), s.globalAlpha = 1, cs(s, o, i.top, a - o, i.height, t.colours.muted));
 }
-function Ht(s, t, e, i) {
-  const n = J(e, i.lane);
-  if (n === null) return;
-  const o = $(e, i.from), r = Math.max(o + 2, $(e, i.to));
-  if (s.fillStyle = t.colours.alarm, s.globalAlpha = 0.14, s.fillRect(o, n.top + 1, r - o, Math.max(1, n.height - 2)), s.globalAlpha = 1, Gt(s, t, o, r, n.top + 1, Math.min(3, Math.max(1, n.height - 1))), n.miniature) {
-    const a = st(e.rows, n.top + e.scrollY);
-    a !== null && Gt(s, t, o, r, a.top - e.scrollY + 1, 3);
+function Ut(s, t, e, n) {
+  const i = tt(e, n.lane);
+  if (i === null) return;
+  const o = B(e, n.from), a = Math.max(o + 2, B(e, n.to));
+  if (s.fillStyle = t.colours.alarm, s.globalAlpha = 0.14, s.fillRect(o, i.top + 1, a - o, Math.max(1, i.height - 2)), s.globalAlpha = 1, Wt(s, t, o, a, i.top + 1, Math.min(3, Math.max(1, i.height - 1))), i.miniature) {
+    const r = ot(e.rows, i.top + e.scrollY);
+    r !== null && Wt(s, t, o, a, r.top - e.scrollY + 1, 3);
   }
 }
-const Jn = {
+const ki = {
   line: "var(--u-hairline)",
   lineStrong: "var(--u-hairline-strong)",
   text: "var(--u-color-text)",
@@ -1250,7 +1336,7 @@ const Jn = {
   /* What text and marks take ON a filled bar - the same token the bar labels
      use in CSS, so a cap and the label beside it are one colour. */
   onAccent: "var(--u-color-on-accent)"
-}, ns = {
+}, us = {
   line: "GrayText",
   lineStrong: "CanvasText",
   text: "CanvasText",
@@ -1260,282 +1346,282 @@ const Jn = {
   active: "Highlight",
   now: "GrayText",
   onAccent: "Canvas"
-}, Zn = (s) => s ? ns : Jn, Qn = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(forced-colors: active)").matches;
-function ti(s, t) {
-  const e = Qn(), i = {};
-  for (const r of t.tasks.values()) i[`task:${r.id}`] = e ? ns.text : r.color;
-  const n = Ss(s, { ...Zn(e), ...i }), o = /* @__PURE__ */ new Map();
-  for (const r of t.tasks.values()) o.set(r.id, n[`task:${r.id}`] ?? r.color);
+}, wi = (s) => s ? us : ki, vi = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(forced-colors: active)").matches;
+function yi(s, t) {
+  const e = vi(), n = {};
+  for (const a of t.tasks.values()) n[`task:${a.id}`] = e ? us.text : a.color;
+  const i = Es(s, { ...wi(e), ...n }), o = /* @__PURE__ */ new Map();
+  for (const a of t.tasks.values()) o.set(a.id, i[`task:${a.id}`] ?? a.color);
   return {
-    line: n.line,
-    lineStrong: n.lineStrong,
-    text: n.text,
-    muted: n.muted,
-    alarm: n.alarm,
-    surface: n.surface,
-    active: n.active,
-    now: n.now,
-    onAccent: n.onAccent,
+    line: i.line,
+    lineStrong: i.lineStrong,
+    text: i.text,
+    muted: i.muted,
+    alarm: i.alarm,
+    surface: i.surface,
+    active: i.active,
+    now: i.now,
+    onAccent: i.onAccent,
     tasks: o,
     forced: e
   };
 }
-function ct(s) {
+function ft(s) {
   const t = s.match(/[\d.]+/g);
   return t === null || t.length < 3 ? null : [Number(t[0]), Number(t[1]), Number(t[2])];
 }
-function Ce(s) {
-  const t = ct(s);
-  return t === null ? 0 : os(is(t));
+function xe(s) {
+  const t = ft(s);
+  return t === null ? 0 : ms(fs(t));
 }
-function is(s) {
+function fs(s) {
   return s.map((t) => {
     const e = t / 255;
     return e <= 0.04045 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
   });
 }
-function os([s, t, e]) {
+function ms([s, t, e]) {
   return 0.2126 * s + 0.7152 * t + 0.0722 * e;
 }
-function De(s, t) {
-  const e = Ce(s), i = Ce(t);
-  return (Math.max(e, i) + 0.05) / (Math.min(e, i) + 0.05);
+function Ne(s, t) {
+  const e = xe(s), n = xe(t);
+  return (Math.max(e, n) + 0.05) / (Math.min(e, n) + 0.05);
 }
-function _e(s, t, e) {
+function Re(s, t, e) {
   if (s === null) return null;
-  const i = typeof window > "u" ? 1 : window.devicePixelRatio || 1, n = Math.round(t * i), o = Math.round(e * i);
-  s.width !== n && (s.width = n), s.height !== o && (s.height = o);
-  const r = s.getContext("2d");
-  return r === null ? null : (r.setTransform(i, 0, 0, i, 0, 0), r.clearRect(0, 0, t, e), r);
-}
-function ei(s, t) {
-  const { data: e, view: i } = t, n = i.viewport();
-  ii(s, t, n);
-  for (const o of e.blocked) qn(s, t, n, o);
-  oi(s, t);
+  const n = typeof window > "u" ? 1 : window.devicePixelRatio || 1, i = Math.round(t * n), o = Math.round(e * n);
+  s.width !== i && (s.width = i), s.height !== o && (s.height = o);
+  const a = s.getContext("2d");
+  return a === null ? null : (a.setTransform(n, 0, 0, n, 0, 0), a.clearRect(0, 0, t, e), a);
+}
+function bi(s, t) {
+  const { data: e, view: n } = t, i = n.viewport();
+  Si(s, t, i);
+  for (const o of e.blocked) gi(s, t, i, o);
+  Ii(s, t);
   for (const o of e.layers) {
     if (o.kind === "blocked" || o.kind === "milestones") continue;
-    const r = new Set(o.data);
+    const a = new Set(o.data);
     if (o.kind === "dependencies")
-      for (const a of i.paths) r.has(a.dependency) && Vs(a, i.width, i.height) && Yt(s, t, a, !1);
+      for (const r of n.paths) a.has(r.dependency) && sn(r, n.width, n.height) && Xt(s, t, r, !1);
     else
-      for (const a of i.boxes) r.has(a.subtask) && as(s, t, a, 1);
+      for (const r of n.boxes) a.has(r.subtask) && gs(s, t, r, 1);
   }
-  for (const o of e.overlaps) Ht(s, t, n, o);
-  for (const o of e.inBlocked) Ht(s, t, n, o);
-  Xn(s, t, n);
-  for (const o of e.milestones) ls(s, t, n, o, !1);
-  fi(s, t);
+  for (const o of e.overlaps) Ut(s, t, i, o);
+  for (const o of e.inBlocked) Ut(s, t, i, o);
+  pi(s, t, i);
+  for (const o of e.milestones) ks(s, t, i, o, !1);
+  $i(s, t);
 }
-function si(s, t) {
-  const { view: e, hover: i } = t, n = e.viewport();
+function Mi(s, t) {
+  const { view: e, hover: n } = t, i = e.viewport();
   if (t.ghost === null) {
-    if (i.kind === "subtask") {
-      const c = e.boxById.get(i.subtask.id);
-      c !== void 0 && ci(s, t, c);
-    } else if (i.kind === "dependency") {
-      const c = e.paths.find((f) => f.dependency === i.dependency);
-      c !== void 0 && Yt(s, t, c, !0);
-    } else i.kind === "milestone" && ls(s, t, n, i.milestone, !0);
+    if (n.kind === "subtask") {
+      const c = e.boxById.get(n.subtask.id);
+      c !== void 0 && Oi(s, t, c);
+    } else if (n.kind === "dependency") {
+      const c = e.paths.find((m) => m.dependency === n.dependency);
+      c !== void 0 && Xt(s, t, c, !0);
+    } else n.kind === "milestone" && ks(s, t, i, n.milestone, !0);
     return;
   }
-  const o = t.ghost, { ghost: r, overlaps: a, violated: l } = o;
-  Un(s, t, n, o.refusedLanes);
-  const d = rs(n, r);
+  const o = t.ghost, { ghost: a, overlaps: r, violated: l } = o;
+  mi(s, t, i, o.refusedLanes);
+  const d = ps(i, a);
   if (d === null) return;
-  for (const c of a) Ht(s, t, n, c);
+  for (const c of r) Ut(s, t, i, c);
   const h = new Set(l.map((c) => c.dependency));
   for (const c of t.data.dependencies) {
-    if (c.from !== r.id && c.to !== r.id) continue;
-    const f = e.boxById.get(c.from === r.id ? c.to : c.from);
-    if (f === void 0) continue;
-    const g = c.from === r.id ? Nt(n, c, d, f, e.options) : Nt(n, c, f, d, e.options);
-    Yt(s, t, g, !0, h.has(c.id));
+    if (c.from !== a.id && c.to !== a.id) continue;
+    const m = e.boxById.get(c.from === a.id ? c.to : c.from);
+    if (m === void 0) continue;
+    const k = c.from === a.id ? Vt(i, c, d, m, e.options) : Vt(i, c, m, d, e.options);
+    Xt(s, t, k, !0, h.has(c.id));
   }
-  as(s, { ...t, selectedTask: null }, d, 0.55), s.strokeStyle = t.colours.text, s.lineWidth = 1, s.setLineDash([3, 2]), s.strokeRect(d.outerFrom + 0.5, d.y + 0.5, Math.max(1, d.outerTo - d.outerFrom - 1), d.height - 1), s.setLineDash([]), o.tether !== null && ni(s, t, d, o.tether);
+  gs(s, { ...t, selectedTask: null }, d, 0.55), s.strokeStyle = t.colours.text, s.lineWidth = 1, s.setLineDash([3, 2]), s.strokeRect(d.outerFrom + 0.5, d.y + 0.5, Math.max(1, d.outerTo - d.outerFrom - 1), d.height - 1), s.setLineDash([]), o.tether !== null && Ti(s, t, d, o.tether);
 }
-function ni(s, t, e, i) {
-  const n = Math.max(e.outerFrom, Math.min(e.outerTo, i.x)), o = Math.max(e.y, Math.min(e.y + e.height, i.y));
-  Math.hypot(i.x - n, i.y - o) < 2 || (s.strokeStyle = t.colours.text, s.lineWidth = 1, s.setLineDash([2, 3]), s.beginPath(), s.moveTo(n + 0.5, o + 0.5), s.lineTo(i.x + 0.5, i.y + 0.5), s.stroke(), s.setLineDash([]));
+function Ti(s, t, e, n) {
+  const i = Math.max(e.outerFrom, Math.min(e.outerTo, n.x)), o = Math.max(e.y, Math.min(e.y + e.height, n.y));
+  Math.hypot(n.x - i, n.y - o) < 2 || (s.strokeStyle = t.colours.text, s.lineWidth = 1, s.setLineDash([2, 3]), s.beginPath(), s.moveTo(i + 0.5, o + 0.5), s.lineTo(n.x + 0.5, n.y + 0.5), s.stroke(), s.setLineDash([]));
 }
-function rs(s, t) {
-  const e = Zt(s.rows, t.lane);
-  return e === null ? null : Xe(s, t, e, 0);
+function ps(s, t) {
+  const e = oe(s.rows, t.lane);
+  return e === null ? null : os(s, t, e, 0);
 }
-function ii(s, t, e) {
-  const { view: i, colours: n, bands: o } = t, { width: r, height: a } = i;
-  s.lineWidth = 1, s.strokeStyle = n.line, s.beginPath();
+function Si(s, t, e) {
+  const { view: n, colours: i, bands: o } = t, { width: a, height: r } = n;
+  s.lineWidth = 1, s.strokeStyle = i.line, s.beginPath();
   for (const h of o.ticks)
-    s.moveTo(h.x + 0.5, 0), s.lineTo(h.x + 0.5, a);
+    s.moveTo(h.x + 0.5, 0), s.lineTo(h.x + 0.5, r);
   for (const h of e.rows.rows) {
     const c = h.top + h.height - e.scrollY - 0.5;
-    c < 0 || c > a || (s.moveTo(0, c), s.lineTo(r, c));
+    c < 0 || c > r || (s.moveTo(0, c), s.lineTo(a, c));
   }
   const l = [...e.rows.slots.values()].filter((h) => h.miniature).sort((h, c) => h.top - c.top);
   l.forEach((h, c) => {
-    const f = l[c + 1];
-    if (f === void 0 || f.top !== h.top + h.height || f.group === h.group) return;
-    const g = h.top + h.height - e.scrollY - 0.5;
-    g < 0 || g > a || (s.moveTo(0, g), s.lineTo(r, g));
-  }), s.stroke(), s.strokeStyle = n.lineStrong, s.beginPath();
+    const m = l[c + 1];
+    if (m === void 0 || m.top !== h.top + h.height || m.group === h.group) return;
+    const k = h.top + h.height - e.scrollY - 0.5;
+    k < 0 || k > r || (s.moveTo(0, k), s.lineTo(a, k));
+  }), s.stroke(), s.strokeStyle = i.lineStrong, s.beginPath();
   for (const h of o.days)
-    s.moveTo(h.x + 0.5, 0), s.lineTo(h.x + 0.5, a);
+    s.moveTo(h.x + 0.5, 0), s.lineTo(h.x + 0.5, r);
   s.stroke();
-  const d = Is(i.options.calendar);
+  const d = Bs(n.options.calendar);
   if (d.length > 0) {
-    s.strokeStyle = n.muted, s.setLineDash([2, 3]), s.beginPath();
+    s.strokeStyle = i.muted, s.setLineDash([2, 3]), s.beginPath();
     for (const h of d) {
       const c = Math.round(e.scale.toPx(h.workingTime)) + 0.5;
-      c < 0 || c > r || (s.moveTo(c, 0), s.lineTo(c, a));
+      c < 0 || c > a || (s.moveTo(c, 0), s.lineTo(c, r));
     }
     s.stroke(), s.setLineDash([]);
   }
 }
-function oi(s, t) {
+function Ii(s, t) {
   const e = t.view.nowX();
   e !== null && (s.fillStyle = t.colours.now, s.fillRect(e, 0, 2, t.view.height));
 }
-function ri(s, t, e, i) {
-  const n = ut(t.colours, t, e.subtask.task, e.subtask.id);
-  s.fillStyle = n;
-  for (const [o, r] of [
+function Li(s, t, e, n) {
+  const i = pt(t.colours, t, e.subtask.task, e.subtask.id);
+  s.fillStyle = i;
+  for (const [o, a] of [
     [e.outerFrom, e.mainFrom],
     [e.mainTo, e.outerTo]
   ])
-    r <= o || (s.globalAlpha = 0.28 * i, s.fillRect(o, e.y, r - o, e.height));
-  s.globalAlpha = i, s.fillRect(e.mainFrom, e.y, Math.max(1, e.mainTo - e.mainFrom), e.height), s.globalAlpha = 1;
+    a <= o || (s.globalAlpha = 0.28 * n, s.fillRect(o, e.y, a - o, e.height));
+  s.globalAlpha = n, s.fillRect(e.mainFrom, e.y, Math.max(1, e.mainTo - e.mainFrom), e.height), s.globalAlpha = 1;
 }
-function te(s, t, e) {
+function le(s, t, e) {
   if (s.dashed) return { fill: null, onDark: !1 };
-  const i = s.muted ? ai(t, e.surface, 0.5) : t;
-  return { fill: i, onDark: De(i, e.onAccent) > De(i, e.text) };
+  const n = s.muted ? Ci(t, e.surface, 0.5) : t;
+  return { fill: n, onDark: Ne(n, e.onAccent) > Ne(n, e.text) };
 }
-function ai(s, t, e) {
-  const i = ct(s), n = ct(t);
-  if (i === null || n === null) return s;
-  const o = (r) => Math.round(i[r] + (n[r] - i[r]) * e);
+function Ci(s, t, e) {
+  const n = ft(s), i = ft(t);
+  if (n === null || i === null) return s;
+  const o = (a) => Math.round(n[a] + (i[a] - n[a]) * e);
   return `rgb(${o(0)}, ${o(1)}, ${o(2)})`;
 }
-function Oe(s, t) {
-  const e = ct(s);
+function Pe(s, t) {
+  const e = ft(s);
   if (e === null || t === 0) return s;
-  const i = is(e), n = os(i), [o, r, a] = i.map((l) => {
-    const d = l + (n - l) * t, h = d <= 31308e-7 ? d * 12.92 : 1.055 * d ** (1 / 2.4) - 0.055;
+  const n = fs(e), i = ms(n), [o, a, r] = n.map((l) => {
+    const d = l + (i - l) * t, h = d <= 31308e-7 ? d * 12.92 : 1.055 * d ** (1 / 2.4) - 0.055;
     return Math.round(Math.min(1, Math.max(0, h)) * 255);
   });
-  return `rgb(${o}, ${r}, ${a})`;
+  return `rgb(${o}, ${a}, ${r})`;
 }
-function ut(s, t, e, i) {
-  const n = (e === null ? void 0 : s.tasks.get(e)) ?? s.muted;
-  return t.selectedTask === null ? n : e !== t.selectedTask ? s.forced ? s.muted : Oe(n, 1) : s.forced || t.selectedSubtask === null || i === null || i === t.selectedSubtask ? n : Oe(n, 0.5);
+function pt(s, t, e, n) {
+  const i = (e === null ? void 0 : s.tasks.get(e)) ?? s.muted;
+  return t.selectedTask === null ? i : e !== t.selectedTask ? s.forced ? s.muted : Pe(i, 1) : s.forced || t.selectedSubtask === null || n === null || n === t.selectedSubtask ? i : Pe(i, 0.5);
 }
-const li = 2;
-function as(s, t, e, i) {
-  const { view: n, colours: o } = t;
-  if (!Bt(e, n.width, n.height)) return;
+const Ai = 2;
+function gs(s, t, e, n) {
+  const { view: i, colours: o } = t;
+  if (!Yt(e, i.width, i.height)) return;
   if (e.miniature) {
-    ri(s, t, e, i);
+    Li(s, t, e, n);
     return;
   }
-  const r = wt(e.subtask.appearance), a = ut(o, t, e.subtask.task, e.subtask.id), l = te(r, a, o), d = e.y, h = e.height, c = Math.max(1, e.mainTo - e.mainFrom), f = l.onDark ? o.onAccent : o.text;
-  s.lineWidth = 1, s.fillStyle = a, s.strokeStyle = a;
-  for (const [v, A] of [
+  const a = It(e.subtask.appearance), r = pt(o, t, e.subtask.task, e.subtask.id), l = le(a, r, o), d = e.y, h = e.height, c = Math.max(1, e.mainTo - e.mainFrom), m = l.onDark ? o.onAccent : o.text;
+  s.lineWidth = 1, s.fillStyle = r, s.strokeStyle = r;
+  for (const [f, v] of [
     [e.outerFrom, e.mainFrom],
     [e.mainTo, e.outerTo]
   ])
-    A <= v || (s.globalAlpha = 0.28 * i, s.fillRect(v, d, A - v, h), s.globalAlpha = i, s.strokeRect(v + 0.5, d + 0.5, A - v - 1, h - 1));
-  l.fill !== null && (s.globalAlpha = i, s.fillStyle = l.fill, s.fillRect(e.mainFrom, d, c, h));
-  const g = e.subtask.progress;
-  if (g !== void 0) {
-    const v = Math.min(4, Math.max(2, Math.round(h / 6))), A = d + h - v - li, I = Math.round(c * Math.max(0, Math.min(1, g)));
-    s.fillStyle = l.fill === null ? a : f, s.globalAlpha = 0.3 * i, s.fillRect(e.mainFrom, A, c, v), s.globalAlpha = i, I > 0 && s.fillRect(e.mainFrom, A, I, v);
-  }
-  if (r.hatched) {
-    const v = Math.max(1, Math.min(Ue, Math.floor((c - 2 * rt) / 3))), A = c >= 4 * v ? rt : 0, I = h >= 4 * rt ? rt : 0;
-    s.globalAlpha = i, s.fillStyle = f, s.fillRect(e.mainFrom + A, d + I, v, h - 2 * I), s.fillRect(e.mainTo - A - v, d + I, v, h - 2 * I);
-  }
-  r.open && hi(s, e, d, h, o.surface, n.width), r.dashed && (s.globalAlpha = i, s.strokeStyle = a, s.setLineDash([4, 3]), s.strokeRect(e.mainFrom + 0.5, d + 0.5, c - 1, h - 1), s.setLineDash([])), s.globalAlpha = 1, e.depth > 0 && i === 1 && (s.strokeStyle = o.surface, s.strokeRect(e.outerFrom - 0.5, d - 0.5, e.outerTo - e.outerFrom + 1, h + 1));
-}
-const di = 16;
-function hi(s, t, e, i, n, o) {
-  const r = t.mainFrom < 0, a = t.mainTo > o, l = Math.max(1, Math.min(t.mainTo, o) - Math.max(t.mainFrom, 0)), d = Math.min(di, l);
-  r && Fe(s, 0, d, e, i, n), a && Fe(s, o, -d, e, i, n);
-}
-function Fe(s, t, e, i, n, o) {
-  const r = s.createLinearGradient(t, 0, t + e, 0);
-  r.addColorStop(0, Ee(o, 1)), r.addColorStop(1, Ee(o, 0)), s.globalAlpha = 1, s.fillStyle = r, s.fillRect(Math.min(t, t + e), i, Math.abs(e), n);
-}
-function Ee(s, t) {
-  const e = ct(s);
+    v <= f || (s.globalAlpha = 0.28 * n, s.fillRect(f, d, v - f, h), s.globalAlpha = n, s.strokeRect(f + 0.5, d + 0.5, v - f - 1, h - 1));
+  l.fill !== null && (s.globalAlpha = n, s.fillStyle = l.fill, s.fillRect(e.mainFrom, d, c, h));
+  const k = e.subtask.progress;
+  if (k !== void 0) {
+    const f = Math.min(4, Math.max(2, Math.round(h / 6))), v = d + h - f - Ai, C = Math.round(c * Math.max(0, Math.min(1, k)));
+    s.fillStyle = l.fill === null ? r : m, s.globalAlpha = 0.3 * n, s.fillRect(e.mainFrom, v, c, f), s.globalAlpha = n, C > 0 && s.fillRect(e.mainFrom, v, C, f);
+  }
+  if (a.hatched) {
+    const f = Math.max(1, Math.min(is, Math.floor((c - 2 * dt) / 3))), v = c >= 4 * f ? dt : 0, C = h >= 4 * dt ? dt : 0;
+    s.globalAlpha = n, s.fillStyle = m, s.fillRect(e.mainFrom + v, d + C, f, h - 2 * C), s.fillRect(e.mainTo - v - f, d + C, f, h - 2 * C);
+  }
+  a.open && _i(s, e, d, h, o.surface, i.width), a.dashed && (s.globalAlpha = n, s.strokeStyle = r, s.setLineDash([4, 3]), s.strokeRect(e.mainFrom + 0.5, d + 0.5, c - 1, h - 1), s.setLineDash([])), s.globalAlpha = 1, e.depth > 0 && n === 1 && (s.strokeStyle = o.surface, s.strokeRect(e.outerFrom - 0.5, d - 0.5, e.outerTo - e.outerFrom + 1, h + 1));
+}
+const Di = 16;
+function _i(s, t, e, n, i, o) {
+  const a = t.mainFrom < 0, r = t.mainTo > o, l = Math.max(1, Math.min(t.mainTo, o) - Math.max(t.mainFrom, 0)), d = Math.min(Di, l);
+  a && Ge(s, 0, d, e, n, i), r && Ge(s, o, -d, e, n, i);
+}
+function Ge(s, t, e, n, i, o) {
+  const a = s.createLinearGradient(t, 0, t + e, 0);
+  a.addColorStop(0, He(o, 1)), a.addColorStop(1, He(o, 0)), s.globalAlpha = 1, s.fillStyle = a, s.fillRect(Math.min(t, t + e), n, Math.abs(e), i);
+}
+function He(s, t) {
+  const e = ft(s);
   return e === null ? s : `rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`;
 }
-function Yt(s, t, e, i, n) {
-  const { data: o, colours: r } = t, a = o.taskOfDependency(e.dependency), l = n ?? o.violatedById.has(e.dependency.id), d = a !== null && a === t.selectedTask, h = l ? r.alarm : ut(r, t, a, null);
-  if (s.strokeStyle = h, s.fillStyle = h, s.lineWidth = i || d ? 2 : 1.25, s.setLineDash(l ? [4, 3] : []), s.beginPath(), s.moveTo(e.x1, e.y1), e.kind === "curve")
+function Xt(s, t, e, n, i) {
+  const { data: o, colours: a } = t, r = o.taskOfDependency(e.dependency), l = i ?? o.violatedById.has(e.dependency.id), d = r !== null && r === t.selectedTask, h = l ? a.alarm : pt(a, t, r, null);
+  if (s.strokeStyle = h, s.fillStyle = h, s.lineWidth = n || d ? 2 : 1.25, s.setLineDash(l ? [4, 3] : []), s.beginPath(), s.moveTo(e.x1, e.y1), e.kind === "curve")
     s.bezierCurveTo(e.c1x, e.y1, e.c2x, e.y2, e.x2, e.y2);
   else
     for (let c = 2; c + 1 < e.points.length; c += 2) s.lineTo(e.points[c], e.points[c + 1]);
   if (s.stroke(), s.setLineDash([]), e.ends === "dot")
-    for (const [c, f] of [
+    for (const [c, m] of [
       [e.x1, e.y1],
       [e.x2, e.y2]
     ])
-      s.beginPath(), s.arc(c, f, l ? 3 : 2.5, 0, Math.PI * 2), s.fill();
+      s.beginPath(), s.arc(c, m, l ? 3 : 2.5, 0, Math.PI * 2), s.fill();
 }
-function ls(s, t, e, i, n) {
-  const o = Qt(e, i);
+function ks(s, t, e, n, i) {
+  const o = ae(e, n);
   if (o === null || o.x < -o.half || o.x > t.view.width + o.half) return;
-  const r = (a) => {
-    s.beginPath(), s.moveTo(o.x, o.y - a), s.lineTo(o.x + a, o.y), s.lineTo(o.x, o.y + a), s.lineTo(o.x - a, o.y), s.closePath();
+  const a = (r) => {
+    s.beginPath(), s.moveTo(o.x, o.y - r), s.lineTo(o.x + r, o.y), s.lineTo(o.x, o.y + r), s.lineTo(o.x - r, o.y), s.closePath();
   };
-  n && (r(o.half + 3), s.fillStyle = t.colours.active, s.fill()), r(o.half + 1), s.fillStyle = t.colours.surface, s.fill(), r(o.half), s.fillStyle = t.colours.text, s.fill();
+  i && (a(o.half + 3), s.fillStyle = t.colours.active, s.fill()), a(o.half + 1), s.fillStyle = t.colours.surface, s.fill(), a(o.half), s.fillStyle = t.colours.text, s.fill();
 }
-function ci(s, t, e) {
-  const { colours: i } = t, n = wt(e.subtask.appearance), o = te(n, ut(i, t, e.subtask.task, e.subtask.id), i);
-  if (i.forced) {
-    s.strokeStyle = i.active, s.lineWidth = 2, s.strokeRect(e.outerFrom - 2, e.y - 2, Math.max(1, e.outerTo - e.outerFrom) + 4, e.height + 4);
+function Oi(s, t, e) {
+  const { colours: n } = t, i = It(e.subtask.appearance), o = le(i, pt(n, t, e.subtask.task, e.subtask.id), n);
+  if (n.forced) {
+    s.strokeStyle = n.active, s.lineWidth = 2, s.strokeRect(e.outerFrom - 2, e.y - 2, Math.max(1, e.outerTo - e.outerFrom) + 4, e.height + 4);
     return;
   }
-  s.globalAlpha = ui, s.fillStyle = o.onDark ? i.onAccent : i.text, s.fillRect(e.outerFrom, e.y, Math.max(1, e.outerTo - e.outerFrom), e.height), s.globalAlpha = 1;
+  s.globalAlpha = Fi, s.fillStyle = o.onDark ? n.onAccent : n.text, s.fillRect(e.outerFrom, e.y, Math.max(1, e.outerTo - e.outerFrom), e.height), s.globalAlpha = 1;
 }
-const ui = 0.2;
-function fi(s, t) {
+const Fi = 0.2;
+function $i(s, t) {
   const e = t.selectedTask;
   if (e !== null) {
     s.strokeStyle = t.colours.text;
-    for (const i of t.view.boxes) {
-      if (i.subtask.task !== e) continue;
-      const n = i.subtask.id === t.selectedSubtask;
-      s.lineWidth = n ? 2 : 1;
-      const o = n ? 1 : 0.5;
-      s.strokeRect(i.outerFrom - o, i.y - o, i.outerTo - i.outerFrom + 2 * o, i.height + 2 * o);
+    for (const n of t.view.boxes) {
+      if (n.subtask.task !== e) continue;
+      const i = n.subtask.id === t.selectedSubtask;
+      s.lineWidth = i ? 2 : 1;
+      const o = i ? 1 : 0.5;
+      s.strokeRect(n.outerFrom - o, n.y - o, n.outerTo - n.outerFrom + 2 * o, n.height + 2 * o);
     }
   }
 }
-const gt = 32, mi = 18;
-function $e(s, t) {
-  if (!(t > 2 * gt)) return 0;
-  const e = gt - s, i = s - (t - gt), n = Math.max(e, i);
-  if (n <= 0) return 0;
-  const o = Math.min(1, n / gt), r = mi * o * o;
-  return e > 0 ? -r : r;
-}
-function dt(s, t, e) {
-  const i = (n, o) => {
-    const r = nt(n);
-    return n.lane === o.lane && r.from < o.to && o.from < r.to;
+const bt = 32, Ei = 18;
+function Ke(s, t) {
+  if (!(t > 2 * bt)) return 0;
+  const e = bt - s, n = s - (t - bt), i = Math.max(e, n);
+  if (i <= 0) return 0;
+  const o = Math.min(1, i / bt), a = Ei * o * o;
+  return e > 0 ? -a : a;
+}
+function ct(s, t, e) {
+  const n = (i, o) => {
+    const a = Q(i);
+    return i.lane === o.lane && a.from < o.to && o.from < a.to;
   };
-  return e.some((n) => i(s, n) && !(t !== null && i(t, n)));
+  return e.some((i) => n(s, i) && !(t !== null && n(t, i)));
 }
-function pi(s, t, e, i) {
-  const n = /* @__PURE__ */ new Set();
-  if (i === void 0) return n;
+function Bi(s, t, e, n) {
+  const i = /* @__PURE__ */ new Set();
+  if (n === void 0) return i;
   for (const o of s)
-    o !== e && (i(t, o) || n.add(o));
-  return n;
+    o !== e && (n(t, o) || i.add(o));
+  return i;
 }
-const Re = "\0placing", xe = /* @__PURE__ */ new Set();
-function xt(s) {
+const Ye = "\0placing", Ve = /* @__PURE__ */ new Set();
+function Ht(s) {
   switch (s.kind) {
     case "subtask":
       return `subtask:${s.subtask.id}:${s.part}`;
@@ -1549,8 +1635,8 @@ function xt(s) {
       return "nothing";
   }
 }
-const Be = 3, gi = 10, ki = 600;
-class vi {
+const ze = 3, xi = 10, Ni = 600;
+class Ri {
   constructor(t) {
     this.host = t;
   }
@@ -1577,7 +1663,7 @@ class vi {
   /** The finger's long press, armed by a touch on a bar that may be moved.
       `armed` is whether the press may still turn into a grab - and, once it
       has, whether the `contextmenu` Android fires for it is the grab's. */
-  press = Fs((t) => this.grab(t));
+  press = Ks((t) => this.grab(t));
   armed = !1;
   hover = { kind: "nothing" };
   /** Where the pointer rests on the plot while nothing is being dragged - or,
@@ -1616,46 +1702,46 @@ class vi {
   ghostSummary() {
     const t = this.gesture;
     if (t.kind !== "edit" && t.kind !== "place") return null;
-    const e = rs(this.host.view.viewport(), t.ghost);
+    const e = ps(this.host.view.viewport(), t.ghost);
     if (e === null) return null;
-    const i = this.ghostFindings(t.ghost, this.ghostHome(t)), n = t.kind === "edit" && (t.mode === "leadIn" || t.mode === "leadOut"), o = n ? nt(t.ghost) : t.ghost;
+    const n = this.ghostFindings(t.ghost, this.ghostHome(t)), i = t.kind === "edit" && (t.mode === "leadIn" || t.mode === "leadOut"), o = i ? Q(t.ghost) : t.ghost;
     return {
       refused: this.refused,
       refusedLanes: [...t.refused],
       blocked: this.blocked,
-      x: n ? e.outerFrom : e.mainFrom,
+      x: i ? e.outerFrom : e.mainFrom,
       y: e.y,
       height: e.height,
       from: o.from,
       to: o.to,
-      overlap: i.overlaps.length > 0,
-      violated: i.violated.length > 0
+      overlap: n.overlaps.length > 0,
+      violated: n.violated.length > 0
     };
   }
   /* ---------------------------------------------------------------- */
   /* Pointer                                                           */
   /* ---------------------------------------------------------------- */
   local(t, e) {
-    const i = this.host.plotElement()?.getBoundingClientRect();
-    return { x: t - (i?.left ?? 0), y: e - (i?.top ?? 0) };
+    const n = this.host.plotElement()?.getBoundingClientRect();
+    return { x: t - (n?.left ?? 0), y: e - (n?.top ?? 0) };
   }
-  report(t, e, i, n, o, r) {
-    const a = this.host.view;
-    this.host.handlers().onInteraction?.({ type: t, hit: e, clientX: i, clientY: n, time: a.timeAt(o), lane: a.laneIdAt(r) });
+  report(t, e, n, i, o, a) {
+    const r = this.host.view;
+    this.host.handlers().onInteraction?.({ type: t, hit: e, clientX: n, clientY: i, time: r.timeAt(o), lane: r.laneIdAt(a) });
   }
   /** The plan is on its way: no drag, no hover, no placing begins. One under
       way finishes and reports as usual. */
   loading = !1;
   pointerDown(t) {
     if (this.loading) return;
-    const { x: e, y: i } = this.local(t.clientX, t.clientY);
-    if (t.pointerType === "touch" && (this.touches.set(t.pointerId, { x: e, y: i }), this.touches.size >= 2)) {
+    const { x: e, y: n } = this.local(t.clientX, t.clientY);
+    if (t.pointerType === "touch" && (this.touches.set(t.pointerId, { x: e, y: n }), this.touches.size >= 2)) {
       this.press.dispose(), this.armed = !1, this.gesture.kind !== "pinch" && (this.cancelEdit(), this.gesture = { kind: "pinch", distance: this.touchDistance() });
       return;
     }
     if (t.button !== 0) return;
-    const n = t.target?.closest?.("[data-grip]")?.getAttribute("data-grip"), o = this.host.selectedSubtask(), r = o !== null ? this.host.data.subtaskById.get(o) ?? null : null;
-    t.pointerType === "touch" ? (this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: i, mode: "pan", subtask: null }, this.armed = this.modeAt(e, i).mode === "move", this.press.pointerDown(t)) : (n === "leadIn" || n === "leadOut") && r !== null ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: i, mode: n, subtask: r } : this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: i, ...this.modeAt(e, i) }, this.host.plotElement()?.setPointerCapture?.(t.pointerId);
+    const i = t.target?.closest?.("[data-grip]")?.getAttribute("data-grip"), o = this.host.selectedSubtask(), a = o !== null ? this.host.data.subtaskById.get(o) ?? null : null;
+    t.pointerType === "touch" ? (this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, mode: "pan", subtask: null }, this.armed = this.modeAt(e, n).mode === "move", this.press.pointerDown(t)) : (i === "leadIn" || i === "leadOut") && a !== null ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, mode: i, subtask: a } : this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, ...this.modeAt(e, n) }, this.host.plotElement()?.setPointerCapture?.(t.pointerId);
   }
   /** A drag over a folded group: resting on one opens it for the GESTURE.
   
@@ -1665,12 +1751,12 @@ class vi {
         never written to and no change is reported, because the application did
         not fold anything (ADR-0025). */
   restOver(t) {
-    const e = this.host.view, i = e.foldedGroupAt(t);
-    i !== this.resting?.group && (this.stopResting(), i !== null && (this.resting = {
-      group: i,
+    const e = this.host.view, n = e.foldedGroupAt(t);
+    n !== this.resting?.group && (this.stopResting(), n !== null && (this.resting = {
+      group: n,
       timer: setTimeout(() => {
-        this.resting = null, e.openForGesture = /* @__PURE__ */ new Set([...e.openForGesture, i]), this.host.viewChanged();
-      }, ki)
+        this.resting = null, e.openForGesture = /* @__PURE__ */ new Set([...e.openForGesture, n]), this.host.viewChanged();
+      }, Ni)
     }));
   }
   stopResting() {
@@ -1698,64 +1784,64 @@ class vi {
       gesture that cannot change a lane at all asks nothing: the intents the
       caller handles decide whether the question exists. */
   askRefused(t, e) {
-    if (!this.host.view.options.intents.includes(e === null ? "place" : "lane")) return xe;
-    const i = this.host.data.lanes.map((n) => n.id);
-    return pi(i, t, e, this.host.handlers().canMoveTo);
+    if (!this.host.view.options.intents.includes(e === null ? "place" : "lane")) return Ve;
+    const n = this.host.data.lanes.map((i) => i.id);
+    return Bi(n, t, e, this.host.handlers().canMoveTo);
   }
   /** What a press at a point would start, given the intents the caller handles. */
   modeAt(t, e) {
-    const i = this.host.view, n = i.options.intents;
-    if (i.hitAt(t, e).kind === "milestone") return { mode: "pan", subtask: null };
-    for (let o = i.boxes.length - 1; o >= 0; o--) {
-      const r = i.boxes[o];
-      if (n.includes("stretch")) {
-        const a = Ks(r, t, e);
-        if (a !== null) return { mode: a === "from" ? "stretch-from" : "stretch-to", subtask: r.subtask };
+    const n = this.host.view, i = n.options.intents;
+    if (n.hitAt(t, e).kind === "milestone") return { mode: "pan", subtask: null };
+    for (let o = n.boxes.length - 1; o >= 0; o--) {
+      const a = n.boxes[o];
+      if (i.includes("stretch")) {
+        const r = en(a, t, e);
+        if (r !== null) return { mode: r === "from" ? "stretch-from" : "stretch-to", subtask: a.subtask };
       }
-      if (qe(r, t, e) !== null)
-        return n.includes("move") || n.includes("lane") ? { mode: "move", subtask: r.subtask } : { mode: "pan", subtask: r.subtask };
+      if (as(a, t, e) !== null)
+        return i.includes("move") || i.includes("lane") ? { mode: "move", subtask: a.subtask } : { mode: "pan", subtask: a.subtask };
     }
     return { mode: "pan", subtask: null };
   }
   pointerMove(t) {
-    const { x: e, y: i } = this.local(t.clientX, t.clientY);
-    if (t.pointerType === "touch" && this.touches.has(t.pointerId) && (this.touches.set(t.pointerId, { x: e, y: i }), this.press.pointerMove(t), this.gesture.kind === "pinch")) {
-      const r = this.touchDistance();
-      r > 0 && this.gesture.distance > 0 && this.host.view.zoomAt(this.touchCentre(), this.gesture.distance / r) && this.host.viewMoved(!0), this.gesture = { kind: "pinch", distance: r };
+    const { x: e, y: n } = this.local(t.clientX, t.clientY);
+    if (t.pointerType === "touch" && this.touches.has(t.pointerId) && (this.touches.set(t.pointerId, { x: e, y: n }), this.press.pointerMove(t), this.gesture.kind === "pinch")) {
+      const a = this.touchDistance();
+      a > 0 && this.gesture.distance > 0 && this.host.view.zoomAt(this.touchCentre(), this.gesture.distance / a) && this.host.viewMoved(!0), this.gesture = { kind: "pinch", distance: a };
       return;
     }
-    const n = this.gesture;
-    if (n.kind === "pending" && n.pointerId === t.pointerId) {
-      if (Math.hypot(e - n.x0, i - n.y0) < (t.pointerType === "touch" ? gi : Be)) return;
-      n.mode === "pan" || n.subtask === null ? (this.gesture = { kind: "pan", pointerId: n.pointerId, lastX: n.x0, lastY: n.y0 }, this.setCursor("grabbing")) : this.startEdit(n, n.mode, n.subtask);
+    const i = this.gesture;
+    if (i.kind === "pending" && i.pointerId === t.pointerId) {
+      if (Math.hypot(e - i.x0, n - i.y0) < (t.pointerType === "touch" ? xi : ze)) return;
+      i.mode === "pan" || i.subtask === null ? (this.gesture = { kind: "pan", pointerId: i.pointerId, lastX: i.x0, lastY: i.y0 }, this.setCursor("grabbing")) : this.startEdit(i, i.mode, i.subtask);
     }
     const o = this.gesture;
     if (o.kind === "pan" && o.pointerId === t.pointerId) {
-      const r = this.host.view.pan(o.lastX - e, o.lastY - i);
-      r.moved && this.host.viewMoved(r.time), this.gesture = { ...o, lastX: e, lastY: i };
+      const a = this.host.view.pan(o.lastX - e, o.lastY - n);
+      a.moved && this.host.viewMoved(a.time), this.gesture = { ...o, lastX: e, lastY: n };
       return;
     }
     if (o.kind === "edit" && o.pointerId === t.pointerId) {
-      this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: e, y: i }, this.restOver(i), this.gesture = { ...o, ghost: this.heldGhost(o, e, i) }, this.setCursor(this.refused || this.blocked ? "not-allowed" : o.mode === "move" ? "grabbing" : "ew-resize"), this.host.interactionChanged(), this.autoPan();
+      this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: e, y: n }, this.restOver(n), this.gesture = { ...o, ghost: this.heldGhost(o, e, n) }, this.setCursor(this.refused || this.blocked ? "not-allowed" : o.mode === "move" ? "grabbing" : "ew-resize"), this.host.interactionChanged(), this.autoPan();
       return;
     }
-    o.kind === "none" && !this.loading && (this.byKeyboard = !1, this.hoverAt(t.clientX, t.clientY, e, i));
+    o.kind === "none" && !this.loading && (this.byKeyboard = !1, this.hoverAt(t.clientX, t.clientY, e, n));
   }
   /** The drag of `subtask` in `mode`, taking hold where the pending press
       stands. */
-  startEdit(t, e, i) {
+  startEdit(t, e, n) {
     this.gesture = {
       kind: "edit",
       pointerId: t.pointerId,
       mode: e,
-      subtask: i,
+      subtask: n,
       /* The working time the drag took hold at - not a pixel, because
          auto-pan moves the scale under a drag in flight. */
       t0: this.host.view.viewport().scale.fromPx(t.x0),
-      ghost: i,
+      ghost: n,
       /* Asked here, once, and drawn from the first frame of the drag: the
          lanes that are closed are marked before the pointer reaches one. */
-      refused: e === "move" ? this.askRefused(i, i.lane) : xe
+      refused: e === "move" ? this.askRefused(n, n.lane) : Ve
     }, this.setCursor(e === "move" ? "grabbing" : "ew-resize");
   }
   /** The finger has been held on a bar: the bar is grabbed, unless the finger
@@ -1763,8 +1849,8 @@ class vi {
   grab(t) {
     const e = this.gesture;
     if (!this.armed || this.loading || e.kind !== "pending") return;
-    const { x: i, y: n } = this.local(t.x, t.y), { mode: o, subtask: r } = this.modeAt(e.x0, e.y0);
-    o !== "move" || r === null || (this.lastClient = { x: t.x, y: t.y }, this.dragPoint = { x: i, y: n }, this.startEdit(e, o, r), this.host.interactionChanged());
+    const { x: n, y: i } = this.local(t.x, t.y), { mode: o, subtask: a } = this.modeAt(e.x0, e.y0);
+    o !== "move" || a === null || (this.lastClient = { x: t.x, y: t.y }, this.dragPoint = { x: n, y: i }, this.startEdit(e, o, a), this.host.interactionChanged());
   }
   /** The page's own scroll, while a bar is grabbed. Registered as not passive
       by the component: a passive listener cannot cancel it. Before the grab and
@@ -1778,22 +1864,22 @@ class vi {
       this.touches.size === 1 && o !== void 0 ? this.gesture = { kind: "pan", pointerId: o[0], lastX: o[1].x, lastY: o[1].y } : this.touches.size === 0 && (this.gesture = { kind: "none" });
       return;
     }
-    const e = this.gesture, { x: i, y: n } = this.local(t.clientX, t.clientY);
+    const e = this.gesture, { x: n, y: i } = this.local(t.clientX, t.clientY);
     if (e.kind === "pending" && e.pointerId === t.pointerId)
-      this.gesture = { kind: "none" }, this.click(t.clientX, t.clientY, i, n);
+      this.gesture = { kind: "none" }, this.click(t.clientX, t.clientY, n, i);
     else if (e.kind === "pan" && e.pointerId === t.pointerId)
-      this.gesture = { kind: "none" }, this.setCursor("default"), this.hoverAt(t.clientX, t.clientY, i, n);
+      this.gesture = { kind: "none" }, this.setCursor("default"), this.hoverAt(t.clientX, t.clientY, n, i);
     else if (e.kind === "edit" && e.pointerId === t.pointerId) {
-      if (t.pointerType === "touch" && (i < 0 || n < 0 || i > this.host.view.width || n > this.host.view.height)) {
+      if (t.pointerType === "touch" && (n < 0 || i < 0 || n > this.host.view.width || i > this.host.view.height)) {
         this.cancelEdit();
         return;
       }
       this.stopAutoPan(), this.closeGestureFolds(), this.gesture = { kind: "none" };
-      const o = e.ghost.lane === e.subtask.lane || this.allowed(e.subtask, e.ghost.lane), r = this.intentsOf(e.subtask, e.ghost, e.mode).filter(
-        (a) => o || a.kind !== "lane"
+      const o = e.ghost.lane === e.subtask.lane || this.allowed(e.subtask, e.ghost.lane), a = this.intentsOf(e.subtask, e.ghost, e.mode).filter(
+        (r) => o || r.kind !== "lane"
       );
       this.refused = !1, this.blocked = !1, this.cursor = "default", this.host.interactionChanged();
-      for (const a of r) this.host.handlers().onIntent?.(a);
+      for (const r of a) this.host.handlers().onIntent?.(r);
     }
   }
   /** While a drag is in flight near an edge, pans along once per frame and
@@ -1805,14 +1891,14 @@ class vi {
       this.panFrame = 0;
       const e = this.gesture;
       if (e.kind !== "edit" && e.kind !== "place") return;
-      const i = this.host.view, { x: n, y: o } = this.local(this.lastClient.x, this.lastClient.y), r = $e(n, i.width), a = $e(o, i.height);
-      if (r === 0 && a === 0) return;
-      const l = i.pan(r, a);
+      const n = this.host.view, { x: i, y: o } = this.local(this.lastClient.x, this.lastClient.y), a = Ke(i, n.width), r = Ke(o, n.height);
+      if (a === 0 && r === 0) return;
+      const l = n.pan(a, r);
       if (l.moved) {
-        if (this.dragPoint = { x: n, y: o }, e.kind === "edit")
-          this.gesture = { ...e, ghost: this.heldGhost(e, n, o) };
+        if (this.dragPoint = { x: i, y: o }, e.kind === "edit")
+          this.gesture = { ...e, ghost: this.heldGhost(e, i, o) };
         else {
-          const d = this.placeGhost(e.item, n, o, e.refused);
+          const d = this.placeGhost(e.item, i, o, e.refused);
           this.refused = d.refused, this.blocked = d.blocked, this.gesture = { ...e, ghost: d.ghost ?? e.ghost };
         }
         this.host.viewMoved(l.time), this.panFrame = requestAnimationFrame(t);
@@ -1832,8 +1918,8 @@ class vi {
       times would be a lie. Nothing is reported: no interaction happened. */
   refreshHover() {
     if (!this.idle || this.hoverKey === "nothing" || this.byKeyboard) return;
-    const { x: t, y: e } = this.hoverPoint, i = this.host.view.hitAt(t, e);
-    this.hover = i, this.hoverKey = xt(i);
+    const { x: t, y: e } = this.hoverPoint, n = this.host.view.hitAt(t, e);
+    this.hover = n, this.hoverKey = Ht(n);
   }
   pointerLeave() {
     this.gesture.kind !== "none" || this.byKeyboard || this.setHover({ kind: "nothing" }, "nothing");
@@ -1845,50 +1931,50 @@ class vi {
   }
   contextMenu(t) {
     if (this.host.handlers().onInteraction === void 0 || (t.preventDefault(), this.armed || this.editing || this.loading)) return;
-    const { x: e, y: i } = this.local(t.clientX, t.clientY);
-    this.report("contextmenu", this.host.view.hitAt(e, i), t.clientX, t.clientY, e, i);
+    const { x: e, y: n } = this.local(t.clientX, t.clientY);
+    this.report("contextmenu", this.host.view.hitAt(e, n), t.clientX, t.clientY, e, n);
   }
   /** The wheel, as every scrolling area has it:
       vertical scrolls the lanes, and lets the page scroll on once they are at
       their end; Ctrl or ⌘ zooms - a trackpad pinch arrives as a wheel with
       Ctrl -; horizontal or Shift pans through time. */
   wheel(t) {
-    const e = this.host.view, i = Math.max(0, Math.min(e.width, this.local(t.clientX, t.clientY).x)), n = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? e.height : 1, o = t.deltaX * n, r = t.deltaY * n;
+    const e = this.host.view, n = Math.max(0, Math.min(e.width, this.local(t.clientX, t.clientY).x)), i = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? e.height : 1, o = t.deltaX * i, a = t.deltaY * i;
     if (t.ctrlKey || t.metaKey) {
       t.preventDefault();
-      const d = Math.abs(r) < 50 ? 0.01 : 15e-4;
-      e.zoomAt(i, Math.exp(r * d)) && this.host.viewMoved(!0);
+      const d = Math.abs(a) < 50 ? 0.01 : 15e-4;
+      e.zoomAt(n, Math.exp(a * d)) && this.host.viewMoved(!0);
       return;
     }
-    if (Math.abs(o) > Math.abs(r) || t.shiftKey) {
+    if (Math.abs(o) > Math.abs(a) || t.shiftKey) {
       t.preventDefault();
-      const d = e.pan(t.shiftKey && o === 0 ? r : o, 0);
+      const d = e.pan(t.shiftKey && o === 0 ? a : o, 0);
       d.moved && this.host.viewMoved(d.time);
       return;
     }
-    const a = r > 0 ? e.maxScroll() - e.scrollY : e.scrollY;
-    if (r === 0 || a <= 0) return;
+    const r = a > 0 ? e.maxScroll() - e.scrollY : e.scrollY;
+    if (a === 0 || r <= 0) return;
     t.preventDefault();
-    const l = e.pan(0, r);
+    const l = e.pan(0, a);
     l.moved && this.host.viewMoved(l.time);
   }
-  click(t, e, i, n) {
-    const o = this.host.view.hitAt(i, n), r = o.kind === "subtask" ? o.subtask.task : o.kind === "dependency" ? this.host.data.taskOfDependency(o.dependency) : null;
-    this.host.select(r, o.kind === "subtask" ? o.subtask.id : null), this.report("click", o, t, e, i, n);
+  click(t, e, n, i) {
+    const o = this.host.view.hitAt(n, i), a = o.kind === "subtask" ? o.subtask.task : o.kind === "dependency" ? this.host.data.taskOfDependency(o.dependency) : null;
+    this.host.select(a, o.kind === "subtask" ? o.subtask.id : null), this.report("click", o, t, e, n, i);
   }
-  hoverAt(t, e, i, n) {
-    const o = this.host.view.hitAt(i, n), r = xt(o), { mode: a } = this.modeAt(i, n);
-    if (this.setCursor(a === "move" ? "grab" : a === "stretch-from" || a === "stretch-to" ? "ew-resize" : "default"), this.hoverPoint = { x: i, y: n }, r === this.hoverKey) {
+  hoverAt(t, e, n, i) {
+    const o = this.host.view.hitAt(n, i), a = Ht(o), { mode: r } = this.modeAt(n, i);
+    if (this.setCursor(r === "move" ? "grab" : r === "stretch-from" || r === "stretch-to" ? "ew-resize" : "default"), this.hoverPoint = { x: n, y: i }, a === this.hoverKey) {
       (o.kind === "subtask" || o.kind === "dependency" || o.kind === "milestone") && this.host.hoverChanged();
       return;
     }
-    this.setHover(o, r), this.report("hover", o, t, e, i, n);
+    this.setHover(o, a), this.report("hover", o, t, e, n, i);
   }
   /** The keyboard sets the hover: drawn, and its tooltip shown, as the
       pointer's would be - and reported to nobody, since `onInteraction`
       speaks of pointer positions. `nothing` hands the hover back. */
   setKeyboardHover(t, e) {
-    this.byKeyboard = t.kind !== "nothing", this.hoverPoint = e, this.hover = t, this.hoverKey = xt(t), this.host.interactionChanged();
+    this.byKeyboard = t.kind !== "nothing", this.hoverPoint = e, this.hover = t, this.hoverKey = Ht(t), this.host.interactionChanged();
   }
   setHover(t, e) {
     e !== this.hoverKey && (this.hoverKey = e, this.hover = t, this.host.hoverChanged());
@@ -1911,47 +1997,47 @@ class vi {
       dragging and handles the place intent, the drop is accepted and a ghost
       shows where the work would land. */
   dragOver(t, e) {
-    const i = this.host.view;
-    if (this.loading || e === null || !i.options.intents.includes("place")) return;
-    const { x: n, y: o } = this.local(t.clientX, t.clientY);
-    if (i.laneIdAt(o) === null && i.foldedGroupAt(o) === null) {
+    const n = this.host.view;
+    if (this.loading || e === null || !n.options.intents.includes("place")) return;
+    const { x: i, y: o } = this.local(t.clientX, t.clientY);
+    if (n.laneIdAt(o) === null && n.foldedGroupAt(o) === null) {
       this.clearPlacing();
       return;
     }
     t.preventDefault(), this.restOver(o);
-    const r = this.gesture.kind === "place" ? this.gesture.refused : (
+    const a = this.gesture.kind === "place" ? this.gesture.refused : (
       /* Work dragged in sits on no lane until it is dropped. Where the
          pointer is not over one either, the rule is asked about an item
          whose own lane is empty - which is the truth of it: `canMoveTo`
          is asked ABOUT a lane, and the one this item is on is none. */
-      this.askRefused(this.askedFor(e, this.onLane(o) ?? "", n), null)
-    ), a = this.placeGhost(e, n, o, r);
-    this.refused = a.refused, this.blocked = a.blocked, this.setCursor(a.refused || a.blocked ? "not-allowed" : "default");
-    const l = this.gesture.kind === "place" ? this.gesture.ghost : null, d = a.ghost ?? (a.refused || a.blocked ? l : null);
-    t.dataTransfer !== null && (t.dataTransfer.dropEffect = d === null ? "none" : "copy"), d !== null && (this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: n, y: o }, this.gesture = { kind: "place", ghost: d, item: e, refused: r }, this.host.interactionChanged(), this.autoPan());
+      this.askRefused(this.askedFor(e, this.onLane(o) ?? "", i), null)
+    ), r = this.placeGhost(e, i, o, a);
+    this.refused = r.refused, this.blocked = r.blocked, this.setCursor(r.refused || r.blocked ? "not-allowed" : "default");
+    const l = this.gesture.kind === "place" ? this.gesture.ghost : null, d = r.ghost ?? (r.refused || r.blocked ? l : null);
+    t.dataTransfer !== null && (t.dataTransfer.dropEffect = d === null ? "none" : "copy"), d !== null && (this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: i, y: o }, this.gesture = { kind: "place", ghost: d, item: e, refused: a }, this.host.interactionChanged(), this.autoPan());
   }
   /** The ghost of a drag from outside at a point on the plot: none off the
       lanes, none where the caller refuses that lane and none where it would
       cover blocked time - which the answer says apart, because they mean
       different things to the drag. */
-  placeGhost(t, e, i, n) {
-    const o = this.onLane(i);
+  placeGhost(t, e, n, i) {
+    const o = this.onLane(n);
     if (o === null) return { ghost: null, refused: !1, blocked: !1 };
-    if (n.has(o)) return { ghost: null, refused: !0, blocked: !1 };
-    const r = { ...this.askedFor(t, o, e), id: Re };
-    return dt(r, null, this.host.data.blocked) ? { ghost: null, refused: !1, blocked: !0 } : { ghost: r, refused: !1, blocked: !1 };
+    if (i.has(o)) return { ghost: null, refused: !0, blocked: !1 };
+    const a = { ...this.askedFor(t, o, e), id: Ye };
+    return ct(a, null, this.host.data.blocked) ? { ghost: null, refused: !1, blocked: !0 } : { ghost: a, refused: !1, blocked: !1 };
   }
   /** The dragged item as a subtask, under the caller's key for it - not the
       internal sentinel: the rule is asked about the thing the application says
       it is dragging, and the ghost only afterwards takes the sentinel. */
-  askedFor(t, e, i) {
-    const n = this.snapInside(this.host.view.timeAt(i), this.snapStep());
+  askedFor(t, e, n) {
+    const i = this.snapInside(this.host.view.timeAt(n), this.snapStep());
     return {
       id: t.item,
       task: t.task,
       lane: e,
-      from: n,
-      to: n + t.duration,
+      from: i,
+      to: i + t.duration,
       ...t.leadIn === void 0 ? {} : { leadIn: t.leadIn },
       ...t.leadOut === void 0 ? {} : { leadOut: t.leadOut }
     };
@@ -1962,17 +2048,17 @@ class vi {
     const e = this.gesture;
     if (e.kind !== "place") return;
     t.preventDefault();
-    const { ghost: i, item: n } = e;
-    if (this.stopAutoPan(), this.closeGestureFolds(), this.gesture = { kind: "none" }, this.refused = !1, this.blocked = !1, this.cursor = "default", this.host.interactionChanged(), !this.allowed({ ...i, id: n.item }, i.lane)) return;
+    const { ghost: n, item: i } = e;
+    if (this.stopAutoPan(), this.closeGestureFolds(), this.gesture = { kind: "none" }, this.refused = !1, this.blocked = !1, this.cursor = "default", this.host.interactionChanged(), !this.allowed({ ...n, id: i.item }, n.lane)) return;
     const o = {
       kind: "place",
-      item: n.item,
-      task: i.task,
-      lane: i.lane,
-      from: i.from,
-      to: i.to,
-      ...i.leadIn === void 0 ? {} : { leadIn: i.leadIn },
-      ...i.leadOut === void 0 ? {} : { leadOut: i.leadOut }
+      item: i.item,
+      task: n.task,
+      lane: n.lane,
+      from: n.from,
+      to: n.to,
+      ...n.leadIn === void 0 ? {} : { leadIn: n.leadIn },
+      ...n.leadOut === void 0 ? {} : { leadOut: n.leadOut }
     };
     this.host.handlers().onIntent?.(o);
   }
@@ -1994,29 +2080,29 @@ class vi {
       put the work into blocked time it did not already cover, the ghost where
       it last stood. It is held, not clamped: a pointer carried on past the
       blocked time takes the ghost along again. */
-  heldGhost(t, e, i) {
-    const n = this.ghostFor(t, e, i);
-    return this.blocked = dt(n, t.subtask, this.host.data.blocked), this.blocked ? t.ghost : n;
+  heldGhost(t, e, n) {
+    const i = this.ghostFor(t, e, n);
+    return this.blocked = ct(i, t.subtask, this.host.data.blocked), this.blocked ? t.ghost : i;
   }
-  ghostFor(t, e, i) {
-    const n = this.host.view, o = t.subtask, r = this.snapStep(), a = n.options.intents, l = this.snapInside(n.timeAt(e), r);
+  ghostFor(t, e, n) {
+    const i = this.host.view, o = t.subtask, a = this.snapStep(), r = i.options.intents, l = this.snapInside(i.timeAt(e), a);
     switch (t.mode) {
       case "move": {
         let d = o.from;
-        const h = n.viewport().scale, c = h.fromPx(e) - t.t0;
-        a.includes("move") && Math.abs(c * h.m) >= Be && (d = this.shifted(o.from, c, r));
-        let f = t.ghost.lane;
-        if (a.includes("lane")) {
-          const g = this.onLane(i) ?? f;
-          this.refused = t.refused.has(g), this.refused || (f = g);
+        const h = i.viewport().scale, c = h.fromPx(e) - t.t0;
+        r.includes("move") && Math.abs(c * h.m) >= ze && (d = this.shifted(o.from, c, a));
+        let m = t.ghost.lane;
+        if (r.includes("lane")) {
+          const k = this.onLane(n) ?? m;
+          this.refused = t.refused.has(k), this.refused || (m = k);
         } else
           this.refused = !1;
-        return { ...o, from: d, to: d + (o.to - o.from), lane: f };
+        return { ...o, from: d, to: d + (o.to - o.from), lane: m };
       }
       case "stretch-from":
-        return { ...o, from: Math.min(l, o.to - Math.max(r.step, q)) };
+        return { ...o, from: Math.min(l, o.to - Math.max(a.step, Z)) };
       case "stretch-to":
-        return { ...o, to: Math.max(l, o.from + Math.max(r.step, q)) };
+        return { ...o, to: Math.max(l, o.from + Math.max(a.step, Z)) };
       case "leadIn":
         return { ...o, leadIn: Math.max(0, o.from - l) };
       case "leadOut":
@@ -2026,20 +2112,20 @@ class vi {
   /** A time moved by an amount of WORKING time and snapped: a drag moves
       a start this way, and a key by one step of the raster - one arithmetic,
       so a key proposes exactly what a drag of that length would. */
-  shifted(t, e, i) {
-    const n = vt(this.host.view.options.calendar), o = H(t, n) + e, r = ht(o, n);
-    return this.snapInside(r, i);
+  shifted(t, e, n) {
+    const i = Tt(this.host.view.options.calendar), o = V(t, i) + e, a = ut(o, i);
+    return this.snapInside(a, n);
   }
   /** Snapped - and, where the raster lands in time the calendar removes, moved
       on to the seam, where time counts again. An intent never asks for a time
       nobody works. */
   snapInside(t, e) {
-    const i = $s(t, e), n = vt(this.host.view.options.calendar);
-    return n.intervals.length === 0 ? i : Vt(H(i, n), n);
+    const n = zs(t, e, this.host.view.options.timeZone), i = Tt(this.host.view.options.calendar);
+    return i.intervals.length === 0 ? n : qt(V(n, i), i);
   }
-  intentsOf(t, e, i) {
-    const n = [], o = this.host.view.options.intents, r = t.id;
-    return i === "move" ? (e.from !== t.from && o.includes("move") && n.push({ kind: "move", subtask: r, from: e.from, to: e.to }), e.lane !== t.lane && o.includes("lane") && n.push({ kind: "lane", subtask: r, lane: e.lane })) : i === "stretch-from" || i === "stretch-to" ? (e.from !== t.from || e.to !== t.to) && n.push({ kind: "stretch", subtask: r, from: e.from, to: e.to }) : i === "leadIn" ? (e.leadIn ?? 0) !== (t.leadIn ?? 0) && n.push({ kind: "leadIn", subtask: r, leadIn: e.leadIn ?? 0 }) : (e.leadOut ?? 0) !== (t.leadOut ?? 0) && n.push({ kind: "leadOut", subtask: r, leadOut: e.leadOut ?? 0 }), n;
+  intentsOf(t, e, n) {
+    const i = [], o = this.host.view.options.intents, a = t.id;
+    return n === "move" ? (e.from !== t.from && o.includes("move") && i.push({ kind: "move", subtask: a, from: e.from, to: e.to }), e.lane !== t.lane && o.includes("lane") && i.push({ kind: "lane", subtask: a, lane: e.lane })) : n === "stretch-from" || n === "stretch-to" ? (e.from !== t.from || e.to !== t.to) && i.push({ kind: "stretch", subtask: a, from: e.from, to: e.to }) : n === "leadIn" ? (e.leadIn ?? 0) !== (t.leadIn ?? 0) && i.push({ kind: "leadIn", subtask: a, leadIn: e.leadIn ?? 0 }) : (e.leadOut ?? 0) !== (t.leadOut ?? 0) && i.push({ kind: "leadOut", subtask: a, leadOut: e.leadOut ?? 0 }), i;
   }
   /** The lane the ghost came from - the only other lane a drag can touch. */
   ghostHome(t) {
@@ -2055,68 +2141,68 @@ class vi {
         keeps a plan of hundreds of tasks fluid while a drag runs, since this is
         computed on every pointer movement. */
   ghostFindings(t, e) {
-    const i = this.host.data, n = (h) => h.lane === t.lane || h.lane === e, r = [...i.subtasks.filter((h) => h.id !== t.id && n(h)), t], a = (h) => h.first === t.id || h.second === t.id, l = i.dependencies.filter((h) => h.from === t.id || h.to === t.id), d = t.id === Re ? i.subtasks : i.subtasks.map((h) => h.id === t.id ? t : h);
-    return { overlaps: Xt(r).filter(a), violated: qt(d, l) };
+    const n = this.host.data, i = (h) => h.lane === t.lane || h.lane === e, a = [...n.subtasks.filter((h) => h.id !== t.id && i(h)), t], r = (h) => h.first === t.id || h.second === t.id, l = n.dependencies.filter((h) => h.from === t.id || h.to === t.id), d = t.id === Ye ? n.subtasks : n.subtasks.map((h) => h.id === t.id ? t : h);
+    return { overlaps: ee(a).filter(r), violated: se(d, l) };
   }
 }
-function yi(s, t) {
+function Pi(s, t) {
   const e = /* @__PURE__ */ new Map();
-  for (const i of t) {
-    const n = s.slots.get(i.lane), o = n === void 0 ? null : st(s, n.top);
+  for (const n of t) {
+    const i = s.slots.get(n.lane), o = i === void 0 ? null : ot(s, i.top);
     if (o === null) continue;
-    const r = s.rows.indexOf(o);
-    e.set(r, [...e.get(r) ?? [], i]);
+    const a = s.rows.indexOf(o);
+    e.set(a, [...e.get(a) ?? [], n]);
   }
-  return [...e.entries()].sort(([i], [n]) => i - n).map(([, i]) => i.sort((n, o) => n.from - o.from || n.to - o.to));
+  return [...e.entries()].sort(([n], [i]) => n - i).map(([, n]) => n.sort((i, o) => i.from - o.from || i.to - o.to));
 }
-const Ne = (s, t) => t < s.from ? s.from - t : t > s.to ? t - s.to : 0;
-function wi(s, t, e, i) {
-  let n = -1, o = -1;
-  for (let d = 0; d < s.length && t !== null && n < 0; d++)
-    o = s[d].findIndex((h) => h.id === t), o >= 0 && (n = d);
-  if (n < 0) {
+const We = (s, t) => t < s.from ? s.from - t : t > s.to ? t - s.to : 0;
+function Gi(s, t, e, n) {
+  let i = -1, o = -1;
+  for (let d = 0; d < s.length && t !== null && i < 0; d++)
+    o = s[d].findIndex((h) => h.id === t), o >= 0 && (i = d);
+  if (i < 0) {
     for (const d of s) {
-      const h = d.find((c) => c.to > i[0] && c.from < i[1]);
+      const h = d.find((c) => c.to > n[0] && c.from < n[1]);
       if (h !== void 0) return h;
     }
     return s[0]?.[0] ?? null;
   }
-  const r = s[n], a = r[o], l = (i[1] - i[0]) / 10;
+  const a = s[i], r = a[o], l = (n[1] - n[0]) / 10;
   switch (e) {
     case "next":
-      return r[o + 1] ?? a;
+      return a[o + 1] ?? r;
     case "previous":
-      return r[o - 1] ?? a;
+      return a[o - 1] ?? r;
     case "first":
-      return r[0];
+      return a[0];
     case "last":
-      return r[r.length - 1];
+      return a[a.length - 1];
     case "pageNext":
-      return r.find((d, h) => h > o && d.from >= a.from + l) ?? r[r.length - 1];
+      return a.find((d, h) => h > o && d.from >= r.from + l) ?? a[a.length - 1];
     case "pagePrevious":
-      for (let d = o - 1; d >= 0; d--) if (r[d].from <= a.from - l) return r[d];
-      return r[0];
+      for (let d = o - 1; d >= 0; d--) if (a[d].from <= r.from - l) return a[d];
+      return a[0];
     case "up":
     case "down": {
-      const d = s[e === "up" ? n - 1 : n + 1];
-      if (d === void 0) return a;
-      const h = (a.from + a.to) / 2;
-      return d.reduce((c, f) => Ne(f, h) < Ne(c, h) ? f : c);
+      const d = s[e === "up" ? i - 1 : i + 1];
+      if (d === void 0) return r;
+      const h = (r.from + r.to) / 2;
+      return d.reduce((c, m) => We(m, h) < We(c, h) ? m : c);
     }
   }
 }
-function bi(s, t, e, i) {
+function Hi(s, t, e, n) {
   if (e.kind === "milestone") return e;
   if (e.kind === "dependency") {
-    const o = s.find((a) => a.id === e.id), r = o === void 0 ? void 0 : i === "out" ? o.to : o.from;
-    return r !== void 0 && t.has(r) ? { kind: "subtask", id: r } : e;
+    const o = s.find((r) => r.id === e.id), a = o === void 0 ? void 0 : n === "out" ? o.to : o.from;
+    return a !== void 0 && t.has(a) ? { kind: "subtask", id: a } : e;
   }
-  const n = s.find(
-    (o) => (i === "out" ? o.from : o.to) === e.id && t.has(i === "out" ? o.to : o.from)
+  const i = s.find(
+    (o) => (n === "out" ? o.from : o.to) === e.id && t.has(n === "out" ? o.to : o.from)
   );
-  return n === void 0 ? e : { kind: "dependency", id: n.id };
+  return i === void 0 ? e : { kind: "dependency", id: i.id };
 }
-const kt = "\0milestone:", Mi = 150, Ti = {
+const Mt = "\0milestone:", Ue = 150, Xe = 1.25, Ki = {
   ArrowRight: "next",
   ArrowLeft: "previous",
   ArrowUp: "up",
@@ -2126,7 +2212,7 @@ const kt = "\0milestone:", Mi = 150, Ti = {
   PageDown: "pageNext",
   PageUp: "pagePrevious"
 };
-class Si {
+class Yi {
   constructor(t) {
     this.host = t;
   }
@@ -2151,33 +2237,46 @@ class Si {
   key(t) {
     const e = this.host.gestures;
     if (t.metaKey || !e.idle) return !1;
-    const i = t.key.toLowerCase() === "t" && !t.ctrlKey && !t.altKey;
-    if (t.key === "]" || t.key === "[" || i) {
+    const n = t.key.toLowerCase() === "t" && !t.ctrlKey && !t.altKey;
+    if (t.key === "]" || t.key === "[" || n) {
       const o = this.active();
       if (o === null) return !1;
-      const r = this.host.data, a = i ? !t.shiftKey : t.key === "]";
-      return this.show(bi(r.dependencies, r.subtaskById, o, a ? "out" : "back")), !0;
+      const a = this.host.data, r = n ? !t.shiftKey : t.key === "]";
+      return this.show(Hi(a.dependencies, a.subtaskById, o, r ? "out" : "back")), !0;
     }
     if (t.ctrlKey) return !1;
+    if (!t.altKey && this.zoom(t)) return !0;
     if (t.altKey) return this.edit(t);
     if (t.key === "Escape")
       return e.byKeyboard ? (this.blur(), !0) : !1;
     if (t.key === "Enter" || t.key === " ") return this.select();
-    const n = t.shiftKey ? void 0 : Ti[t.key];
-    return n === void 0 ? !1 : (this.walk(n), !0);
+    const i = t.shiftKey ? void 0 : Ki[t.key];
+    return i === void 0 ? !1 : (this.walk(i), !0);
+  }
+  /** + and = zoom in, - and _ zoom out, 0 fits the work: by the character, so
+      that every layout reaches them (Shift is how a US keyboard types +). The
+      anchor is the middle of the active subtask's main time, else of the plot. */
+  zoom(t) {
+    const e = t.key === "+" || t.key === "=" ? 1 / Xe : t.key === "-" || t.key === "_" ? Xe : 1;
+    if (e === 1 && t.key !== "0") return !1;
+    if (e !== 1) {
+      const n = this.active(), i = n?.kind === "subtask" ? this.host.view.boxById.get(n.id) : void 0, o = this.host.view.width;
+      this.host.zoomBy(i === void 0 ? o / 2 : Math.max(0, Math.min(o, (i.mainFrom + i.mainTo) / 2)), e);
+    } else this.host.fitWork();
+    return this.scheduleSpan(), !0;
   }
   walk(t) {
-    const { data: e, view: i } = this.host, n = this.active(), o = n === null ? null : n.kind === "subtask" ? n.id : n.kind === "milestone" ? kt + n.id : e.dependencies.find((d) => d.id === n.id)?.from ?? null, r = [...e.subtasks, ...e.milestones.map((d) => ({ id: kt + d.id, lane: d.lane, from: d.at, to: d.at }))];
-    let a = yi(i.rows, r);
+    const { data: e, view: n } = this.host, i = this.active(), o = i === null ? null : i.kind === "subtask" ? i.id : i.kind === "milestone" ? Mt + i.id : e.dependencies.find((d) => d.id === i.id)?.from ?? null, a = [...e.subtasks, ...e.milestones.map((d) => ({ id: Mt + d.id, lane: d.lane, from: d.at, to: d.at }))];
+    let r = Pi(n.rows, a);
     if (o === null) {
-      const d = a.filter((h) => {
-        const c = J(i.viewport(), h[0].lane);
-        return c !== null && c.top + c.height > 0 && c.top < i.height;
+      const d = r.filter((h) => {
+        const c = tt(n.viewport(), h[0].lane);
+        return c !== null && c.top + c.height > 0 && c.top < n.height;
       });
-      d.length > 0 && (a = d);
+      d.length > 0 && (r = d);
     }
-    const l = wi(a, o, t, this.host.visibleDomain());
-    l !== null && this.show(l.id.startsWith(kt) ? { kind: "milestone", id: l.id.slice(kt.length) } : { kind: "subtask", id: l.id });
+    const l = Gi(r, o, t, this.host.visibleDomain());
+    l !== null && this.show(l.id.startsWith(Mt) ? { kind: "milestone", id: l.id.slice(Mt.length) } : { kind: "subtask", id: l.id });
   }
   /** Space and Enter select as a click does: the whole task, and the subtask. */
   select() {
@@ -2191,81 +2290,81 @@ class Si {
       end - the intents a drag of that length reports (ADR-0023), and only
       where the caller handles them. Nothing is applied here. */
   edit(t) {
-    const e = this.host.gestures.hover, i = t.key === "ArrowRight" ? 1 : t.key === "ArrowLeft" ? -1 : 0;
-    if (i === 0) return !1;
+    const e = this.host.gestures.hover, n = t.key === "ArrowRight" ? 1 : t.key === "ArrowLeft" ? -1 : 0;
+    if (n === 0) return !1;
     if (this.host.gestures.loading || e.kind !== "subtask") return !0;
-    const n = e.subtask, o = this.host.gestures, r = this.host.view.options.intents, a = o.snapStep(), l = a.step > 0 ? a : { step: this.host.view.step(), offset: 0 }, d = this.host.data.blocked;
+    const i = e.subtask, o = this.host.gestures, a = this.host.view.options.intents, r = o.snapStep(), l = r.step > 0 ? r : { step: this.host.view.step(), offset: 0 }, d = this.host.data.blocked;
     let h = null;
-    if (!t.shiftKey && r.includes("move")) {
-      const c = (g) => ({ ...n, from: g, to: g + (n.to - n.from) });
-      let f = n.from;
-      for (let g = 0; g < 1e3; g++) {
-        const v = o.shifted(f, i * l.step, l);
-        if (v === f || (f = v, !dt(c(f), n, d))) break;
+    if (!t.shiftKey && a.includes("move")) {
+      const c = (k) => ({ ...i, from: k, to: k + (i.to - i.from) });
+      let m = i.from;
+      for (let k = 0; k < 1e3; k++) {
+        const f = o.shifted(m, n * l.step, l);
+        if (f === m || (m = f, !ct(c(m), i, d))) break;
       }
-      f !== n.from && !dt(c(f), n, d) && (h = { kind: "move", subtask: n.id, from: f, to: c(f).to });
-    } else if (t.shiftKey && r.includes("stretch")) {
-      const c = Math.max(o.shifted(n.to, i * l.step, l), n.from + Math.max(l.step, q));
-      c !== n.to && !dt({ ...n, to: c }, n, d) && (h = { kind: "stretch", subtask: n.id, from: n.from, to: c });
+      m !== i.from && !ct(c(m), i, d) && (h = { kind: "move", subtask: i.id, from: m, to: c(m).to });
+    } else if (t.shiftKey && a.includes("stretch")) {
+      const c = Math.max(o.shifted(i.to, n * l.step, l), i.from + Math.max(l.step, Z));
+      c !== i.to && !ct({ ...i, to: c }, i, d) && (h = { kind: "stretch", subtask: i.id, from: i.from, to: c });
     }
     return o.byKeyboard = !0, h !== null && this.host.handlers().onIntent?.(h), this.scheduleReadout(), !0;
   }
   /** The keys stand on this target: brought into view, drawn as the hover. */
   show(t, e = !0) {
-    const i = this.hitOf(t);
-    if (i === null) return;
-    e && this.reveal(t);
-    const n = this.bounds(t);
+    const n = this.hitOf(t);
     if (n === null) return;
-    const { view: o } = this.host, r = (a, l) => Math.max(0, Math.min(l, a));
-    this.host.gestures.setKeyboardHover(i, {
-      x: (r(n.x0, o.width) + r(n.x1, o.width)) / 2,
-      y: (r(n.y0, o.height) + r(n.y1, o.height)) / 2
+    e && this.reveal(t);
+    const i = this.bounds(t);
+    if (i === null) return;
+    const { view: o } = this.host, a = (r, l) => Math.max(0, Math.min(l, r));
+    this.host.gestures.setKeyboardHover(n, {
+      x: (a(i.x0, o.width) + a(i.x1, o.width)) / 2,
+      y: (a(i.y0, o.height) + a(i.y1, o.height)) / 2
     }), e && this.scheduleReadout();
   }
   hitOf(t) {
     const e = this.host.data;
     if (t.kind === "subtask") {
-      const n = e.subtaskById.get(t.id);
-      return n === void 0 ? null : { kind: "subtask", subtask: n, part: "main" };
+      const i = e.subtaskById.get(t.id);
+      return i === void 0 ? null : { kind: "subtask", subtask: i, part: "main" };
     }
     if (t.kind === "milestone") {
-      const n = e.milestones.find((o) => o.id === t.id);
-      return n === void 0 ? null : { kind: "milestone", milestone: n };
+      const i = e.milestones.find((o) => o.id === t.id);
+      return i === void 0 ? null : { kind: "milestone", milestone: i };
     }
-    const i = e.dependencies.find((n) => n.id === t.id);
-    return i === void 0 ? null : { kind: "dependency", dependency: i };
+    const n = e.dependencies.find((i) => i.id === t.id);
+    return n === void 0 ? null : { kind: "dependency", dependency: n };
   }
   /** Where a target lies on the plot: a subtask's bar, or the span between
       the two bars a dependency joins. */
   bounds(t) {
-    const e = this.host.view, i = (a) => e.boxById.get(a);
+    const e = this.host.view, n = (r) => e.boxById.get(r);
     if (t.kind === "subtask") {
-      const a = i(t.id);
-      return a === void 0 ? null : { x0: a.outerFrom, x1: a.outerTo, y0: a.y, y1: a.y + a.height };
+      const r = n(t.id);
+      return r === void 0 ? null : { x0: r.outerFrom, x1: r.outerTo, y0: r.y, y1: r.y + r.height };
     }
     if (t.kind === "milestone") {
-      const a = this.host.data.milestones.find((d) => d.id === t.id), l = a === void 0 ? null : Qt(e.viewport(), a);
+      const r = this.host.data.milestones.find((d) => d.id === t.id), l = r === void 0 ? null : ae(e.viewport(), r);
       return l === null ? null : { x0: l.x - l.half, x1: l.x + l.half, y0: l.y - l.half, y1: l.y + l.half };
     }
-    const n = this.host.data.dependencies.find((a) => a.id === t.id), o = n === void 0 ? void 0 : i(n.from), r = n === void 0 ? void 0 : i(n.to);
-    return o === void 0 || r === void 0 ? null : {
-      x0: Math.min(o.mainTo, r.mainFrom),
-      x1: Math.max(o.mainTo, r.mainFrom),
-      y0: Math.min(o.y, r.y),
-      y1: Math.max(o.y + o.height, r.y + r.height)
+    const i = this.host.data.dependencies.find((r) => r.id === t.id), o = i === void 0 ? void 0 : n(i.from), a = i === void 0 ? void 0 : n(i.to);
+    return o === void 0 || a === void 0 ? null : {
+      x0: Math.min(o.mainTo, a.mainFrom),
+      x1: Math.max(o.mainTo, a.mainFrom),
+      y0: Math.min(o.y, a.y),
+      y1: Math.max(o.y + o.height, a.y + a.height)
     };
   }
   /** Pans and scrolls just enough to bring a target into view, with a margin
       at the side it came in from; a target wider than the view shows its
       start. As a drag at the edge pans along, the keys do. */
   reveal(t) {
-    const e = this.bounds(t), i = this.host.view;
-    if (e === null || i.width <= 0) return;
-    const n = Math.min(24, i.width / 10), o = e.x0 < 0 ? e.x0 - n : e.x1 > i.width ? Math.max(0, Math.min(e.x1 - i.width + n, e.x0 - n)) : 0, r = e.y0 < 0 ? e.y0 : e.y1 > i.height ? Math.min(e.y1 - i.height, e.y0) : 0;
-    if (o === 0 && r === 0) return;
-    const a = i.pan(o, r);
-    a.moved && this.host.viewMoved(a.time);
+    const e = this.bounds(t), n = this.host.view;
+    if (e === null || n.width <= 0) return;
+    const i = Math.min(24, n.width / 10), o = e.x0 < 0 ? e.x0 - i : e.x1 > n.width ? Math.max(0, Math.min(e.x1 - n.width + i, e.x0 - i)) : 0, a = e.y0 < 0 ? e.y0 : e.y1 > n.height ? Math.min(e.y1 - n.height, e.y0) : 0;
+    if (o === 0 && a === 0) return;
+    const r = n.pan(o, a);
+    r.moved && this.host.viewMoved(r.time);
   }
   /** After the data or the view changed: the keys' target is read anew by its
       id - its new times, its new place -, and dropped where it is gone. */
@@ -2282,29 +2381,35 @@ class Si {
       if (!this.host.gestures.byKeyboard) return;
       const e = this.host.data.tooltipTargetFor(t);
       e !== null && (this.spoken = { target: e, lane: t.kind === "subtask" ? t.subtask.lane : t.kind === "milestone" ? t.milestone.lane : null, count: (this.spoken?.count ?? 0) + 1 }, this.host.spokenChanged());
-    }, Mi);
+    }, Ue);
+  }
+  /** The span in view, said once the keys rest - also after a key that changed nothing. */
+  scheduleSpan() {
+    this.timer !== null && clearTimeout(this.timer), this.timer = setTimeout(() => {
+      this.timer = null, this.spoken = { target: null, lane: null, span: this.host.visibleDomain(), count: (this.spoken?.count ?? 0) + 1 }, this.host.spokenChanged();
+    }, Ue);
   }
   /** Unmount: no readout after it. */
   stop() {
     this.timer !== null && clearTimeout(this.timer), this.timer = null;
   }
 }
-const et = (s) => JSON.stringify([s.domain ?? null, [...s.folded ?? []].sort()]);
-function Ii(s, t) {
+const nt = (s) => JSON.stringify([s.domain ?? null, [...s.folded ?? []].sort()]);
+function Vi(s, t) {
   if (t.size === 0 || s.folded === void 0) return s;
-  const e = s.folded.filter((i) => t.has(i));
+  const e = s.folded.filter((n) => t.has(n));
   return e.length === s.folded.length ? s : { ...s.domain ? { domain: s.domain } : {}, ...e.length ? { folded: e } : {} };
 }
-function Li(s, t, e = (i) => i) {
+function zi(s, t, e = (n) => n) {
   if (s.length === 0) return null;
-  let i = 1 / 0, n = -1 / 0;
-  for (const a of s)
-    i = Math.min(i, a.from - (a.leadIn ?? 0)), n = Math.max(n, a.to + (a.leadOut ?? 0));
-  i = e(i), n = e(n);
-  const o = Math.min(t.max, Math.max(t.min, n - i)), r = (i + n) / 2;
-  return [r - o / 2, r + o / 2];
-}
-const Pe = {
+  let n = 1 / 0, i = -1 / 0;
+  for (const r of s)
+    n = Math.min(n, r.from - (r.leadIn ?? 0)), i = Math.max(i, r.to + (r.leadOut ?? 0));
+  n = e(n), i = e(i);
+  const o = Math.min(t.max, Math.max(t.min, i - n)), a = (n + i) / 2;
+  return [a - o / 2, a + o / 2];
+}
+const qe = {
   width: 0,
   height: 0,
   scrollY: 0,
@@ -2320,12 +2425,13 @@ const Pe = {
   loading: !1,
   now: null,
   bars: [],
+  dataTable: null,
   spoken: null,
   summary: { lanes: 0, subtasks: 0, from: 0, to: 0, overlaps: 0, violated: 0, blocked: 0, milestones: 0 }
 };
-class Ai {
-  data = new Wn(() => this.viewChanged());
-  view = new sn(this.data);
+class Wi {
+  data = new ui(() => this.viewChanged());
+  view = new gn(this.data);
   gestures;
   keys;
   handlersNow = {};
@@ -2366,28 +2472,33 @@ class Ai {
   movePending = !1;
   domainFrame = 0;
   unsubscribeTheme = null;
-  snapshot = Pe;
+  snapshot = qe;
+  dataTable = null;
   listeners = /* @__PURE__ */ new Set();
   constructor(t = {}) {
-    this.folded = t.folded ?? [], this.domainInView = t.domain ?? null, this.domainInView !== null && this.view.showWall(this.domainInView), this.viewNow = this.currentView(), this.gestures = new vi({
+    this.folded = t.folded ?? [], this.domainInView = t.domain ?? null, this.domainInView !== null && this.view.showWall(this.domainInView), this.viewNow = this.currentView(), this.gestures = new Ri({
       data: this.data,
       view: this.view,
       plotElement: () => this.plot,
       handlers: () => this.handlersNow,
       selectedSubtask: () => this.selected,
-      select: (e, i) => this.select(e, i),
+      select: (e, n) => this.select(e, n),
       viewChanged: () => this.viewChanged(),
       viewMoved: (e) => this.viewMoved(e),
       interactionChanged: () => this.interactionChanged(),
       hoverChanged: () => this.hoverChanged()
-    }), this.keys = new Si({
+    }), this.keys = new Yi({
       data: this.data,
       view: this.view,
       gestures: this.gestures,
       handlers: () => this.handlersNow,
       visibleDomain: () => this.visibleDomain(),
-      select: (e, i) => this.select(e, i),
+      select: (e, n) => this.select(e, n),
       viewMoved: (e) => this.viewMoved(e),
+      zoomBy: (e, n) => {
+        this.view.zoomAt(e, n) && this.viewMoved(!0);
+      },
+      fitWork: () => this.setDomain(null),
       spokenChanged: () => this.publish()
     });
   }
@@ -2403,6 +2514,17 @@ class Ai {
   registerLayer = (t) => this.data.registerLayer(t);
   updateLayer = (t, e) => this.data.updateLayer(t, e);
   unregisterLayer = (t) => this.data.unregisterLayer(t);
+  /** The plan's table (one per schedule) registers under its panel's id and
+      starts closed; opening it changes no pixel of the plot. */
+  registerDataTable(t) {
+    this.dataTable = { id: t, open: !1 }, this.publish();
+  }
+  unregisterDataTable() {
+    this.dataTable = null, this.publish();
+  }
+  toggleDataTable() {
+    this.dataTable !== null && (this.dataTable = { ...this.dataTable, open: !this.dataTable.open }, this.publish());
+  }
   setOptions(t) {
     this.view.setOptions(t), this.viewChanged();
   }
@@ -2430,7 +2552,7 @@ class Ai {
   getView = () => this.viewNow;
   /** Goes to a whole view (`setView`); what it leaves out goes back to its default. */
   applyView(t) {
-    et(t) !== et(this.viewNow) && (this.actedOn = !0, this.folded = t.folded ?? [], this.setDomain(t.domain ?? null));
+    nt(t) !== nt(this.viewNow) && (this.actedOn = !0, this.folded = t.folded ?? [], this.setDomain(t.domain ?? null));
   }
   /** Puts a span of two wall-clock instants in view; null shows the
       subtasks' extent. */
@@ -2440,7 +2562,7 @@ class Ai {
   /** Folds or unfolds one group. */
   toggleGroup = (t) => {
     const e = this.viewNow.folded ?? [];
-    this.actedOn = !0, this.folded = e.includes(t) ? e.filter((i) => i !== t) : [...e, t], this.viewChanged();
+    this.actedOn = !0, this.folded = e.includes(t) ? e.filter((n) => n !== t) : [...e, t], this.viewChanged();
   };
   foldAll = () => {
     this.actedOn = !0, this.folded = this.data.groups.map((t) => t.id), this.viewChanged();
@@ -2449,14 +2571,14 @@ class Ai {
     this.actedOn = !0, this.folded = [], this.viewChanged();
   };
   currentView() {
-    return Ii(
+    return Vi(
       { ...this.domainInView === null ? {} : { domain: this.domainInView }, ...this.folded.length > 0 ? { folded: this.folded } : {} },
       new Set(this.data.groups.map((t) => t.id))
     );
   }
   publishView() {
     const t = this.currentView();
-    if (et(t) !== et(this.viewNow)) {
+    if (nt(t) !== nt(this.viewNow)) {
       this.viewNow = t;
       for (const e of this.viewListeners) e();
     }
@@ -2464,13 +2586,13 @@ class Ai {
   /** The subtasks' extent within the zoom limits, while the view names no
       span - and the local day of today while there is no work to show. */
   fit() {
-    const t = this.view.options.calendar, e = Li(this.data.subtasks, this.view.options.zoomLimits, (n) => H(n, t));
+    const t = this.view.options.calendar, e = zi(this.data.subtasks, this.view.options.zoomLimits, (l) => V(l, t));
     if (e !== null) {
       this.view.domain = e, this.fitted = !0;
       return;
     }
-    const i = /* @__PURE__ */ new Date();
-    i.setHours(0, 0, 0, 0), this.view.showWall([i.getTime(), i.getTime() + U]);
+    const n = this.view.options.timeZone, i = Ys(Date.now(), n), { year: o, month: a, day: r } = Qe(i, n);
+    this.view.showWall([i.getTime(), Kt({ year: o, month: a, day: r + 1 }, n).getTime()]);
   }
   /** `undefined`: the scene keeps the selection itself. */
   setControlledTask(t) {
@@ -2487,14 +2609,14 @@ class Ai {
     return t !== void 0 && t.task === this.selectedTask ? t.id : null;
   }
   select(t, e) {
-    const i = t !== this.selectedTask || e !== this.selected;
-    this.selected = e, t !== this.selectedTask && this.controlledTask === void 0 && (this.ownTask = t), i && this.handlersNow.onSelectedTaskChange?.(t, e), this.interactionChanged();
+    const n = t !== this.selectedTask || e !== this.selected;
+    this.selected = e, t !== this.selectedTask && this.controlledTask === void 0 && (this.ownTask = t), n && this.handlersNow.onSelectedTaskChange?.(t, e), this.interactionChanged();
   }
   /* ---------------------------------------------------------------- */
   /* DOM binding                                                       */
   /* ---------------------------------------------------------------- */
-  bind(t, e, i, n) {
-    this.root = t, this.plot = e, this.dataCanvas = i, this.overlayCanvas = n, this.unsubscribeTheme = Ls(() => {
+  bind(t, e, n, i) {
+    this.root = t, this.plot = e, this.dataCanvas = n, this.overlayCanvas = i, this.unsubscribeTheme = xs(() => {
       this.colours = null, this.dataStale = !0, this.requestDraw();
     }), this.viewChanged();
   }
@@ -2502,14 +2624,14 @@ class Ai {
     this.gestures.cancelEdit(), this.keys.stop(), this.unsubscribeTheme?.(), this.unsubscribeTheme = null, this.frame !== 0 && cancelAnimationFrame(this.frame), this.domainFrame !== 0 && cancelAnimationFrame(this.domainFrame), this.frame = this.domainFrame = 0, this.movePending = !1, this.root = this.plot = this.dataCanvas = this.overlayCanvas = null;
   }
   resize(t, e) {
-    const i = Math.max(0, Math.round(t)), n = Math.max(0, Math.round(e));
-    i === this.view.width && n === this.view.height || (this.view.width = i, this.view.height = n, this.viewChanged());
+    const n = Math.max(0, Math.round(t)), i = Math.max(0, Math.round(e));
+    n === this.view.width && i === this.view.height || (this.view.width = n, this.view.height = i, this.viewChanged());
   }
   subscribe = (t) => (this.listeners.add(t), () => {
     this.listeners.delete(t);
   });
   getSnapshot = () => this.snapshot;
-  getServerSnapshot = () => Pe;
+  getServerSnapshot = () => qe;
   /* ---------------------------------------------------------------- */
   /* Changes                                                           */
   /* ---------------------------------------------------------------- */
@@ -2540,8 +2662,8 @@ class Ai {
     this.requestDraw();
   }
   publish() {
-    const t = this.view, e = this.selected !== null ? t.boxById.get(this.selected) : void 0, i = [];
-    e !== void 0 && !e.miniature && !this.gestures.editing && e.subtask.task === this.selectedTask && (t.options.intents.includes("leadIn") && i.push({ kind: "leadIn", x: e.outerFrom, y: e.y, height: e.height }), t.options.intents.includes("leadOut") && i.push({ kind: "leadOut", x: e.outerTo, y: e.y, height: e.height })), this.snapshot = {
+    const t = this.view, e = this.selected !== null ? t.boxById.get(this.selected) : void 0, n = [];
+    e !== void 0 && !e.miniature && !this.gestures.editing && e.subtask.task === this.selectedTask && (t.options.intents.includes("leadIn") && n.push({ kind: "leadIn", x: e.outerFrom, y: e.y, height: e.height }), t.options.intents.includes("leadOut") && n.push({ kind: "leadOut", x: e.outerTo, y: e.y, height: e.height })), this.snapshot = {
       width: t.width,
       height: t.height,
       scrollY: t.scrollY,
@@ -2549,34 +2671,35 @@ class Ai {
       ...t.bands(),
       fontScale: t.fontScale,
       ghost: this.gestures.ghostSummary(),
-      grips: i,
+      grips: n,
       cursor: this.gestures.cursor,
       tooltip: this.tooltip(),
       loading: this.gestures.loading,
       now: t.nowX(),
       bars: this.bars(),
+      dataTable: this.dataTable,
       spoken: this.keys.spoken,
       summary: this.summary()
     };
-    for (const n of this.listeners) n();
+    for (const i of this.listeners) i();
   }
   /** One header per row, with what it says and where it sits. The scroll is
       not taken off here: the header column is moved as a whole, as it always
       was, so that a header and its row cannot drift apart by a rounding. */
   headers() {
-    const t = new Map(this.data.lanes.map((n) => [n.id, n.label])), e = new Map(this.data.groups.map((n) => [n.id, n.label])), i = new Set(this.folded);
-    return this.view.rows.rows.map((n) => ({
-      key: n.lane ?? n.group ?? "",
-      kind: n.kind,
-      lane: n.lane,
-      group: n.group,
-      label: (n.lane !== void 0 ? t.get(n.lane) : e.get(n.group ?? "")) ?? n.lane ?? n.group ?? "",
-      depth: n.depth,
-      within: n.within,
-      lanes: n.lanes,
-      collapsed: n.group === void 0 ? void 0 : i.has(n.group),
-      top: n.top,
-      height: n.height
+    const t = new Map(this.data.lanes.map((i) => [i.id, i.label])), e = new Map(this.data.groups.map((i) => [i.id, i.label])), n = new Set(this.folded);
+    return this.view.rows.rows.map((i) => ({
+      key: i.lane ?? i.group ?? "",
+      kind: i.kind,
+      lane: i.lane,
+      group: i.group,
+      label: (i.lane !== void 0 ? t.get(i.lane) : e.get(i.group ?? "")) ?? i.lane ?? i.group ?? "",
+      depth: i.depth,
+      within: i.within,
+      lanes: i.lanes,
+      collapsed: i.group === void 0 ? void 0 : n.has(i.group),
+      top: i.top,
+      height: i.height
     }));
   }
   /** The bars a label could stand in: the visible part of every main time,
@@ -2586,27 +2709,27 @@ class Ai {
     const t = this.view;
     if (t.width <= 0) return [];
     const e = this.colours;
-    return t.boxes.flatMap((i) => {
-      if (!Bt(i, t.width, t.height)) return [];
-      const n = Ws(i, t.width);
-      if (n === null) return [];
-      const o = e === null ? !0 : te(
-        wt(i.subtask.appearance),
-        ut(e, { selectedTask: this.selectedTask, selectedSubtask: this.selectedSubtask }, i.subtask.task, i.subtask.id),
+    return t.boxes.flatMap((n) => {
+      if (!Yt(n, t.width, t.height)) return [];
+      const i = on(n, t.width);
+      if (i === null) return [];
+      const o = e === null ? !0 : le(
+        It(n.subtask.appearance),
+        pt(e, { selectedTask: this.selectedTask, selectedSubtask: this.selectedSubtask }, n.subtask.task, n.subtask.id),
         e
       ).onDark;
-      return [{ subtask: i.subtask, ...n, dark: o }];
+      return [{ subtask: n.subtask, ...i, dark: o }];
     });
   }
   /** The findings count the whole plan - an overlap out of view is still one
       to know of -, the subtasks only what is in view. */
   summary() {
-    const t = this.view, [e, i] = this.visibleDomain();
+    const t = this.view, [e, n] = this.visibleDomain();
     return {
       lanes: this.data.lanes.length,
-      subtasks: t.boxes.filter((n) => Bt(n, t.width, t.height)).length,
+      subtasks: t.boxes.filter((i) => Yt(i, t.width, t.height)).length,
       from: e,
-      to: i,
+      to: n,
       overlaps: this.data.overlaps.length,
       violated: this.data.violatedById.size,
       blocked: this.data.inBlocked.length,
@@ -2618,12 +2741,12 @@ class Ai {
     if (!this.gestures.idle) return null;
     const e = this.data.tooltipTargetFor(t);
     if (e === null) return null;
-    const { x: i, y: n } = this.gestures.hoverPoint;
-    return { target: e, x: i, y: n };
+    const { x: n, y: i } = this.gestures.hoverPoint;
+    return { target: e, x: n, y: i };
   }
   /** The visible span, as two wall-clock instants. */
   visibleDomain() {
-    const t = (e) => ht(e, this.view.options.calendar);
+    const t = (e) => ut(e, this.view.options.calendar);
     return [t(this.view.domain[0]), t(this.view.domain[1])];
   }
   /** A pan or zoom of the planner's goes into the view once per frame,
@@ -2637,18 +2760,18 @@ class Ai {
   }
   /** The time and the lane at a client point, or null outside the plot. */
   positionAt(t, e) {
-    const i = this.plot?.getBoundingClientRect();
-    if (i === void 0) return null;
-    const n = t - i.left, o = e - i.top;
-    return n < 0 || o < 0 || n > i.width || o > i.height ? null : { time: this.view.timeAt(n), lane: this.view.laneIdAt(o) };
+    const n = this.plot?.getBoundingClientRect();
+    if (n === void 0) return null;
+    const i = t - n.left, o = e - n.top;
+    return i < 0 || o < 0 || i > n.width || o > n.height ? null : { time: this.view.timeAt(i), lane: this.view.laneIdAt(o) };
   }
   /** The client point of a time, on a lane's middle where one is named, or
       null while the schedule is not on screen. */
   clientPointOf(t, e) {
-    const i = this.plot?.getBoundingClientRect();
-    if (i === void 0) return null;
-    const n = this.view.viewport(), o = e === void 0 ? null : J(n, e), r = o === null ? 0 : o.top + o.height / 2;
-    return { x: i.left + $(n, t), y: i.top + r };
+    const n = this.plot?.getBoundingClientRect();
+    if (n === void 0) return null;
+    const i = this.view.viewport(), o = e === void 0 ? null : tt(i, e), a = o === null ? 0 : o.top + o.height / 2;
+    return { x: n.left + B(i, t), y: n.top + a };
   }
   /** Whether a lane has a row of its own on a mounted plot: not unknown, not
       in a folded group, whose lanes are strips and no rows. */
@@ -2660,8 +2783,8 @@ class Ai {
       moved, for a lane without a row. */
   scrollToLane(t) {
     if (!this.hasRow(t)) return !1;
-    const e = this.view.rows.slots.get(t), i = e.top - this.view.scrollY, n = i < 0 ? i : i + e.height > this.view.height ? Math.min(i + e.height - this.view.height, i) : 0;
-    return this.view.pan(0, n).moved && this.viewMoved(!1), !0;
+    const e = this.view.rows.slots.get(t), n = e.top - this.view.scrollY, i = n < 0 ? n : n + e.height > this.view.height ? Math.min(n + e.height - this.view.height, n) : 0;
+    return this.view.pan(0, i).moved && this.viewMoved(!1), !0;
   }
   /** Brings a subtask's lane and time into view, the span keeping its width;
       false, and nothing moved, for one without a row. */
@@ -2680,9 +2803,9 @@ class Ai {
   }
   draw() {
     if (this.root === null) return;
-    this.colours === null && (this.colours = ti(this.root, this.data), this.publish());
-    const { width: t, height: e } = this.view, i = this.dataStale ? _e(this.dataCanvas, t, e) : null, n = _e(this.overlayCanvas, t, e);
-    if (n === null || t === 0 || this.dataStale && i === null) return;
+    this.colours === null && (this.colours = yi(this.root, this.data), this.publish());
+    const { width: t, height: e } = this.view, n = this.dataStale ? Re(this.dataCanvas, t, e) : null, i = Re(this.overlayCanvas, t, e);
+    if (i === null || t === 0 || this.dataStale && n === null) return;
     this.dataStale = !1;
     const o = {
       data: this.data,
@@ -2694,7 +2817,7 @@ class Ai {
       hover: this.gestures.hover,
       ghost: this.gestures.ghostDrawing()
     };
-    i !== null && ei(i, o), si(n, o);
+    n !== null && bi(n, o), Mi(i, o);
   }
   /* ---------------------------------------------------------------- */
   /* Gestures, as the component hands them in                          */
@@ -2715,49 +2838,50 @@ class Ai {
   focus = (t) => this.keys.focus(t);
   blur = () => this.keys.blur();
 }
-function xi(s = {}) {
-  const { initialView: t, onViewChange: e } = s, [i] = at(() => new Ai(t)), n = V(""), [o] = at(() => {
-    const l = (d) => Ds(Bn, { ...d, scene: i });
+function eo(s = {}) {
+  const { initialView: t, onViewChange: e } = s, [n] = ht(() => new Wi(t)), i = W(""), [o] = ht(() => {
+    const l = (d) => Rs(ei, { ...d, scene: n });
     return l.displayName = "Schedule", {
       Schedule: l,
-      Lane: Pn,
-      LaneGroup: Gn,
-      Subtasks: Hn,
-      Dependencies: Yn,
-      BlockedTimes: Kn,
-      Milestones: Vn,
+      Lane: oi,
+      LaneGroup: ai,
+      Subtasks: ri,
+      Dependencies: li,
+      BlockedTimes: di,
+      Milestones: hi,
+      DataTable: ni,
       setView: (d) => {
-        i.applyView(d), n.current = et(i.getView());
+        n.applyView(d), i.current = nt(n.getView());
       },
-      setDomain: i.setDomain,
-      positionAt: (d, h) => i.positionAt(d, h),
-      clientPointOf: (d, h) => i.clientPointOf(d, h),
-      visibleDomain: () => i.visibleDomain(),
-      scrollToLane: (d) => i.scrollToLane(d),
-      scrollToSubtask: (d) => i.scrollToSubtask(d),
-      focusSubtask: (d) => i.focusSubtask(d),
-      toggleGroup: i.toggleGroup,
-      foldAll: i.foldAll,
-      unfoldAll: i.unfoldAll
+      setDomain: n.setDomain,
+      positionAt: (d, h) => n.positionAt(d, h),
+      clientPointOf: (d, h) => n.clientPointOf(d, h),
+      visibleDomain: () => n.visibleDomain(),
+      scrollToLane: (d) => n.scrollToLane(d),
+      scrollToSubtask: (d) => n.scrollToSubtask(d),
+      focusSubtask: (d) => n.focusSubtask(d),
+      toggleGroup: n.toggleGroup,
+      foldAll: n.foldAll,
+      unfoldAll: n.unfoldAll
     };
-  }), r = Ye(i.subscribeView, i.getView, i.getView), a = et(r);
-  return j(() => {
-    n.current !== a && (n.current = a, i.acted && e?.(r));
-  }, [a]), W(() => ({ ...o, view: r }), [o, r]);
+  }), a = Jt(n.subscribeView, n.getView, n.getView), r = nt(a);
+  return Y(() => {
+    i.current !== r && (i.current = r, n.acted && e?.(a));
+  }, [r]), U(() => ({ ...o, view: a }), [o, a]);
 }
 export {
-  ye as applyIntent,
-  Ut as arrival,
-  zt as departure,
-  Ei as findings,
-  Ke as inBlockedTime,
-  nt as occupied,
-  Xt as overlaps,
-  wt as resolveAppearance,
-  $i as ripple,
-  Ri as shiftTask,
-  $s as snapTime,
-  Fi as subtaskFromPlace,
-  xi as useSchedule,
-  qt as violatedDependencies
+  Ce as applyIntent,
+  te as arrival,
+  Qt as departure,
+  Ji as findings,
+  ts as inBlockedTime,
+  Q as occupied,
+  ee as overlaps,
+  It as resolveAppearance,
+  Qi as ripple,
+  to as shiftTask,
+  zs as snapTime,
+  Zi as subtaskFromPlace,
+  eo as useSchedule,
+  se as violatedDependencies
 };