@umriss-ui/schedule 0.5.7 → 0.6.0

package/dist/schedule.js

@@ -1,409 +1,413 @@
 import "./schedule.css";
-var rs = Object.defineProperty;
-var as = (o, t, e) => t in o ? rs(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var f = (o, t, e) => as(o, typeof t != "symbol" ? t + "" : t, e);
-import { localOffset as Pt, toWorkingTimeClamped as H, DAY as U, MINUTE as q, timeStep as ls, workingTimeTicks as ds, calendarFrom as et, toWallClock as j, HOUR as Bt, LinearScale as hs, resolveColours as cs, removedIntervals as us, subscribeTheme as fs, Echoes as ps } from "@umriss-ui/charts";
-import { createContext as Fe, useContext as Oe, useRef as G, useEffect as W, forwardRef as Ee, useId as ms, useState as tt, useLayoutEffect as it, useImperativeHandle as gs, useSyncExternalStore as Re, useMemo as X, createElement as ks } from "react";
-import { jsxs as K, Fragment as Dt, jsx as k } from "react/jsx-runtime";
-import { useFormats as xt, useWording as mt, AngleGlyph as ys, VisuallyHidden as he } from "@umriss-ui/core";
-function nt(o) {
-  return { from: o.from - (o.leadIn ?? 0), to: o.to + (o.leadOut ?? 0) };
-}
-function $t(o, t) {
-  return (o.leaves ?? "leadOut") === "main" ? t.to : t.to + (t.leadOut ?? 0);
-}
-function Gt(o, t) {
-  return (o.arrives ?? "leadIn") === "main" ? t.from : t.from - (t.leadIn ?? 0);
-}
-function ce(o, t) {
-  if (t.kind === "place" || t.subtask !== o.id) return o;
+var hn = Object.defineProperty;
+var cn = (s, t, e) => t in s ? hn(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var f = (s, t, e) => cn(s, typeof t != "symbol" ? t + "" : t, e);
+import { localOffset as Bt, toWorkingTimeClamped as Y, DAY as X, MINUTE as q, timeStep as un, workingTimeTicks as fn, calendarFrom as nt, toWallClock as j, HOUR as xt, LinearScale as mn, resolveColours as pn, removedIntervals as gn, subscribeTheme as kn, Echoes as yn } from "@umriss-ui/charts";
+import { createContext as Ee, useContext as Ne, useRef as G, useEffect as U, forwardRef as Re, useId as vn, useState as et, useLayoutEffect as rt, useImperativeHandle as wn, useSyncExternalStore as Pe, useMemo as V, createElement as bn } from "react";
+import { jsxs as H, Fragment as lt, jsx as g } from "react/jsx-runtime";
+import { useFormats as Ht, useWording as kt, AngleGlyph as Mn, VisuallyHidden as ue } from "@umriss-ui/core";
+function ot(s) {
+  return { from: s.from - (s.leadIn ?? 0), to: s.to + (s.leadOut ?? 0) };
+}
+function Gt(s, t) {
+  return (s.leaves ?? "leadOut") === "main" ? t.to : t.to + (t.leadOut ?? 0);
+}
+function Yt(s, t) {
+  return (s.arrives ?? "leadIn") === "main" ? t.from : t.from - (t.leadIn ?? 0);
+}
+function fe(s, t) {
+  if (t.kind === "place" || t.subtask !== s.id) return s;
   switch (t.kind) {
     case "move":
     case "stretch":
-      return { ...o, from: t.from, to: t.to };
+      return { ...s, from: t.from, to: t.to };
     case "leadIn":
-      return { ...o, leadIn: t.leadIn };
+      return { ...s, leadIn: t.leadIn };
     case "leadOut":
-      return { ...o, leadOut: t.leadOut };
+      return { ...s, leadOut: t.leadOut };
     case "lane":
-      return { ...o, lane: t.lane };
+      return { ...s, lane: t.lane };
   }
 }
-function po(o, t) {
+function yo(s, t) {
   return {
     id: t,
-    task: o.task,
-    lane: o.lane,
-    from: o.from,
-    to: o.to,
-    ...o.leadIn === void 0 ? {} : { leadIn: o.leadIn },
-    ...o.leadOut === void 0 ? {} : { leadOut: o.leadOut }
+    task: s.task,
+    lane: s.lane,
+    from: s.from,
+    to: s.to,
+    ...s.leadIn === void 0 ? {} : { leadIn: s.leadIn },
+    ...s.leadOut === void 0 ? {} : { leadOut: s.leadOut }
   };
 }
-function Ht(o) {
+function zt(s) {
   const t = [], e = /* @__PURE__ */ new Map();
-  o.forEach((s, n) => {
-    const { from: i, to: r } = nt(s);
+  s.forEach((n, o) => {
+    const { from: i, to: r } = ot(n);
     if (!(i < r)) return;
-    const a = e.get(s.lane) ?? [];
-    a.push({ subtask: s, index: n, from: i, to: r }), e.set(s.lane, a);
+    const a = e.get(n.lane) ?? [];
+    a.push({ subtask: n, index: o, from: i, to: r }), e.set(n.lane, a);
   });
-  for (const [s, n] of e) {
-    n.sort((i, r) => i.from - r.from || i.index - r.index);
-    for (let i = 0; i < n.length; i++) {
-      const r = n[i];
-      for (let a = i + 1; a < n.length; a++) {
-        const d = n[a];
-        if (d.from >= r.to) break;
-        t.push({ lane: s, first: r.subtask.id, second: d.subtask.id, from: d.from, to: Math.min(r.to, d.to) });
+  for (const [n, o] of e) {
+    o.sort((i, r) => i.from - r.from || i.index - r.index);
+    for (let i = 0; i < o.length; i++) {
+      const r = o[i];
+      for (let a = i + 1; a < o.length; a++) {
+        const l = o[a];
+        if (l.from >= r.to) break;
+        t.push({ lane: n, first: r.subtask.id, second: l.subtask.id, from: l.from, to: Math.min(r.to, l.to) });
       }
     }
   }
   return t;
 }
-function vs(o) {
+function Tn(s) {
   const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map();
-  for (const s of o) {
-    const n = nt(s), i = e.get(s.lane) ?? [];
+  for (const n of s) {
+    const o = ot(n), i = e.get(n.lane) ?? [];
     let r = 0;
-    if (n.from < n.to) {
-      for (const a of i) n.from < a.to && a.from < n.to && r++;
-      i.push(n);
+    if (o.from < o.to) {
+      for (const a of i) o.from < a.to && a.from < o.to && r++;
+      i.push(o);
     }
-    e.set(s.lane, i), t.set(s.id, r);
+    e.set(n.lane, i), t.set(n.id, r);
   }
   return t;
 }
-function Yt(o, t) {
-  const e = new Map(o.map((n) => [n.id, n])), s = [];
-  for (const n of t) {
-    const i = e.get(n.from), r = e.get(n.to);
+function Kt(s, t) {
+  const e = new Map(s.map((o) => [o.id, o])), n = [];
+  for (const o of t) {
+    const i = e.get(o.from), r = e.get(o.to);
     if (i === void 0 || r === void 0) continue;
-    const a = $t(n, i), d = Gt(n, r), h = a + n.lag - d;
-    h > 0 && s.push({ dependency: n.id, departure: a, arrival: d, shortBy: h });
+    const a = Gt(o, i), l = Yt(o, r), h = a + o.lag - l;
+    h > 0 && n.push({ dependency: o.id, departure: a, arrival: l, shortBy: h });
   }
-  return s;
+  return n;
 }
-function Ne(o, t) {
+function $e(s, t) {
   const e = [];
-  for (const s of o) {
-    const n = nt(s);
+  for (const n of s) {
+    const o = ot(n);
     for (const i of t)
-      i.lane !== s.lane || !(n.from < i.to && i.from < n.to) || e.push({ subtask: s.id, blocked: i.id, lane: i.lane, from: Math.max(n.from, i.from), to: Math.min(n.to, i.to) });
+      i.lane !== n.lane || !(o.from < i.to && i.from < o.to) || e.push({ subtask: n.id, blocked: i.id, lane: i.lane, from: Math.max(o.from, i.from), to: Math.min(o.to, i.to) });
   }
   return e;
 }
-function mo(o, t, e = []) {
+function vo(s, t, e = []) {
   return {
-    overlaps: Ht(o),
-    violatedDependencies: Yt(o, t),
-    inBlockedTime: Ne(o, e)
+    overlaps: zt(s),
+    violatedDependencies: Kt(s, t),
+    inBlockedTime: $e(s, e)
   };
 }
-function go(o, t, e) {
+function wo(s, t, e) {
   if (e.kind === "place") return [];
-  const s = new Map(o.map((d) => [d.id, ce(d, e)])), n = /* @__PURE__ */ new Map();
-  for (const d of t) {
-    const h = n.get(d.from) ?? [];
-    h.push(d), n.set(d.from, h);
+  const n = new Map(s.map((l) => [l.id, fe(l, e)])), o = /* @__PURE__ */ new Map();
+  for (const l of t) {
+    const h = o.get(l.from) ?? [];
+    h.push(l), o.set(l.from, h);
   }
   const i = /* @__PURE__ */ new Map(), r = [e.subtask];
-  let a = (o.length + 1) * (t.length + 1);
+  let a = (s.length + 1) * (t.length + 1);
   for (; r.length > 0 && a-- > 0; ) {
-    const d = r.shift(), h = s.get(d);
+    const l = r.shift(), h = n.get(l);
     if (h !== void 0)
-      for (const l of n.get(d) ?? []) {
-        if (l.to === e.subtask) continue;
-        const c = s.get(l.to);
+      for (const d of o.get(l) ?? []) {
+        if (d.to === e.subtask) continue;
+        const c = n.get(d.to);
         if (c === void 0) continue;
-        const p = $t(l, h) + l.lag - Gt(l, c);
-        if (!(p > 0)) continue;
-        const m = { kind: "move", subtask: c.id, from: c.from + p, to: c.to + p };
-        s.set(c.id, ce(c, m)), i.set(c.id, m), r.push(c.id);
+        const m = Gt(d, h) + d.lag - Yt(d, c);
+        if (!(m > 0)) continue;
+        const p = { kind: "move", subtask: c.id, from: c.from + m, to: c.to + m };
+        n.set(c.id, fe(c, p)), i.set(c.id, p), r.push(c.id);
       }
   }
   return [...i.values()];
 }
-function ws(o, t) {
-  const { step: e, offset: s } = typeof t == "number" ? { step: t, offset: 0 } : t;
-  if (!(e > 0) || !Number.isFinite(o)) return o;
-  const n = Pt(o) + s;
-  return n + Math.round((o - n) / e) * e;
+function In(s, t) {
+  const { step: e, offset: n } = typeof t == "number" ? { step: t, offset: 0 } : t;
+  if (!(e > 0) || !Number.isFinite(s)) return s;
+  const o = Bt(s) + n;
+  return o + Math.round((s - o) / e) * e;
 }
-function ko(o, t, e) {
-  return e === 0 || !Number.isFinite(e) ? [] : o.filter((s) => s.task === t).map((s) => ({ kind: "move", subtask: s.id, from: s.from + e, to: s.to + e }));
+function bo(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 gt(o) {
-  let t = !1, e = !1, s = !1, n = !1;
-  for (const i of o ?? [])
-    i === "provisional" ? (t = !0, e = !1) : i === "fixed" ? (e = !0, t = !1) : i === "muted" ? s = !0 : i === "open" && (n = !0);
-  return { dashed: t, hatched: e, muted: s, open: n };
+function yt(s) {
+  let t = !1, e = !1, n = !1, o = !1;
+  for (const i of s ?? [])
+    i === "provisional" ? (t = !0, e = !1) : i === "fixed" ? (e = !0, t = !1) : i === "muted" ? n = !0 : i === "open" && (o = !0);
+  return { dashed: t, hatched: e, muted: n, open: o };
 }
-const Pe = Fe(null), Be = Fe(null);
-function xe() {
-  return Oe(Be);
+const Be = Ee(null), xe = Ee(null);
+function He() {
+  return Ne(xe);
 }
-function bs(o) {
-  const t = Oe(Pe);
+function Sn(s) {
+  const t = Ne(Be);
   if (t === null)
-    throw new Error(`@umriss-ui/schedule: <${o}> must be used inside a <Schedule>.`);
+    throw new Error(`@umriss-ui/schedule: <${s}> must be used inside a <Schedule>.`);
   return t;
 }
-function zt(o, t, e, s, n) {
-  const i = bs(o), r = G(null);
-  W(() => (r.current = e(i, t), () => {
-    r.current !== null && n(i, r.current), r.current = null;
-  }), [i]), W(() => {
-    r.current !== null && s(i, r.current, t);
+function Vt(s, t, e, n, o) {
+  const i = Sn(s), r = G(null);
+  U(() => (r.current = e(i, t), () => {
+    r.current !== null && o(i, r.current), r.current = null;
+  }), [i]), U(() => {
+    r.current !== null && n(i, r.current, t);
   });
 }
-function Ms(o) {
-  zt("Lane", o, (t, e) => t.registerLane(e), (t, e, s) => t.updateLane(e, s), (t, e) => t.unregisterLane(e));
+function Ln(s) {
+  Vt("Lane", s, (t, e) => t.registerLane(e), (t, e, n) => t.updateLane(e, n), (t, e) => t.unregisterLane(e));
 }
-function Ts(o) {
-  zt("LaneGroup", o, (t, e) => t.registerGroup(e), (t, e, s) => t.updateGroup(e, s), (t, e) => t.unregisterGroup(e));
+function An(s) {
+  Vt("LaneGroup", s, (t, e) => t.registerGroup(e), (t, e, n) => t.updateGroup(e, n), (t, e) => t.unregisterGroup(e));
 }
-function Kt(o, t) {
-  zt(o, t, (e, s) => e.registerLayer(s), (e, s, n) => e.updateLayer(s, n), (e, s) => e.unregisterLayer(s));
+function vt(s, t) {
+  Vt(s, t, (e, n) => e.registerLayer(n), (e, n, o) => e.updateLayer(n, o), (e, n) => e.unregisterLayer(n));
 }
-const Is = 24, Ss = 4, Ls = 3, St = 4;
-function ue(o) {
-  const { lanes: t, groups: e, collapsed: s, laneHeight: n } = o, i = new Map(e.map((g) => [g.id, g])), r = (g) => g !== void 0 && i.has(g) ? g : void 0, a = /* @__PURE__ */ new Map(), d = (g) => {
+const Cn = 24, Dn = 4, _n = 3, Ct = 4;
+function me(s) {
+  const { lanes: t, groups: e, collapsed: n, laneHeight: o } = s, i = new Map(e.map((k) => [k.id, k])), r = (k) => k !== void 0 && i.has(k) ? k : void 0, a = /* @__PURE__ */ new Map(), l = (k) => {
     const T = [];
-    let S = r(g.parent);
+    let S = r(k.parent);
     const E = /* @__PURE__ */ new Set();
     for (; S !== void 0 && !E.has(S); )
       E.add(S), T.unshift(S), S = r(i.get(S).parent);
     return T;
   }, h = /* @__PURE__ */ new Map();
-  for (const g of t) {
-    const T = d(g);
-    h.set(g.id, T);
+  for (const k of t) {
+    const T = l(k);
+    h.set(k.id, T);
     for (const S of T) {
       const E = a.get(S) ?? [];
-      E.push(g.id), a.set(S, E);
+      E.push(k.id), a.set(S, E);
     }
   }
-  const l = [], c = /* @__PURE__ */ new Map();
-  let p = [], m = null, y = 0;
-  const I = (g) => (l.push({ ...g, top: y }), y += g.height, l.length - 1), A = (g) => g.find((T) => s.has(T)), C = () => {
-    if (m === null) return;
-    const { row: g, lanes: T } = m, S = l[g], E = Math.max(S.height, T.length * Ss + 2 * St);
-    l[g] = { ...S, height: E }, y += E - S.height;
-    const D = E - 2 * St, P = Math.max(Ls, Math.floor(D / T.length));
-    T.forEach((ot, kt) => {
-      const ct = h.get(ot) ?? [];
-      c.set(ot, {
-        top: S.top + St + kt * P,
+  const d = [], c = /* @__PURE__ */ new Map();
+  let m = [], p = null, y = 0;
+  const I = (k) => (d.push({ ...k, top: y }), y += k.height, d.length - 1), A = (k) => k.find((T) => n.has(T)), C = () => {
+    if (p === null) return;
+    const { row: k, lanes: T } = p, S = d[k], E = Math.max(S.height, T.length * Dn + 2 * Ct);
+    d[k] = { ...S, height: E }, y += E - S.height;
+    const _ = E - 2 * Ct, P = Math.max(_n, Math.floor(_ / T.length));
+    T.forEach((it, wt) => {
+      const ut = h.get(it) ?? [];
+      c.set(it, {
+        top: S.top + Ct + wt * P,
         height: P,
         miniature: !0,
-        group: ct[ct.length - 1]
+        group: ut[ut.length - 1]
       });
-    }), m = null;
+    }), p = null;
   };
-  for (const g of t) {
-    const T = (h.get(g.id) ?? []).filter((D) => (a.get(D) ?? []).length > 0), S = A(T);
-    if (m !== null && S === m.group) {
-      m.lanes.push(g.id);
+  for (const k of t) {
+    const T = (h.get(k.id) ?? []).filter((_) => (a.get(_) ?? []).length > 0), S = A(T);
+    if (p !== null && S === p.group) {
+      p.lanes.push(k.id);
       continue;
     }
     C();
-    const E = T.filter((D, P) => p[P] === D).length;
-    p = p.slice(0, E);
-    for (const D of T.slice(E)) {
-      if (p.push(D), D === S) break;
+    const E = T.filter((_, P) => m[P] === _).length;
+    m = m.slice(0, E);
+    for (const _ of T.slice(E)) {
+      if (m.push(_), _ === S) break;
       I({
         kind: "groupHead",
         lane: void 0,
-        group: D,
-        depth: p.length - 1,
-        within: [...p],
-        lanes: (a.get(D) ?? []).length,
-        height: Is
+        group: _,
+        depth: m.length - 1,
+        within: [...m],
+        lanes: (a.get(_) ?? []).length,
+        height: Cn
       });
     }
     if (S !== void 0) {
-      const D = T.indexOf(S), P = I({
+      const _ = T.indexOf(S), P = I({
         kind: "miniature",
         lane: void 0,
         group: S,
-        depth: D,
-        within: T.slice(0, D + 1),
+        depth: _,
+        within: T.slice(0, _ + 1),
         lanes: (a.get(S) ?? []).length,
-        height: n
+        height: o
       });
-      m = { group: S, row: P, lanes: [g.id] };
+      p = { group: S, row: P, lanes: [k.id] };
       continue;
     }
-    I({ kind: "lane", lane: g.id, group: T[T.length - 1], depth: T.length, within: T, lanes: 1, height: n }), c.set(g.id, {
-      top: l[l.length - 1].top,
-      height: n,
+    I({ kind: "lane", lane: k.id, group: T[T.length - 1], depth: T.length, within: T, lanes: 1, height: o }), c.set(k.id, {
+      top: d[d.length - 1].top,
+      height: o,
       miniature: !1,
       group: T[T.length - 1]
     });
   }
-  return C(), { rows: l, slots: c, height: y };
+  return C(), { rows: d, slots: c, height: y };
 }
-function As(o, t) {
-  if (t.size === 0) return o;
+function Fn(s, t) {
+  if (t.size === 0) return s;
   const e = /* @__PURE__ */ new Set();
-  for (const s of o) t.has(s) || e.add(s);
+  for (const n of s) t.has(n) || e.add(n);
   return e;
 }
-function st(o, t) {
-  if (t < 0 || t >= o.height) return null;
-  let e = 0, s = o.rows.length - 1;
-  for (; e <= s; ) {
-    const n = e + s >> 1, i = o.rows[n];
-    if (t < i.top) s = n - 1;
-    else if (t >= i.top + i.height) e = n + 1;
+function st(s, t) {
+  if (t < 0 || t >= s.height) return null;
+  let e = 0, n = s.rows.length - 1;
+  for (; e <= n; ) {
+    const o = e + n >> 1, i = s.rows[o];
+    if (t < i.top) n = o - 1;
+    else if (t >= i.top + i.height) e = o + 1;
     else return i;
   }
   return null;
 }
-function Vt(o, t) {
-  return o.slots.get(t) ?? null;
+function Wt(s, t) {
+  return s.slots.get(t) ?? null;
 }
-function Cs(o, t) {
-  const e = st(o, t);
+function On(s, t) {
+  const e = st(s, t);
   if (e === null) return null;
   if (e.kind === "lane") return e.lane ?? null;
   if (e.kind === "groupHead") return null;
-  for (const [s, n] of o.slots)
-    if (n.miniature && t >= n.top && t < n.top + n.height) return s;
+  for (const [n, o] of s.slots)
+    if (o.miniature && t >= o.top && t < o.top + o.height) return n;
   return null;
 }
-const _s = 6, $e = 3, rt = 2, fe = 3, pe = 3;
-function N(o, t) {
-  return Math.round(o.scale.toPx(H(t, o.calendar)));
+const En = 6, Ge = 3, at = 2, pe = 3, ge = 3;
+function R(s, t) {
+  return Math.round(s.scale.toPx(Y(t, s.calendar)));
 }
-function dt(o, t) {
-  const e = Vt(o.rows, t);
-  return e === null ? null : { ...e, top: e.top - o.scrollY };
+function J(s, t) {
+  const e = Wt(s.rows, t);
+  return e === null ? null : { ...e, top: e.top - s.scrollY };
 }
-function me(o, t) {
-  return Cs(o.rows, t + o.scrollY);
+function Ut(s, t) {
+  const e = J(s, t.lane);
+  return e === null ? null : { x: R(s, t.at), y: e.top + e.height / 2, half: Math.max(2, Math.min(7, e.height * 0.3)) };
 }
-function Ge(o, t, e, s, n) {
-  const i = s.miniature ? 0 : _s, r = s.miniature ? 0 : pe * fe, a = Math.max(s.miniature ? 1 : 4, s.height - 2 * i - r), d = s.top - o.scrollY + Math.floor((s.height - a) / 2), h = nt(t);
+function ke(s, t) {
+  return On(s.rows, t + s.scrollY);
+}
+function Ye(s, t, e, n, o) {
+  const i = n.miniature ? 0 : En, r = n.miniature ? 0 : ge * pe, a = Math.max(n.miniature ? 1 : 4, n.height - 2 * i - r), l = n.top - s.scrollY + Math.floor((n.height - a) / 2), h = ot(t);
   return {
     subtask: t,
     lane: e,
-    miniature: s.miniature,
-    depth: n,
-    y: d + (s.miniature ? 0 : Math.min(n, pe) * fe),
+    miniature: n.miniature,
+    depth: o,
+    y: l + (n.miniature ? 0 : Math.min(o, ge) * pe),
     height: a,
-    outerFrom: N(o, h.from),
-    mainFrom: N(o, t.from),
-    mainTo: N(o, t.to),
-    outerTo: N(o, h.to)
+    outerFrom: R(s, h.from),
+    mainFrom: R(s, t.from),
+    mainTo: R(s, t.to),
+    outerTo: R(s, h.to)
   };
 }
-function He(o, t, e) {
-  if (e < o.y || e > o.y + o.height) return null;
-  const s = Math.max(0, (6 - (o.outerTo - o.outerFrom)) / 2);
-  return t < o.outerFrom - s || t > o.outerTo + s ? null : t < o.mainFrom ? "leadIn" : t > o.mainTo ? "leadOut" : "main";
+function ze(s, t, e) {
+  if (e < s.y || e > s.y + s.height) return null;
+  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 Ds(o, t, e, s = 5) {
-  if (e < o.y || e > o.y + o.height) return null;
-  const n = Math.abs(t - o.mainFrom), i = Math.abs(t - o.mainTo);
-  return Math.min(n, i) > s ? null : n <= i ? "from" : "to";
+function Nn(s, t, e, n = 5) {
+  if (e < s.y || e > s.y + s.height) return null;
+  const o = Math.abs(t - s.mainFrom), i = Math.abs(t - s.mainTo);
+  return Math.min(o, i) > n ? null : o <= i ? "from" : "to";
 }
-function Ft(o, t, e) {
-  return o.outerTo >= 0 && o.outerFrom <= t && o.y + o.height >= 0 && o.y <= e;
+function Et(s, t, e) {
+  return s.outerTo >= 0 && s.outerFrom <= t && s.y + s.height >= 0 && s.y <= e;
 }
-const Fs = 64;
-function Os(o, t) {
-  if (o.miniature) return null;
-  const e = gt(o.subtask.appearance).hatched ? rt + $e + 1 : 0, s = Math.max(o.mainFrom + e, 0), n = Math.min(o.mainTo - e, t) - s;
-  return n < Fs ? null : { x: s, width: n, y: o.y, height: o.height };
+const Rn = 64;
+function Pn(s, t) {
+  if (s.miniature) return null;
+  const e = yt(s.subtask.appearance).hatched ? at + Ge + 1 : 0, n = Math.max(s.mainFrom + e, 0), o = Math.min(s.mainTo - e, t) - n;
+  return o < Rn ? null : { x: n, width: o, y: s.y, height: s.height };
 }
-const Es = 10;
-function ge(o, t, e) {
-  const s = Math.round(t.y + t.height / 2);
-  return o === "centre" || e.y === t.y ? s : Math.round(e.y > t.y ? t.y + t.height - 1 : t.y + 1);
+const $n = 10;
+function ye(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 Ot(o, t, e, s, n) {
-  const i = t.route ?? n.route, r = t.attach ?? n.attach, a = t.ends ?? n.ends, d = N(o, $t(t, e.subtask)), h = N(o, Gt(t, s.subtask)), l = ge(r, e, s), c = ge(r, s, e);
+function Nt(s, t, e, n, o) {
+  const i = t.route ?? o.route, r = t.attach ?? o.attach, a = t.ends ?? o.ends, l = R(s, Gt(t, e.subtask)), h = R(s, Yt(t, n.subtask)), d = ye(r, e, n), c = ye(r, n, e);
   if (i === "straight")
-    return { dependency: t, kind: i, ends: a, x1: d, y1: l, x2: h, y2: c, c1x: d, c2x: h, points: [d, l, h, c] };
+    return { dependency: t, kind: i, ends: a, x1: l, y1: d, x2: h, y2: c, c1x: l, c2x: h, points: [l, d, h, c] };
   if (i === "orthogonal") {
-    const A = d + Es, C = l === c ? A : Math.round((A + h) / 2);
-    return { dependency: t, kind: i, ends: a, x1: d, y1: l, x2: h, y2: c, c1x: d, c2x: h, points: l === c ? [d, l, h, c] : [d, l, C, l, C, c, h, c] };
+    const A = l + $n, C = d === c ? A : Math.round((A + h) / 2);
+    return { dependency: t, kind: i, ends: a, x1: l, y1: d, x2: h, y2: c, c1x: l, c2x: h, points: d === c ? [l, d, h, c] : [l, d, C, d, C, c, h, c] };
   }
-  const p = Math.max(14, Math.abs(h - d) / 2), m = d + p, y = h - p, I = [];
+  const m = Math.max(14, Math.abs(h - l) / 2), p = l + m, y = h - m, I = [];
   for (let A = 0; A <= 16; A++) {
-    const C = A / 16, g = 1 - C;
+    const C = A / 16, k = 1 - C;
     I.push(
-      g * g * g * d + 3 * g * g * C * m + 3 * g * C * C * y + C * C * C * h,
-      g * g * g * l + 3 * g * g * C * l + 3 * g * C * C * c + C * C * C * c
+      k * k * k * l + 3 * k * k * C * p + 3 * k * C * C * y + C * C * C * h,
+      k * k * k * d + 3 * k * k * C * d + 3 * k * C * C * c + C * C * C * c
     );
   }
-  return { dependency: t, kind: "curve", ends: a, x1: d, y1: l, x2: h, y2: c, c1x: m, c2x: y, points: I };
+  return { dependency: t, kind: "curve", ends: a, x1: l, y1: d, x2: h, y2: c, c1x: p, c2x: y, points: I };
 }
-function Rs(o, t, e) {
-  let s = 1 / 0;
-  const n = o.points;
-  for (let i = 0; i + 3 < n.length; i += 2) {
-    const r = n[i], a = n[i + 1], d = n[i + 2], h = n[i + 3], l = d - r, c = h - a, p = l * l + c * c, m = p === 0 ? 0 : Math.max(0, Math.min(1, ((t - r) * l + (e - a) * c) / p));
-    s = Math.min(s, Math.hypot(t - (r + m * l), e - (a + m * c)));
+function Bn(s, t, e) {
+  let n = 1 / 0;
+  const o = s.points;
+  for (let i = 0; i + 3 < o.length; i += 2) {
+    const r = o[i], a = o[i + 1], l = o[i + 2], h = o[i + 3], d = l - r, c = h - a, m = d * d + c * c, p = m === 0 ? 0 : Math.max(0, Math.min(1, ((t - r) * d + (e - a) * c) / m));
+    n = Math.min(n, Math.hypot(t - (r + p * d), e - (a + p * c)));
   }
-  return s;
+  return n;
 }
-const Ye = [], Ns = 56;
-function Ps(o, t = Ns) {
-  return o > 0 ? Math.min(U, Math.max(15 * q, ls(o * t, 1))) : 15 * q;
+const Ke = [], xn = 56;
+function Hn(s, t = xn) {
+  return s > 0 ? Math.min(X, Math.max(15 * q, un(s * t, 1))) : 15 * q;
 }
-function Bs(o, t, e = Ye) {
-  const [s, n] = ze(o, e);
-  return ds(e, s, n, t, Pt(s)).filter(
-    (i) => i.workingTime >= o[0] && i.workingTime <= o[1]
+function Gn(s, t, e = Ke) {
+  const [n, o] = Ve(s, e);
+  return fn(e, n, o, t, Bt(n)).filter(
+    (i) => i.workingTime >= s[0] && i.workingTime <= s[1]
   );
 }
-function xs(o, t = Ye) {
-  const [e, s] = ze(o, t), n = [], i = new Date(e);
-  for (i.setHours(0, 0, 0, 0); i.getTime() < s && n.length < 400; ) {
+function Yn(s, t = Ke) {
+  const [e, n] = Ve(s, t), o = [], i = new Date(e);
+  for (i.setHours(0, 0, 0, 0); i.getTime() < n && o.length < 400; ) {
     const r = i.getTime();
     i.setDate(i.getDate() + 1);
     const a = i.getTime();
-    n.push({
+    o.push({
       start: r,
       end: a,
-      from: H(r, t),
-      to: H(a, t)
+      from: Y(r, t),
+      to: Y(a, t)
     });
   }
-  return n;
+  return o;
 }
-const Lt = [1, 2, 7, 14, 28];
-function $s(o, t) {
-  return Lt.find((e) => e * o >= t) ?? Lt[Lt.length - 1];
+const Dt = [1, 2, 7, 14, 28];
+function zn(s, t) {
+  return Dt.find((e) => e * s >= t) ?? Dt[Dt.length - 1];
 }
-function At(o, t) {
-  return ((Math.round((o - Pt(o)) / U) - 4) % t + t) % t === 0;
+function _t(s, t) {
+  return ((Math.round((s - Bt(s)) / X) - 4) % t + t) % t === 0;
 }
-function Gs(o, t, e, s) {
-  const n = o[1] - o[0];
-  if (!(n > 0)) return [o[0], o[1]];
-  const i = Math.min(s.max, Math.max(s.min, n * e)), r = (t - o[0]) / n, a = t - r * i;
+function Kn(s, t, e, n) {
+  const o = s[1] - s[0];
+  if (!(o > 0)) return [s[0], s[1]];
+  const i = Math.min(n.max, Math.max(n.min, o * e)), r = (t - s[0]) / o, a = t - r * i;
   return [a, a + i];
 }
-function Hs(o, t) {
-  return [o[0] + t, o[1] + t];
+function Vn(s, t) {
+  return [s[0] + t, s[1] + t];
 }
-function ze(o, t) {
-  const e = et(t);
-  if (e.intervals.length === 0) return [o[0], o[1]];
-  const s = (n) => Math.max(0, Math.min(e.total, n));
-  return [j(s(o[0]), e), j(s(o[1]), e)];
+function Ve(s, t) {
+  const e = nt(t);
+  if (e.intervals.length === 0) return [s[0], s[1]];
+  const n = (o) => Math.max(0, Math.min(e.total, o));
+  return [j(n(s[0]), e), j(n(s[1]), e)];
 }
-const pt = 44;
-class Ys {
+const gt = 44;
+class Wn {
   constructor(t) {
     f(this, "options", {
-      laneHeight: pt,
+      laneHeight: gt,
       calendar: [],
-      zoomLimits: { min: Bt, max: 28 * U },
+      zoomLimits: { min: xt, max: 28 * X },
       snap: "ticks",
       intents: [],
       now: null,
@@ -411,14 +415,14 @@ class Ys {
       attach: "centre",
       ends: "dot"
     });
-    f(this, "domain", [0, U]);
+    f(this, "domain", [0, X]);
     f(this, "scrollY", 0);
     f(this, "width", 0);
     f(this, "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. */
-    f(this, "rows", ue({ lanes: [], groups: [], collapsed: /* @__PURE__ */ new Set(), laneHeight: pt }));
+    f(this, "rows", me({ lanes: [], groups: [], collapsed: /* @__PURE__ */ new Set(), laneHeight: gt }));
     /** The folded groups, as the scene holds them. */
     f(this, "collapsed", /* @__PURE__ */ new Set());
     /** The groups a gesture in flight holds open. Dropped when it ends; the
@@ -431,22 +435,22 @@ class Ys {
   }
   /** Takes new options; a new calendar keeps the wall-clock span in view. */
   setOptions(t) {
-    const e = t.calendar !== this.options.calendar, s = this.options.calendar;
+    const e = t.calendar !== this.options.calendar, n = this.options.calendar;
     if (this.options = t, e) {
-      const n = et(s), i = (r) => {
-        const a = n.intervals.length === 0 ? r : Math.max(0, Math.min(n.total, r));
-        return H(j(a, n), t.calendar) + (r - a);
+      const o = nt(n), i = (r) => {
+        const a = o.intervals.length === 0 ? r : Math.max(0, Math.min(o.total, r));
+        return Y(j(a, o), t.calendar) + (r - a);
       };
       this.domain = [i(this.domain[0]), i(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 = [Y(t[0], this.options.calendar), Y(t[1], this.options.calendar)];
   }
   viewport() {
     return {
-      scale: new hs(this.domain, [0, this.width]),
+      scale: new mn(this.domain, [0, this.width]),
       calendar: this.options.calendar,
       laneHeight: this.options.laneHeight,
       scrollY: this.scrollY,
@@ -463,41 +467,41 @@ class Ys {
   /** The fine band's step at the current zoom. */
   step() {
     const t = this.domain[1] - this.domain[0];
-    return Ps(this.width > 0 ? t / this.width : t);
+    return Hn(this.width > 0 ? t / this.width : t);
   }
   /** Lays the rows out, clamps the scroll, and lays the data out anew. */
   layout() {
-    this.rows = ue({
+    this.rows = me({
       lanes: this.data.lanes,
       groups: this.data.groups,
-      collapsed: As(this.collapsed, this.openForGesture),
+      collapsed: Fn(this.collapsed, this.openForGesture),
       laneHeight: this.options.laneHeight
     }), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY));
     const t = this.viewport();
     this.boxes = [], this.boxById = /* @__PURE__ */ new Map();
     for (const e of this.data.subtasks) {
-      const s = Vt(this.rows, e.lane);
-      if (s === null) continue;
-      const n = Ge(t, e, e.lane, s, this.data.depth.get(e.id) ?? 0);
-      this.boxes.push(n), this.boxById.set(e.id, n);
+      const n = Wt(this.rows, e.lane);
+      if (n === null) continue;
+      const o = Ye(t, e, e.lane, n, this.data.depth.get(e.id) ?? 0);
+      this.boxes.push(o), this.boxById.set(e.id, o);
     }
     this.paths = [];
     for (const e of this.data.dependencies) {
-      const s = this.boxById.get(e.from), n = this.boxById.get(e.to);
-      s === void 0 || n === void 0 || this.paths.push(Ot(t, e, s, n, this.options));
+      const n = this.boxById.get(e.from), o = this.boxById.get(e.to);
+      n === void 0 || o === void 0 || this.paths.push(Nt(t, e, n, o, 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, s = this.options.calendar;
+    const e = this.viewport().scale, n = this.options.calendar;
     return {
-      days: xs(this.domain, s).map((n) => {
-        const i = Math.round(e.toPx(n.from));
-        return { start: n.start, x: i, width: Math.round(e.toPx(n.to)) - i };
+      days: Yn(this.domain, n).map((o) => {
+        const i = Math.round(e.toPx(o.from));
+        return { start: o.start, x: i, width: Math.round(e.toPx(o.to)) - i };
       }),
-      ticks: Bs(this.domain, t, s).map((n) => ({ wallClock: n.wallClock, x: Math.round(e.toPx(n.workingTime)) })),
+      ticks: Gn(this.domain, t, n).map((o) => ({ wallClock: o.wallClock, x: Math.round(e.toPx(o.workingTime)) })),
       step: t
     };
   }
@@ -505,27 +509,32 @@ class Ys {
   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(Y(t, this.options.calendar)));
     return e >= 0 && e <= this.width ? e : null;
   }
   hitAt(t, e) {
-    for (let r = this.boxes.length - 1; r >= 0; r--) {
-      const a = this.boxes[r], d = He(a, t, e);
-      if (d !== null) return { kind: "subtask", subtask: a.subtask, part: d };
+    const n = this.viewport();
+    for (let a = this.data.milestones.length - 1; a >= 0; a--) {
+      const l = this.data.milestones[a], h = Ut(n, l);
+      if (h !== null && Math.abs(t - h.x) + Math.abs(e - h.y) <= h.half + 2) return { kind: "milestone", milestone: l };
+    }
+    for (let a = this.boxes.length - 1; a >= 0; a--) {
+      const l = this.boxes[a], h = ze(l, t, e);
+      if (h !== null) return { kind: "subtask", subtask: l.subtask, part: h };
     }
-    let s = null, n = 4;
-    for (const r of this.paths) {
-      const a = Rs(r, t, e);
-      a <= n && (n = a, s = r);
+    let o = null, i = 4;
+    for (const a of this.paths) {
+      const l = Bn(a, t, e);
+      l <= i && (i = l, o = a);
     }
-    if (s !== null) return { kind: "dependency", dependency: s.dependency };
-    const i = me(this.viewport(), e);
-    return i !== null ? { kind: "lane", lane: i } : { kind: "nothing" };
+    if (o !== null) return { kind: "dependency", dependency: o.dependency };
+    const r = ke(this.viewport(), e);
+    return r !== null ? { kind: "lane", lane: r } : { kind: "nothing" };
   }
   /** The wall-clock time at a plot x; within the calendar's extent. */
   timeAt(t) {
-    const e = this.viewport().scale.fromPx(t), s = et(this.options.calendar);
-    return s.intervals.length === 0 ? e : j(Math.max(0, Math.min(s.total, e)), s);
+    const e = this.viewport().scale.fromPx(t), n = nt(this.options.calendar);
+    return n.intervals.length === 0 ? e : j(Math.max(0, Math.min(n.total, e)), n);
   }
   /** The lane at a y, strips included: what the pointer is ON.
   
@@ -534,7 +543,7 @@ class Ys {
         `foldedGroupAt` - and a caller that reached through `viewport()` for it
         would be depending on the layout rather than asking the view. */
   laneIdAt(t) {
-    return me(this.viewport(), t);
+    return ke(this.viewport(), t);
   }
   /** The lane a DROP at this y would land on.
   
@@ -555,312 +564,326 @@ class Ys {
   /** 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 s = this.domain[0], n = this.scrollY, i = this.domain[1] - s;
-    this.width > 0 && t !== 0 && (this.domain = Hs(this.domain, t / this.width * i)), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + e));
-    const r = this.domain[0] !== s;
-    return { moved: r || this.scrollY !== n, time: r };
+    const n = this.domain[0], o = this.scrollY, i = this.domain[1] - n;
+    this.width > 0 && t !== 0 && (this.domain = Vn(this.domain, t / this.width * i)), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + e));
+    const r = this.domain[0] !== n;
+    return { moved: r || this.scrollY !== o, time: r };
   }
   /** Zooms around a plot x; says whether the span changed. */
   zoomAt(t, e) {
     if (this.width <= 0 || !Number.isFinite(e)) return !1;
-    const s = this.domain, n = this.viewport().scale.fromPx(t);
-    return this.domain = Gs(this.domain, n, e, this.options.zoomLimits), s[0] !== this.domain[0] || s[1] !== this.domain[1];
-  }
-}
-const zs = "_root_1892z_4 _text_r8i8z_23", Ks = "_corner_1892z_19", Vs = "_dayBand_1892z_23", Ws = "_tickBand_1892z_24", Us = "_day_1892z_23", Xs = "_dayLabel_1892z_50", qs = "_tick_1892z_24", js = "_tickLabel_1892z_71", Js = "_headers_1892z_79", Zs = "_header_1892z_79", Qs = "_headerLabel_1892z_97", tn = "_headerCount_1892z_134", en = "_chevron_1892z_143", sn = "_plot_1892z_201", nn = "_focusRing_1892z_208", on = "_layer_1892z_226", rn = "_grip_1892z_235", an = "_ghostLabel_1892z_245", ln = "_finding_1892z_258", dn = "_refusal_1892z_266", hn = "_tooltip_1892z_270", cn = "_tooltipHead_1892z_289", un = "_tooltipTimes_1892z_294", fn = "_now_1892z_303", pn = "_barLabel_1892z_317", mn = "_barLabelText_1892z_330", v = {
-  root: zs,
-  corner: Ks,
-  dayBand: Vs,
-  tickBand: Ws,
-  day: Us,
-  dayLabel: Xs,
-  tick: qs,
-  tickLabel: js,
-  headers: Js,
-  header: Zs,
-  headerLabel: Qs,
-  headerCount: tn,
-  chevron: en,
-  plot: sn,
-  focusRing: nn,
-  layer: on,
-  grip: rn,
-  ghostLabel: an,
-  finding: ln,
-  refusal: dn,
-  tooltip: hn,
-  tooltipHead: cn,
-  tooltipTimes: un,
-  now: fn,
-  barLabel: pn,
-  barLabelText: mn
+    const n = this.domain, o = this.viewport().scale.fromPx(t);
+    return this.domain = Kn(this.domain, o, e, this.options.zoomLimits), n[0] !== this.domain[0] || n[1] !== this.domain[1];
+  }
+}
+const Un = "_root_1892z_4 _text_1krlf_23", Xn = "_corner_1892z_19", qn = "_dayBand_1892z_23", jn = "_tickBand_1892z_24", Jn = "_day_1892z_23", Zn = "_dayLabel_1892z_50", Qn = "_tick_1892z_24", ts = "_tickLabel_1892z_71", es = "_headers_1892z_79", ns = "_header_1892z_79", ss = "_headerLabel_1892z_97", os = "_headerCount_1892z_134", is = "_chevron_1892z_143", rs = "_plot_1892z_201", as = "_focusRing_1892z_208", ls = "_layer_1892z_226", ds = "_grip_1892z_235", hs = "_ghostLabel_1892z_245", cs = "_finding_1892z_258", us = "_refusal_1892z_266", fs = "_tooltip_1892z_270", ms = "_tooltipHead_1892z_289", ps = "_tooltipTimes_1892z_294", gs = "_now_1892z_303", ks = "_barLabel_1892z_317", ys = "_barLabelText_1892z_330", v = {
+  root: Un,
+  corner: Xn,
+  dayBand: qn,
+  tickBand: jn,
+  day: Jn,
+  dayLabel: Zn,
+  tick: Qn,
+  tickLabel: ts,
+  headers: es,
+  header: ns,
+  headerLabel: ss,
+  headerCount: os,
+  chevron: is,
+  plot: rs,
+  focusRing: as,
+  layer: ls,
+  grip: ds,
+  ghostLabel: hs,
+  finding: cs,
+  refusal: us,
+  tooltip: fs,
+  tooltipHead: ms,
+  tooltipTimes: ps,
+  now: gs,
+  barLabel: ks,
+  barLabelText: ys
 };
-function Ke() {
-  const o = mt();
+function We() {
+  const s = kt();
   return (t) => {
-    const e = Math.round(t / q), s = Math.floor(e / 60), n = e % 60;
-    return [s > 0 ? o.hoursShort(s) : "", n > 0 || s === 0 ? o.minutesShort(n) : ""].filter(Boolean).join(" ");
+    const e = Math.round(t / q), n = Math.floor(e / 60), o = e % 60;
+    return [n > 0 ? s.hoursShort(n) : "", o > 0 || n === 0 ? s.minutesShort(o) : ""].filter(Boolean).join(" ");
   };
 }
-function gn({ target: o, lane: t }) {
-  const e = xt(), s = mt(), n = Ke(), i = (c) => e.time(new Date(c), !1);
-  if (o.kind === "subtask") {
-    const { subtask: c, task: p } = o, m = [
-      (p == null ? void 0 : p.name) ?? c.task,
+function vs({ target: s, lane: t }) {
+  const e = Ht(), n = kt(), o = We(), i = (c) => e.time(new Date(c), !1);
+  if (s.kind === "subtask") {
+    const { subtask: c, task: m } = s, p = [
+      (m == null ? void 0 : m.name) ?? c.task,
       c.name ?? c.id,
-      `${e.dateShort(new Date(c.from))} ${s.scheduleGhostTimes(i(c.from), i(c.to))}`,
-      ...o.overlapping.map((y) => s.scheduleOverlapWith(y.name ?? y.id)),
-      ...o.violatedDependencies.map((y) => s.scheduleViolatedBy(n(y.shortBy))),
-      ...o.blocked.map((y) => s.scheduleInBlockedTime(y.label))
+      `${e.dateShort(new Date(c.from))} ${n.scheduleGhostTimes(i(c.from), i(c.to))}`,
+      ...s.overlapping.map((y) => n.scheduleOverlapWith(y.name ?? y.id)),
+      ...s.violatedDependencies.map((y) => n.scheduleViolatedBy(o(y.shortBy))),
+      ...s.blocked.map((y) => n.scheduleInBlockedTime(y.label))
     ];
-    return /* @__PURE__ */ K(Dt, { children: [
+    return /* @__PURE__ */ H(lt, { children: [
+      t,
+      `, ${p.join(", ")}`
+    ] });
+  }
+  if (s.kind === "milestone") {
+    const { milestone: c } = s;
+    return /* @__PURE__ */ H(lt, { children: [
       t,
-      `, ${m.join(", ")}`
+      `, ${n.scheduleMilestone(c.label ?? c.id)}, ${e.dateShort(new Date(c.at))} ${i(c.at)}`
     ] });
   }
-  const { dependency: r, task: a, from: d, to: h, violated: l } = o;
+  const { dependency: r, task: a, from: l, to: h, violated: d } = s;
   return [
     (a == null ? void 0 : a.name) ?? (a == null ? void 0 : a.id) ?? r.id,
-    `${s.scheduleDependency} ${n(r.lag)}`,
-    s.scheduleRoute((d == null ? void 0 : d.name) ?? r.from, (h == null ? void 0 : h.name) ?? r.to),
-    ...l === void 0 ? [] : [s.scheduleViolatedBy(n(l.shortBy))]
+    `${n.scheduleDependency} ${o(r.lag)}`,
+    n.scheduleRoute((l == null ? void 0 : l.name) ?? r.from, (h == null ? void 0 : h.name) ?? r.to),
+    ...d === void 0 ? [] : [n.scheduleViolatedBy(o(d.shortBy))]
   ].join(", ");
 }
-function kn({ target: o }) {
-  const t = xt(), e = mt(), s = (l) => t.time(new Date(l), !1), n = Ke();
-  if (o.kind === "subtask") {
-    const { subtask: l, task: c } = o;
-    return /* @__PURE__ */ K(Dt, { children: [
-      /* @__PURE__ */ k("span", { className: v.tooltipHead, children: (c == null ? void 0 : c.name) ?? l.task }),
-      /* @__PURE__ */ k("span", { children: l.name ?? l.id }),
-      /* @__PURE__ */ k("span", { className: v.tooltipTimes, children: e.scheduleGhostTimes(s(l.from), s(l.to)) }),
-      (l.leadIn ?? 0) > 0 && /* @__PURE__ */ k("span", { children: `${e.scheduleLeadIn} ${n(l.leadIn)}` }),
-      (l.leadOut ?? 0) > 0 && /* @__PURE__ */ k("span", { children: `${e.scheduleLeadOut} ${n(l.leadOut)}` }),
-      o.overlapping.map((p) => /* @__PURE__ */ k("span", { className: v.finding, children: e.scheduleOverlapWith(p.name ?? p.id) }, p.id)),
-      o.violatedDependencies.map((p) => /* @__PURE__ */ k("span", { className: v.finding, children: e.scheduleViolatedBy(n(p.shortBy)) }, p.dependency)),
-      o.blocked.map((p) => /* @__PURE__ */ k("span", { className: v.finding, children: e.scheduleInBlockedTime(p.label) }, p.id))
+function ws({ target: s }) {
+  const t = Ht(), e = kt(), n = (d) => t.time(new Date(d), !1), o = We();
+  if (s.kind === "subtask") {
+    const { subtask: d, task: c } = s;
+    return /* @__PURE__ */ H(lt, { children: [
+      /* @__PURE__ */ g("span", { className: v.tooltipHead, children: (c == null ? void 0 : c.name) ?? d.task }),
+      /* @__PURE__ */ g("span", { children: d.name ?? d.id }),
+      /* @__PURE__ */ g("span", { className: v.tooltipTimes, children: e.scheduleGhostTimes(n(d.from), n(d.to)) }),
+      (d.leadIn ?? 0) > 0 && /* @__PURE__ */ g("span", { children: `${e.scheduleLeadIn} ${o(d.leadIn)}` }),
+      (d.leadOut ?? 0) > 0 && /* @__PURE__ */ g("span", { children: `${e.scheduleLeadOut} ${o(d.leadOut)}` }),
+      s.overlapping.map((m) => /* @__PURE__ */ g("span", { className: v.finding, children: e.scheduleOverlapWith(m.name ?? m.id) }, m.id)),
+      s.violatedDependencies.map((m) => /* @__PURE__ */ g("span", { className: v.finding, children: e.scheduleViolatedBy(o(m.shortBy)) }, m.dependency)),
+      s.blocked.map((m) => /* @__PURE__ */ g("span", { className: v.finding, children: e.scheduleInBlockedTime(m.label) }, m.id))
+    ] });
+  }
+  if (s.kind === "milestone") {
+    const { milestone: d } = s;
+    return /* @__PURE__ */ H(lt, { children: [
+      /* @__PURE__ */ g("span", { className: v.tooltipHead, children: e.scheduleMilestone(d.label ?? d.id) }),
+      /* @__PURE__ */ g("span", { className: v.tooltipTimes, children: `${t.dateShort(new Date(d.at))} ${n(d.at)}` })
     ] });
   }
-  const { dependency: i, task: r, from: a, to: d, violated: h } = o;
-  return /* @__PURE__ */ K(Dt, { children: [
-    /* @__PURE__ */ k("span", { className: v.tooltipHead, children: (r == null ? void 0 : r.name) ?? (r == null ? void 0 : r.id) ?? i.id }),
-    /* @__PURE__ */ k("span", { children: e.scheduleRoute((a == null ? void 0 : a.name) ?? i.from, (d == null ? void 0 : d.name) ?? i.to) }),
-    /* @__PURE__ */ k("span", { children: `${e.scheduleDependency} ${n(i.lag)}` }),
-    h !== void 0 && /* @__PURE__ */ k("span", { className: v.finding, children: e.scheduleViolatedBy(n(h.shortBy)) })
+  const { dependency: i, task: r, from: a, to: l, violated: h } = s;
+  return /* @__PURE__ */ H(lt, { children: [
+    /* @__PURE__ */ g("span", { className: v.tooltipHead, children: (r == null ? void 0 : r.name) ?? (r == null ? void 0 : r.id) ?? i.id }),
+    /* @__PURE__ */ g("span", { children: e.scheduleRoute((a == null ? void 0 : a.name) ?? i.from, (l == null ? void 0 : l.name) ?? i.to) }),
+    /* @__PURE__ */ g("span", { children: `${e.scheduleDependency} ${o(i.lag)}` }),
+    h !== void 0 && /* @__PURE__ */ g("span", { className: v.finding, children: e.scheduleViolatedBy(o(h.shortBy)) })
   ] });
 }
-const yn = [], ke = { min: Bt, max: 28 * U }, vn = [], ye = 20, Ct = 44, wn = Ee(function(t, e) {
-  var de;
+const bs = [], ve = { min: xt, max: 28 * X }, Ms = [], we = 20, Ft = 44, Ts = Re(function(t, e) {
+  var ce;
   const {
-    scene: s,
-    ariaLabel: n,
+    scene: n,
+    ariaLabel: o,
     height: i = 400,
-    laneHeight: r = pt,
+    laneHeight: r = gt,
     headerWidth: a = 160,
-    calendar: d = vn,
+    calendar: l = Ms,
     zoomLimits: h,
-    snap: l = "ticks",
-    intents: c = yn,
-    onIntent: p,
-    canMoveTo: m,
+    snap: d = "ticks",
+    intents: c = bs,
+    onIntent: m,
+    canMoveTo: p,
     onInteraction: y,
     selectedTask: I,
     onSelectedTaskChange: A,
     placing: C,
-    route: g = "curve",
+    route: k = "curve",
     attach: T = "centre",
     ends: S = "dot",
     label: E,
-    tooltip: D,
+    tooltip: _,
     now: P,
-    className: ot,
-    style: kt,
-    children: ct
-  } = t, yt = ms(), Ut = `${yt}-summary`, Xt = G(null), qt = G(null), jt = G(null), Jt = G(null), Y = xt(), x = mt(), Zt = (h == null ? void 0 : h.min) ?? ke.min, Qt = (h == null ? void 0 : h.max) ?? ke.max, te = typeof l == "object" ? l.step : null, ee = typeof l == "object" ? l.offset : null, se = typeof l == "object" ? null : l, [Ze, Qe] = tt(() => Date.now());
-  W(() => {
+    className: it,
+    style: wt,
+    children: ut
+  } = t, bt = vn(), qt = `${bt}-summary`, jt = G(null), Jt = G(null), Zt = G(null), Qt = G(null), z = Ht(), B = kt(), te = (h == null ? void 0 : h.min) ?? ve.min, ee = (h == null ? void 0 : h.max) ?? ve.max, ne = typeof d == "object" ? d.step : null, se = typeof d == "object" ? d.offset : null, oe = typeof d == "object" ? null : d, [en, nn] = et(() => Date.now());
+  U(() => {
     if (P !== !0) return;
-    const u = setInterval(() => Qe(Date.now()), q);
+    const u = setInterval(() => nn(Date.now()), q);
     return () => clearInterval(u);
   }, [P]);
-  const ne = P === !0 ? Ze : typeof P == "number" ? P : null;
-  it(() => {
-    const u = se ?? { step: te ?? 0, offset: ee ?? 0 };
-    s.setOptions({ laneHeight: r, calendar: d, zoomLimits: { min: Zt, max: Qt }, snap: u, intents: c, now: ne, route: g, attach: T, ends: S });
-  }, [s, r, d, Zt, Qt, se, te, ee, c, ne, g, T, S]), W(() => {
-    s.setHandlers({ onIntent: p, canMoveTo: m, onInteraction: y, onSelectedTaskChange: A });
-  }, [s, p, m, y, A]), gs(
+  const ie = P === !0 ? en : typeof P == "number" ? P : null;
+  rt(() => {
+    const u = oe ?? { step: ne ?? 0, offset: se ?? 0 };
+    n.setOptions({ laneHeight: r, calendar: l, zoomLimits: { min: te, max: ee }, snap: u, intents: c, now: ie, route: k, attach: T, ends: S });
+  }, [n, r, l, te, ee, oe, ne, se, c, ie, k, T, S]), U(() => {
+    n.setHandlers({ onIntent: m, canMoveTo: p, onInteraction: y, onSelectedTaskChange: A });
+  }, [n, m, p, y, A]), wn(
     e,
     () => ({
-      positionAt: (u, w) => s.positionAt(u, w),
-      clientPointOf: (u, w) => s.clientPointOf(u, w),
-      visibleDomain: () => s.visibleDomain()
+      positionAt: (u, w) => n.positionAt(u, w),
+      clientPointOf: (u, w) => n.clientPointOf(u, w),
+      visibleDomain: () => n.visibleDomain()
     }),
-    [s]
-  ), W(() => {
-    s.setControlledTask(I);
-  }, [s, I]), W(() => {
-    s.setPlacing(C ?? null);
-  }, [s, C]), W(() => {
-    const u = Xt.current, w = qt.current, L = jt.current, R = Jt.current;
-    if (!u || !w || !L || !R) return;
-    s.bind(u, w, L, R);
-    const _ = w.getBoundingClientRect();
-    s.resize(_.width, _.height);
+    [n]
+  ), U(() => {
+    n.setControlledTask(I);
+  }, [n, I]), U(() => {
+    n.setPlacing(C ?? null);
+  }, [n, C]), U(() => {
+    const u = jt.current, w = Jt.current, L = Zt.current, N = Qt.current;
+    if (!u || !w || !L || !N) return;
+    n.bind(u, w, L, N);
+    const D = w.getBoundingClientRect();
+    n.resize(D.width, D.height);
     const F = new ResizeObserver((O) => {
-      var ut;
-      const $ = (ut = O[O.length - 1]) == null ? void 0 : ut.contentRect;
-      $ !== void 0 && s.resize($.width, $.height);
+      var ft;
+      const x = (ft = O[O.length - 1]) == null ? void 0 : ft.contentRect;
+      x !== void 0 && n.resize(x.width, x.height);
     });
     F.observe(w);
-    const B = (O) => s.wheel(O);
-    u.addEventListener("wheel", B, { passive: !1 });
-    const z = (O) => {
-      O.key === "Escape" && s.cancelEdit() && O.preventDefault();
+    const $ = (O) => n.wheel(O);
+    u.addEventListener("wheel", $, { passive: !1 });
+    const K = (O) => {
+      O.key === "Escape" && n.cancelEdit() && O.preventDefault();
     };
-    return window.addEventListener("keydown", z), () => {
-      window.removeEventListener("keydown", z), u.removeEventListener("wheel", B), F.disconnect(), s.unbind();
+    return window.addEventListener("keydown", K), () => {
+      window.removeEventListener("keydown", K), u.removeEventListener("wheel", $), F.disconnect(), n.unbind();
     };
-  }, [s]);
-  const b = Re(s.subscribe, s.getSnapshot, s.getServerSnapshot), ts = (u, w) => {
+  }, [n]);
+  const b = Pe(n.subscribe, n.getSnapshot, n.getServerSnapshot), sn = (u, w) => {
     const L = new Date(u);
-    return w >= 200 ? Y.dateLong(L) : w >= 84 ? Y.date(L) : w >= Ct ? Y.dateShort(L) : "";
-  }, es = b.days.reduce((u, w) => Math.max(u, w.width), 0), J = $s(es, Ct), oe = b.step >= U ? J : 1, M = b.ghost, Z = b.spoken, vt = b.summary, ie = (u) => `${Y.dateShort(new Date(u))} ${Y.time(new Date(u), !1)}`, wt = (u) => `${yt}-row-${encodeURIComponent(u.key)}`, ss = X(() => {
+    return w >= 200 ? z.dateLong(L) : w >= 84 ? z.date(L) : w >= Ft ? z.dateShort(L) : "";
+  }, on = b.days.reduce((u, w) => Math.max(u, w.width), 0), Z = zn(on, Ft), re = b.step >= X ? Z : 1, M = b.ghost, Q = b.spoken, Mt = b.summary, ae = (u) => `${z.dateShort(new Date(u))} ${z.time(new Date(u), !1)}`, Tt = (u) => `${bt}-row-${encodeURIComponent(u.key)}`, rn = V(() => {
     const u = /* @__PURE__ */ new Map();
     for (const w of b.headers)
       for (const L of w.within)
-        w.kind === "groupHead" && L === w.group || u.set(L, [...u.get(L) ?? [], wt(w)]);
+        w.kind === "groupHead" && L === w.group || u.set(L, [...u.get(L) ?? [], Tt(w)]);
     return u;
-  }, [b.headers, yt]), re = G(null);
-  it(() => {
+  }, [b.headers, bt]), le = G(null);
+  rt(() => {
     var F;
-    const u = re.current;
+    const u = le.current;
     if (u === null) return;
     let w = !0;
     const L = () => {
       if (!w) return;
-      const B = [...u.querySelectorAll("[data-lane-count]")];
-      for (const O of B) O.hidden = !1;
-      const z = B.some((O) => {
-        const $ = O.previousElementSibling;
-        if (!($ instanceof HTMLElement)) return !1;
-        const ut = parseFloat(getComputedStyle($).lineHeight);
-        return $.scrollWidth > $.clientWidth || $.clientHeight > ut * 1.5;
+      const $ = [...u.querySelectorAll("[data-lane-count]")];
+      for (const O of $) O.hidden = !1;
+      const K = $.some((O) => {
+        const x = O.previousElementSibling;
+        if (!(x instanceof HTMLElement)) return !1;
+        const ft = parseFloat(getComputedStyle(x).lineHeight);
+        return x.scrollWidth > x.clientWidth || x.clientHeight > ft * 1.5;
       });
-      for (const O of B) O.hidden = z;
+      for (const O of $) O.hidden = K;
     };
     L(), (F = document.fonts) == null || F.ready.then(L);
-    const R = new ResizeObserver(L);
-    R.observe(u);
-    const _ = new MutationObserver(L);
-    return _.observe(u, { childList: !0, characterData: !0, subtree: !0 }), () => {
-      w = !1, R.disconnect(), _.disconnect();
+    const N = new ResizeObserver(L);
+    N.observe(u);
+    const D = new MutationObserver(L);
+    return D.observe(u, { childList: !0, characterData: !0, subtree: !0 }), () => {
+      w = !1, N.disconnect(), D.disconnect();
     };
   }, []);
-  const ns = X(() => new Set((M == null ? void 0 : M.refusedLanes) ?? []), [M == null ? void 0 : M.refusedLanes]), ae = G(null), [bt, os] = tt({ x: 0, y: 0, at: "" }), Mt = M === null ? "" : `${M.x}:${M.y}:${M.from}:${M.to}:${M.overlap}:${M.violated}:${M.refused}:${M.blocked}`;
-  it(() => {
-    const u = ae.current;
+  const an = V(() => new Set((M == null ? void 0 : M.refusedLanes) ?? []), [M == null ? void 0 : M.refusedLanes]), de = G(null), [It, ln] = et({ x: 0, y: 0, at: "" }), St = M === null ? "" : `${M.x}:${M.y}:${M.from}:${M.to}:${M.overlap}:${M.violated}:${M.refused}:${M.blocked}`;
+  rt(() => {
+    const u = de.current;
     if (M === null || u === null) return;
-    const w = 4, L = M.y - u.offsetHeight - w, R = M.y + M.height + w, _ = {
+    const w = 4, L = M.y - u.offsetHeight - w, N = M.y + M.height + w, D = {
       x: Math.max(2, Math.min(M.x, b.width - u.offsetWidth - 2)),
-      y: L >= 2 ? L : Math.min(R, b.height - u.offsetHeight - 2),
-      at: Mt
+      y: L >= 2 ? L : Math.min(N, b.height - u.offsetHeight - 2),
+      at: St
     };
-    os((F) => F.x === _.x && F.y === _.y && F.at === _.at ? F : _);
-  }, [M, Mt, b.width, b.height]);
-  const le = G(null), [Tt, is] = tt({ x: 0, y: 0, at: "" }), V = b.tooltip, It = V === null ? "" : `${V.x}:${V.y}:${V.target.kind}`;
-  return it(() => {
-    const u = le.current;
-    if (V === null || u === null) return;
-    const w = 12, L = (_, F, B) => {
-      const z = _ + w, O = _ - w - F, $ = z + F <= B - 4 || O < 4 ? z : O;
-      return Math.max(4, Math.min($, B - F - 4));
-    }, R = {
-      x: L(V.x, u.offsetWidth, b.width),
-      y: L(V.y, u.offsetHeight, b.height),
-      at: It
+    ln((F) => F.x === D.x && F.y === D.y && F.at === D.at ? F : D);
+  }, [M, St, b.width, b.height]);
+  const he = G(null), [Lt, dn] = et({ x: 0, y: 0, at: "" }), W = b.tooltip, At = W === null ? "" : `${W.x}:${W.y}:${W.target.kind}`;
+  return rt(() => {
+    const u = he.current;
+    if (W === null || u === null) return;
+    const w = 12, L = (D, F, $) => {
+      const K = D + w, O = D - w - F, x = K + F <= $ - 4 || O < 4 ? K : O;
+      return Math.max(4, Math.min(x, $ - F - 4));
+    }, N = {
+      x: L(W.x, u.offsetWidth, b.width),
+      y: L(W.y, u.offsetHeight, b.height),
+      at: At
     };
-    is((_) => _.x === R.x && _.y === R.y && _.at === R.at ? _ : R);
-  }, [V, It, b.width, b.height]), /* @__PURE__ */ K(Pe.Provider, { value: s, children: [
-    /* @__PURE__ */ K(
+    dn((D) => D.x === N.x && D.y === N.y && D.at === N.at ? D : N);
+  }, [W, At, b.width, b.height]), /* @__PURE__ */ H(Be.Provider, { value: n, children: [
+    /* @__PURE__ */ H(
       "div",
       {
-        ref: Xt,
+        ref: jt,
         role: "figure",
-        "aria-label": n,
-        className: ot ? `${v.root} ${ot}` : v.root,
-        style: { height: `${i}px`, gridTemplateColumns: `min(${a}px, 40%) minmax(0, 1fr)`, ...kt },
+        "aria-label": o,
+        className: it ? `${v.root} ${it}` : v.root,
+        style: { height: `${i}px`, gridTemplateColumns: `min(${a}px, 40%) minmax(0, 1fr)`, ...wt },
         children: [
-          /* @__PURE__ */ k("div", { className: v.corner }),
-          /* @__PURE__ */ k("div", { className: v.dayBand, "aria-hidden": "true", "data-schedule-days": "", "data-schedule-clip": "day band", children: b.days.map((u, w) => {
-            var B;
-            const L = J === 1 || w === 0 || At(u.start, J), R = J === 1 ? u.x + u.width : ((B = b.days.slice(w + 1).find((z) => At(z.start, J))) == null ? void 0 : B.x) ?? b.width, _ = Math.max(0, -u.x), F = Math.min(R, b.width) - Math.max(u.x, 0);
-            return /* @__PURE__ */ k("span", { className: v.day, style: { left: `${u.x}px`, width: `${L ? R - u.x : u.width}px` }, children: /* @__PURE__ */ k("span", { className: v.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${_}px` }, children: L ? ts(u.start, J === 1 ? F : Math.min(F, Ct)) : "" }) }, u.start);
+          /* @__PURE__ */ g("div", { className: v.corner }),
+          /* @__PURE__ */ g("div", { className: v.dayBand, "aria-hidden": "true", "data-schedule-days": "", "data-schedule-clip": "day band", children: b.days.map((u, w) => {
+            var $;
+            const L = Z === 1 || w === 0 || _t(u.start, Z), N = Z === 1 ? u.x + u.width : (($ = b.days.slice(w + 1).find((K) => _t(K.start, Z))) == null ? void 0 : $.x) ?? b.width, D = Math.max(0, -u.x), F = Math.min(N, b.width) - Math.max(u.x, 0);
+            return /* @__PURE__ */ g("span", { className: v.day, style: { left: `${u.x}px`, width: `${L ? N - u.x : u.width}px` }, children: /* @__PURE__ */ g("span", { className: v.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${D}px` }, children: L ? sn(u.start, Z === 1 ? F : Math.min(F, Ft)) : "" }) }, u.start);
           }) }),
-          /* @__PURE__ */ k("div", { ref: re, className: v.headers, "data-schedule-headers": "", children: /* @__PURE__ */ k("div", { className: v.headerRun, style: { transform: `translateY(${-b.scrollY}px)` }, children: b.headers.map((u) => /* @__PURE__ */ K(
+          /* @__PURE__ */ g("div", { ref: le, className: v.headers, "data-schedule-headers": "", children: /* @__PURE__ */ g("div", { className: v.headerRun, style: { transform: `translateY(${-b.scrollY}px)` }, children: b.headers.map((u) => /* @__PURE__ */ H(
             "div",
             {
-              id: wt(u),
+              id: Tt(u),
               className: v.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 && ns.has(u.lane) ? "" : void 0,
+              "data-refused": u.lane !== void 0 && an.has(u.lane) ? "" : void 0,
               children: [
-                u.kind !== "lane" && u.group !== void 0 && /* @__PURE__ */ k(
+                u.kind !== "lane" && u.group !== void 0 && /* @__PURE__ */ g(
                   "button",
                   {
                     type: "button",
                     className: v.chevron,
                     "data-schedule-overlay": "fold control",
                     "aria-expanded": u.collapsed === !1,
-                    "aria-controls": (ss.get(u.group) ?? [wt(u)]).join(" "),
-                    "aria-label": `${u.collapsed === !0 ? x.scheduleUnfoldGroup : x.scheduleFoldGroup}: ${typeof u.label == "string" ? u.label : u.group}`,
-                    onClick: () => s.toggleGroup(u.group),
-                    children: /* @__PURE__ */ k(ys, { size: 9, "data-open": u.collapsed === !1 ? "" : void 0 })
+                    "aria-controls": (rn.get(u.group) ?? [Tt(u)]).join(" "),
+                    "aria-label": `${u.collapsed === !0 ? B.scheduleUnfoldGroup : B.scheduleFoldGroup}: ${typeof u.label == "string" ? u.label : u.group}`,
+                    onClick: () => n.toggleGroup(u.group),
+                    children: /* @__PURE__ */ g(Mn, { size: 9, "data-open": u.collapsed === !1 ? "" : void 0 })
                   }
                 ),
-                /* @__PURE__ */ k("span", { className: v.headerLabel, "data-schedule-overlay": "header label", children: u.label }),
-                u.kind !== "lane" && /* @__PURE__ */ k("span", { className: v.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": u.lanes, children: x.scheduleLaneCount(u.lanes) })
+                /* @__PURE__ */ g("span", { className: v.headerLabel, "data-schedule-overlay": "header label", children: u.label }),
+                u.kind !== "lane" && /* @__PURE__ */ g("span", { className: v.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": u.lanes, children: B.scheduleLaneCount(u.lanes) })
               ]
             },
             u.key
           )) }) }),
-          /* @__PURE__ */ K(
+          /* @__PURE__ */ H(
             "div",
             {
-              ref: qt,
+              ref: Jt,
               className: v.plot,
               "data-schedule-plot": "",
               "data-schedule-clip": "plot",
               style: { cursor: b.cursor },
               tabIndex: 0,
               role: "application",
-              "aria-roledescription": x.scheduleRoleDescription,
-              "aria-label": n,
-              "aria-describedby": Ut,
+              "aria-roledescription": B.scheduleRoleDescription,
+              "aria-label": o,
+              "aria-describedby": qt,
               onKeyDown: (u) => {
-                s.key(u.nativeEvent) && u.preventDefault();
+                n.key(u.nativeEvent) && u.preventDefault();
               },
-              onFocus: (u) => s.focus(bn(u.currentTarget)),
-              onBlur: () => s.blur(),
-              onPointerDown: (u) => s.pointerDown(u.nativeEvent),
-              onPointerMove: (u) => s.pointerMove(u.nativeEvent),
-              onPointerUp: (u) => s.pointerUp(u.nativeEvent),
-              onPointerCancel: (u) => s.pointerCancel(u.nativeEvent),
-              onPointerLeave: () => s.pointerLeave(),
-              onContextMenu: (u) => s.contextMenu(u.nativeEvent),
-              onDragOver: (u) => s.dragOver(u.nativeEvent),
-              onDrop: (u) => s.drop(u.nativeEvent),
+              onFocus: (u) => n.focus(Is(u.currentTarget)),
+              onBlur: () => n.blur(),
+              onPointerDown: (u) => n.pointerDown(u.nativeEvent),
+              onPointerMove: (u) => n.pointerMove(u.nativeEvent),
+              onPointerUp: (u) => n.pointerUp(u.nativeEvent),
+              onPointerCancel: (u) => n.pointerCancel(u.nativeEvent),
+              onPointerLeave: () => n.pointerLeave(),
+              onContextMenu: (u) => n.contextMenu(u.nativeEvent),
+              onDragOver: (u) => n.dragOver(u.nativeEvent),
+              onDrop: (u) => n.drop(u.nativeEvent),
               onDragLeave: (u) => {
                 const w = u.nativeEvent.relatedTarget;
-                (!(w instanceof Node) || !u.currentTarget.contains(w)) && s.dragLeave();
+                (!(w instanceof Node) || !u.currentTarget.contains(w)) && n.dragLeave();
               },
               children: [
-                /* @__PURE__ */ k("canvas", { ref: jt, className: v.layer, "aria-hidden": "true" }),
-                /* @__PURE__ */ k("canvas", { ref: Jt, className: v.layer, "aria-hidden": "true" }),
-                b.grips.map((u) => /* @__PURE__ */ k(
+                /* @__PURE__ */ g("canvas", { ref: Zt, className: v.layer, "aria-hidden": "true" }),
+                /* @__PURE__ */ g("canvas", { ref: Qt, className: v.layer, "aria-hidden": "true" }),
+                b.grips.map((u) => /* @__PURE__ */ g(
                   "span",
                   {
                     "data-grip": u.kind,
@@ -871,7 +894,7 @@ const yn = [], ke = { min: Bt, max: 28 * U }, vn = [], ye = 20, Ct = 44, wn = Ee
                   },
                   u.kind
                 )),
-                E !== void 0 && b.bars.map((u) => /* @__PURE__ */ k(
+                E !== void 0 && b.bars.map((u) => /* @__PURE__ */ g(
                   "span",
                   {
                     className: v.barLabel,
@@ -880,30 +903,30 @@ const yn = [], ke = { min: Bt, max: 28 * U }, vn = [], ye = 20, Ct = 44, wn = Ee
                     "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__ */ k("span", { className: v.barLabelText, children: E(u.subtask) })
+                    children: /* @__PURE__ */ g("span", { className: v.barLabelText, children: E(u.subtask) })
                   },
                   u.subtask.id
                 )),
-                D !== !1 && b.tooltip !== null && /* @__PURE__ */ k(
+                _ !== !1 && b.tooltip !== null && /* @__PURE__ */ g(
                   "span",
                   {
-                    ref: le,
+                    ref: he,
                     role: "tooltip",
                     className: v.tooltip,
                     "data-schedule-tooltip": "",
                     "data-schedule-overlay": "tooltip",
                     style: {
-                      left: `${Tt.x}px`,
-                      top: `${Tt.y}px`,
-                      visibility: Tt.at === It ? void 0 : "hidden"
+                      left: `${Lt.x}px`,
+                      top: `${Lt.y}px`,
+                      visibility: Lt.at === At ? void 0 : "hidden"
                     },
-                    children: typeof D == "function" ? D(b.tooltip.target) : /* @__PURE__ */ k(kn, { target: b.tooltip.target })
+                    children: typeof _ == "function" ? _(b.tooltip.target) : /* @__PURE__ */ g(ws, { target: b.tooltip.target })
                   }
                 ),
-                M !== null && /* @__PURE__ */ K(
+                M !== null && /* @__PURE__ */ H(
                   "span",
                   {
-                    ref: ae,
+                    ref: de,
                     className: v.ghostLabel,
                     "data-ghost": "",
                     "data-schedule-overlay": "ghost label",
@@ -911,71 +934,75 @@ const yn = [], ke = { min: Bt, max: 28 * U }, vn = [], ye = 20, Ct = 44, wn = Ee
                     "data-refused": M.refused ? "" : void 0,
                     "data-blocked": M.blocked ? "" : void 0,
                     style: {
-                      left: `${bt.x}px`,
-                      top: `${bt.y}px`,
-                      visibility: bt.at === Mt ? void 0 : "hidden"
+                      left: `${It.x}px`,
+                      top: `${It.y}px`,
+                      visibility: It.at === St ? void 0 : "hidden"
                     },
                     children: [
-                      x.scheduleGhostTimes(Y.time(new Date(M.from), !1), Y.time(new Date(M.to), !1)),
-                      M.refused && /* @__PURE__ */ k("span", { className: v.refusal, children: x.scheduleLaneRefused }),
-                      M.blocked && /* @__PURE__ */ k("span", { className: v.refusal, children: x.scheduleBlockedTime }),
-                      M.overlap && /* @__PURE__ */ k("span", { className: v.finding, children: x.scheduleOverlap }),
-                      M.violated && /* @__PURE__ */ k("span", { className: v.finding, children: x.scheduleViolatedDependency })
+                      B.scheduleGhostTimes(z.time(new Date(M.from), !1), z.time(new Date(M.to), !1)),
+                      M.refused && /* @__PURE__ */ g("span", { className: v.refusal, children: B.scheduleLaneRefused }),
+                      M.blocked && /* @__PURE__ */ g("span", { className: v.refusal, children: B.scheduleBlockedTime }),
+                      M.overlap && /* @__PURE__ */ g("span", { className: v.finding, children: B.scheduleOverlap }),
+                      M.violated && /* @__PURE__ */ g("span", { className: v.finding, children: B.scheduleViolatedDependency })
                     ]
                   }
                 ),
-                /* @__PURE__ */ k("span", { className: v.focusRing, "aria-hidden": "true" })
+                /* @__PURE__ */ g("span", { className: v.focusRing, "aria-hidden": "true" })
               ]
             }
           ),
-          /* @__PURE__ */ k("div", { className: v.corner }),
-          /* @__PURE__ */ K("div", { className: v.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
-            b.now !== null && /* @__PURE__ */ k("span", { className: v.now, "data-now": "", "data-schedule-overlay": "now mark", style: { left: `${b.now}px` } }),
-            b.ticks.map((u) => /* @__PURE__ */ k("span", { className: v.tick, style: { left: `${u.x}px` }, children: u.x >= ye && u.x <= b.width - ye && (oe === 1 || At(u.wallClock, oe)) && /* @__PURE__ */ k("span", { className: v.tickLabel, "data-schedule-overlay": "time label", children: b.step >= U ? Y.dateShort(new Date(u.wallClock)) : Y.time(new Date(u.wallClock), !1) }) }, u.wallClock))
+          /* @__PURE__ */ g("div", { className: v.corner }),
+          /* @__PURE__ */ H("div", { className: v.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
+            b.now !== null && /* @__PURE__ */ g("span", { className: v.now, "data-now": "", "data-schedule-overlay": "now mark", style: { left: `${b.now}px` } }),
+            b.ticks.map((u) => /* @__PURE__ */ g("span", { className: v.tick, style: { left: `${u.x}px` }, children: u.x >= we && u.x <= b.width - we && (re === 1 || _t(u.wallClock, re)) && /* @__PURE__ */ g("span", { className: v.tickLabel, "data-schedule-overlay": "time label", children: b.step >= X ? z.dateShort(new Date(u.wallClock)) : z.time(new Date(u.wallClock), !1) }) }, u.wallClock))
           ] }),
-          /* @__PURE__ */ k(he, { "aria-live": "polite", children: Z !== null && /* @__PURE__ */ k(
-            gn,
+          /* @__PURE__ */ g(ue, { "aria-live": "polite", children: Q !== null && /* @__PURE__ */ g(
+            vs,
             {
-              target: Z.target,
-              lane: Z.lane === null ? null : ((de = s.data.lanes.find((u) => u.id === Z.lane)) == null ? void 0 : de.label) ?? Z.lane
+              target: Q.target,
+              lane: Q.lane === null ? null : ((ce = n.data.lanes.find((u) => u.id === Q.lane)) == null ? void 0 : ce.label) ?? Q.lane
             },
-            Z.count
+            Q.count
           ) }),
-          /* @__PURE__ */ k(he, { id: Ut, children: `${x.scheduleSummary({ ...vt, from: ie(vt.from), to: ie(vt.to) })} ${x.scheduleKeyHelp}` })
+          /* @__PURE__ */ g(ue, { id: qt, children: `${B.scheduleSummary({ ...Mt, from: ae(Mt.from), to: ae(Mt.to) })} ${B.scheduleKeyHelp}` })
         ]
       }
     ),
-    ct
+    ut
   ] });
 });
-function bn(o) {
+function Is(s) {
   try {
-    return o.matches(":focus-visible");
+    return s.matches(":focus-visible");
   } catch {
     return !0;
   }
 }
-function Mn({ id: o, label: t }) {
-  const e = xe(), s = X(() => ({ id: o, label: t ?? o, ...e === null ? {} : { parent: e } }), [o, t, e]);
-  return Ms(s), null;
+function Ss({ id: s, label: t }) {
+  const e = He(), n = V(() => ({ id: s, label: t ?? s, ...e === null ? {} : { parent: e } }), [s, t, e]);
+  return Ln(n), null;
+}
+function Ls({ id: s, label: t, children: e }) {
+  const n = He(), o = V(() => ({ id: s, label: t ?? s, ...n === null ? {} : { parent: n } }), [s, t, n]);
+  return An(o), /* @__PURE__ */ g(xe.Provider, { value: s, children: e });
 }
-function Tn({ id: o, label: t, children: e }) {
-  const s = xe(), n = X(() => ({ id: o, label: t ?? o, ...s === null ? {} : { parent: s } }), [o, t, s]);
-  return Ts(n), /* @__PURE__ */ k(Be.Provider, { value: o, children: e });
+function As({ data: s, tasks: t }) {
+  const e = V(() => ({ kind: "subtasks", data: s, tasks: t }), [s, t]);
+  return vt("Subtasks", e), null;
 }
-function In({ data: o, tasks: t }) {
-  const e = X(() => ({ kind: "subtasks", data: o, tasks: t }), [o, t]);
-  return Kt("Subtasks", e), null;
+function Cs({ data: s }) {
+  const t = V(() => ({ kind: "dependencies", data: s }), [s]);
+  return vt("Dependencies", t), null;
 }
-function Sn({ data: o }) {
-  const t = X(() => ({ kind: "dependencies", data: o }), [o]);
-  return Kt("Dependencies", t), null;
+function Ds({ data: s }) {
+  const t = V(() => ({ kind: "blocked", data: s }), [s]);
+  return vt("BlockedTimes", t), null;
 }
-function Ln({ data: o }) {
-  const t = X(() => ({ kind: "blocked", data: o }), [o]);
-  return Kt("BlockedTimes", t), null;
+function _s({ data: s }) {
+  const t = V(() => ({ kind: "milestones", data: s }), [s]);
+  return vt("Milestones", t), null;
 }
-class An {
+class Fs {
   /** `changed` is called after every registration change. */
   constructor(t) {
     f(this, "nextId", 1);
@@ -994,6 +1021,8 @@ class An {
     f(this, "dependencies", []);
     /** Every blocked time, whichever layer declared it. */
     f(this, "blocked", []);
+    /** Every milestone, whichever layer declared it. */
+    f(this, "milestones", []);
     f(this, "tasks", /* @__PURE__ */ new Map());
     f(this, "overlaps", []);
     f(this, "violatedById", /* @__PURE__ */ new Map());
@@ -1039,14 +1068,14 @@ class An {
   rebuild() {
     if (!this.dirty) return !1;
     this.dirty = !1;
-    const t = (e) => [...e.keys()].sort((s, n) => s - n).map((s) => e.get(s));
-    this.lanes = t(this.laneEntries), this.groups = t(this.groupEntries), this.laneIndex = new Map(this.lanes.map((e, s) => [e.id, s])), this.layers = t(this.layerEntries), this.subtasks = [], this.dependencies = [], this.blocked = [], this.tasks = /* @__PURE__ */ new Map();
+    const t = (e) => [...e.keys()].sort((n, o) => n - o).map((n) => e.get(n));
+    this.lanes = t(this.laneEntries), this.groups = t(this.groupEntries), this.laneIndex = new Map(this.lanes.map((e, n) => [e.id, n])), 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 s of e.tasks) this.tasks.set(s.id, s);
-      } else e.kind === "dependencies" ? this.dependencies.push(...e.data) : this.blocked.push(...e.data);
-    return this.subtaskById = new Map(this.subtasks.map((e) => [e.id, e])), this.overlaps = Ht(this.subtasks), this.violatedById = new Map(Yt(this.subtasks, this.dependencies).map((e) => [e.dependency, e])), this.depth = vs(this.subtasks), this.inBlocked = Ne(this.subtasks, this.blocked), !0;
+        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 = zt(this.subtasks), this.violatedById = new Map(Kt(this.subtasks, this.dependencies).map((e) => [e.dependency, e])), this.depth = Tn(this.subtasks), this.inBlocked = $e(this.subtasks, this.blocked), !0;
   }
   /** The task a dependency belongs to: its departing subtask's. */
   taskOfDependency(t) {
@@ -1057,22 +1086,23 @@ class An {
       data knows about it - its task, and the findings it stands in. */
   tooltipTargetFor(t) {
     if (t.kind === "subtask") {
-      const n = t.subtask.id, i = this.overlaps.filter((d) => d.first === n || d.second === n).map((d) => this.subtaskById.get(d.first === n ? d.second : d.first)).filter((d) => d !== void 0), r = this.dependencies.filter((d) => d.from === n || d.to === n).map((d) => this.violatedById.get(d.id)).filter((d) => d !== void 0), a = this.inBlocked.filter((d) => d.subtask === n).map((d) => this.blocked.find((h) => h.id === d.blocked)).filter((d) => d !== void 0);
+      const o = t.subtask.id, i = this.overlaps.filter((l) => l.first === o || l.second === o).map((l) => this.subtaskById.get(l.first === o ? l.second : l.first)).filter((l) => l !== void 0), r = this.dependencies.filter((l) => l.from === o || l.to === o).map((l) => this.violatedById.get(l.id)).filter((l) => l !== void 0), a = this.inBlocked.filter((l) => l.subtask === o).map((l) => this.blocked.find((h) => h.id === l.blocked)).filter((l) => l !== void 0);
       return { kind: "subtask", subtask: t.subtask, task: this.tasks.get(t.subtask.task), overlapping: i, violatedDependencies: r, blocked: a };
     }
+    if (t.kind === "milestone") return { kind: "milestone", milestone: t.milestone };
     if (t.kind !== "dependency") return null;
-    const e = t.dependency, s = this.taskOfDependency(e);
+    const e = t.dependency, n = this.taskOfDependency(e);
     return {
       kind: "dependency",
       dependency: e,
-      task: s !== null ? this.tasks.get(s) : 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 Cn = {
+const Os = {
   line: "var(--u-hairline)",
   lineStrong: "var(--u-hairline-strong)",
   text: "var(--u-color-text)",
@@ -1086,7 +1116,7 @@ const Cn = {
   /* 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)"
-}, Ve = {
+}, Ue = {
   line: "GrayText",
   lineStrong: "CanvasText",
   text: "CanvasText",
@@ -1096,337 +1126,349 @@ const Cn = {
   active: "Highlight",
   now: "GrayText",
   onAccent: "Canvas"
-}, _n = (o) => o ? Ve : Cn, Dn = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(forced-colors: active)").matches;
-function Fn(o, t) {
-  const e = Dn(), s = {};
-  for (const r of t.tasks.values()) s[`task:${r.id}`] = e ? Ve.text : r.color;
-  const n = cs(o, { ..._n(e), ...s }), i = /* @__PURE__ */ new Map();
-  for (const r of t.tasks.values()) i.set(r.id, n[`task:${r.id}`] ?? r.color);
+}, Es = (s) => s ? Ue : Os, Ns = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(forced-colors: active)").matches;
+function Rs(s, t) {
+  const e = Ns(), n = {};
+  for (const r of t.tasks.values()) n[`task:${r.id}`] = e ? Ue.text : r.color;
+  const o = pn(s, { ...Es(e), ...n }), i = /* @__PURE__ */ new Map();
+  for (const r of t.tasks.values()) i.set(r.id, o[`task:${r.id}`] ?? r.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: o.line,
+    lineStrong: o.lineStrong,
+    text: o.text,
+    muted: o.muted,
+    alarm: o.alarm,
+    surface: o.surface,
+    active: o.active,
+    now: o.now,
+    onAccent: o.onAccent,
     tasks: i,
     forced: e
   };
 }
-function lt(o) {
-  const t = o.match(/[\d.]+/g);
+function ht(s) {
+  const t = s.match(/[\d.]+/g);
   return t === null || t.length < 3 ? null : [Number(t[0]), Number(t[1]), Number(t[2])];
 }
-function ve(o) {
-  const t = lt(o);
-  return t === null ? 0 : Ue(We(t));
+function be(s) {
+  const t = ht(s);
+  return t === null ? 0 : qe(Xe(t));
 }
-function We(o) {
-  return o.map((t) => {
+function Xe(s) {
+  return s.map((t) => {
     const e = t / 255;
     return e <= 0.04045 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
   });
 }
-function Ue([o, t, e]) {
-  return 0.2126 * o + 0.7152 * t + 0.0722 * e;
-}
-function we(o, t) {
-  const e = ve(o), s = ve(t);
-  return (Math.max(e, s) + 0.05) / (Math.min(e, s) + 0.05);
-}
-function be(o, t, e) {
-  if (o === null) return null;
-  const s = typeof window > "u" ? 1 : window.devicePixelRatio || 1, n = Math.round(t * s), i = Math.round(e * s);
-  o.width !== n && (o.width = n), o.height !== i && (o.height = i);
-  const r = o.getContext("2d");
-  return r === null ? null : (r.setTransform(s, 0, 0, s, 0, 0), r.clearRect(0, 0, t, e), r);
-}
-function On(o, t) {
-  const { data: e, view: s } = t, n = s.viewport();
-  Pn(o, t, n);
-  for (const i of e.blocked) Kn(o, t, n, i);
-  Bn(o, t);
+function qe([s, t, e]) {
+  return 0.2126 * s + 0.7152 * t + 0.0722 * e;
+}
+function Me(s, t) {
+  const e = be(s), n = be(t);
+  return (Math.max(e, n) + 0.05) / (Math.min(e, n) + 0.05);
+}
+function Te(s, t, e) {
+  if (s === null) return null;
+  const n = typeof window > "u" ? 1 : window.devicePixelRatio || 1, o = Math.round(t * n), i = Math.round(e * n);
+  s.width !== o && (s.width = o), s.height !== i && (s.height = i);
+  const r = s.getContext("2d");
+  return r === null ? null : (r.setTransform(n, 0, 0, n, 0, 0), r.clearRect(0, 0, t, e), r);
+}
+function Ps(s, t) {
+  const { data: e, view: n } = t, o = n.viewport();
+  Hs(s, t, o);
+  for (const i of e.blocked) Xs(s, t, o, i);
+  Gs(s, t);
   for (const i of e.layers) {
-    if (i.kind === "blocked") continue;
+    if (i.kind === "blocked" || i.kind === "milestones") continue;
     const r = new Set(i.data);
     if (i.kind === "dependencies")
-      for (const a of s.paths) r.has(a.dependency) && Et(o, t, a, !1);
+      for (const a of n.paths) r.has(a.dependency) && Rt(s, t, a, !1);
     else
-      for (const a of s.boxes) r.has(a.subtask) && qe(o, t, a, 1);
+      for (const a of n.boxes) r.has(a.subtask) && Je(s, t, a, 1);
   }
-  for (const i of e.overlaps) Nt(o, t, n, i);
-  for (const i of e.inBlocked) Nt(o, t, n, i);
-  zn(o, t, n), Un(o, t);
+  for (const i of e.overlaps) $t(s, t, o, i);
+  for (const i of e.inBlocked) $t(s, t, o, i);
+  Us(s, t, o);
+  for (const i of e.milestones) tn(s, t, o, i, !1);
+  Js(s, t);
 }
-function En(o, t) {
-  const { view: e, hover: s } = t, n = e.viewport();
+function $s(s, t) {
+  const { view: e, hover: n } = t, o = e.viewport();
   if (t.ghost === null) {
-    if (s.kind === "subtask") {
-      const c = e.boxById.get(s.subtask.id);
-      c !== void 0 && Vn(o, t, c);
-    } else if (s.kind === "dependency") {
-      const c = e.paths.find((p) => p.dependency === s.dependency);
-      c !== void 0 && Et(o, t, c, !0);
-    }
+    if (n.kind === "subtask") {
+      const c = e.boxById.get(n.subtask.id);
+      c !== void 0 && qs(s, t, c);
+    } else if (n.kind === "dependency") {
+      const c = e.paths.find((m) => m.dependency === n.dependency);
+      c !== void 0 && Rt(s, t, c, !0);
+    } else n.kind === "milestone" && tn(s, t, o, n.milestone, !0);
     return;
   }
-  const i = t.ghost, { ghost: r, overlaps: a, violated: d } = i;
-  Rn(o, t, n, i.refusedLanes);
-  const h = Xe(n, r);
+  const i = t.ghost, { ghost: r, overlaps: a, violated: l } = i;
+  Bs(s, t, o, i.refusedLanes);
+  const h = je(o, r);
   if (h === null) return;
-  for (const c of a) Nt(o, t, n, c);
-  const l = new Set(d.map((c) => c.dependency));
+  for (const c of a) $t(s, t, o, c);
+  const d = 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 p = e.boxById.get(c.from === r.id ? c.to : c.from);
-    if (p === void 0) continue;
-    const m = c.from === r.id ? Ot(n, c, h, p, e.options) : Ot(n, c, p, h, e.options);
-    Et(o, t, m, !0, l.has(c.id));
-  }
-  qe(o, { ...t, selectedTask: null }, h, 0.55), o.strokeStyle = t.colours.text, o.lineWidth = 1, o.setLineDash([3, 2]), o.strokeRect(h.outerFrom + 0.5, h.y + 0.5, Math.max(1, h.outerTo - h.outerFrom - 1), h.height - 1), o.setLineDash([]), i.tether !== null && Nn(o, t, h, i.tether);
-}
-function Rn(o, t, e, s) {
-  if (s.size === 0) return;
-  const { width: n, height: i } = t.view;
-  for (const r of s) {
-    const a = dt(e, r);
+    const m = e.boxById.get(c.from === r.id ? c.to : c.from);
+    if (m === void 0) continue;
+    const p = c.from === r.id ? Nt(o, c, h, m, e.options) : Nt(o, c, m, h, e.options);
+    Rt(s, t, p, !0, d.has(c.id));
+  }
+  Je(s, { ...t, selectedTask: null }, h, 0.55), s.strokeStyle = t.colours.text, s.lineWidth = 1, s.setLineDash([3, 2]), s.strokeRect(h.outerFrom + 0.5, h.y + 0.5, Math.max(1, h.outerTo - h.outerFrom - 1), h.height - 1), s.setLineDash([]), i.tether !== null && xs(s, t, h, i.tether);
+}
+function Bs(s, t, e, n) {
+  if (n.size === 0) return;
+  const { width: o, height: i } = t.view;
+  for (const r of n) {
+    const a = J(e, r);
     if (a === null) continue;
-    const { top: d, height: h } = a;
-    d + h < 0 || d > i || (o.globalAlpha = 0.6, o.fillStyle = t.colours.surface, o.fillRect(0, d, n, h), o.globalAlpha = 1, Je(o, 0, d, n, h, t.colours.muted, 0.7, je, 1));
-  }
-}
-function Nn(o, t, e, s) {
-  const n = Math.max(e.outerFrom, Math.min(e.outerTo, s.x)), i = Math.max(e.y, Math.min(e.y + e.height, s.y));
-  Math.hypot(s.x - n, s.y - i) < 2 || (o.strokeStyle = t.colours.text, o.lineWidth = 1, o.setLineDash([2, 3]), o.beginPath(), o.moveTo(n + 0.5, i + 0.5), o.lineTo(s.x + 0.5, s.y + 0.5), o.stroke(), o.setLineDash([]));
-}
-function Xe(o, t) {
-  const e = Vt(o.rows, t.lane);
-  return e === null ? null : Ge(o, t, t.lane, e, 0);
-}
-function Pn(o, t, e) {
-  const { view: s, colours: n, bands: i } = t, { width: r, height: a } = s;
-  o.lineWidth = 1, o.strokeStyle = n.line, o.beginPath();
-  for (const l of i.ticks)
-    o.moveTo(l.x + 0.5, 0), o.lineTo(l.x + 0.5, a);
-  for (const l of e.rows.rows) {
-    const c = l.top + l.height - e.scrollY - 0.5;
-    c < 0 || c > a || (o.moveTo(0, c), o.lineTo(r, c));
-  }
-  const d = [...e.rows.slots.values()].filter((l) => l.miniature).sort((l, c) => l.top - c.top);
-  d.forEach((l, c) => {
-    const p = d[c + 1];
-    if (p === void 0 || p.top !== l.top + l.height || p.group === l.group) return;
-    const m = l.top + l.height - e.scrollY - 0.5;
-    m < 0 || m > a || (o.moveTo(0, m), o.lineTo(r, m));
-  }), o.stroke(), o.strokeStyle = n.lineStrong, o.beginPath();
-  for (const l of i.days)
-    o.moveTo(l.x + 0.5, 0), o.lineTo(l.x + 0.5, a);
-  o.stroke();
-  const h = us(s.options.calendar);
+    const { top: l, height: h } = a;
+    l + h < 0 || l > i || (s.globalAlpha = 0.6, s.fillStyle = t.colours.surface, s.fillRect(0, l, o, h), s.globalAlpha = 1, Qe(s, 0, l, o, h, t.colours.muted, 0.7, Ze, 1));
+  }
+}
+function xs(s, t, e, n) {
+  const o = Math.max(e.outerFrom, Math.min(e.outerTo, n.x)), i = Math.max(e.y, Math.min(e.y + e.height, n.y));
+  Math.hypot(n.x - o, n.y - i) < 2 || (s.strokeStyle = t.colours.text, s.lineWidth = 1, s.setLineDash([2, 3]), s.beginPath(), s.moveTo(o + 0.5, i + 0.5), s.lineTo(n.x + 0.5, n.y + 0.5), s.stroke(), s.setLineDash([]));
+}
+function je(s, t) {
+  const e = Wt(s.rows, t.lane);
+  return e === null ? null : Ye(s, t, t.lane, e, 0);
+}
+function Hs(s, t, e) {
+  const { view: n, colours: o, bands: i } = t, { width: r, height: a } = n;
+  s.lineWidth = 1, s.strokeStyle = o.line, s.beginPath();
+  for (const d of i.ticks)
+    s.moveTo(d.x + 0.5, 0), s.lineTo(d.x + 0.5, a);
+  for (const d of e.rows.rows) {
+    const c = d.top + d.height - e.scrollY - 0.5;
+    c < 0 || c > a || (s.moveTo(0, c), s.lineTo(r, c));
+  }
+  const l = [...e.rows.slots.values()].filter((d) => d.miniature).sort((d, c) => d.top - c.top);
+  l.forEach((d, c) => {
+    const m = l[c + 1];
+    if (m === void 0 || m.top !== d.top + d.height || m.group === d.group) return;
+    const p = d.top + d.height - e.scrollY - 0.5;
+    p < 0 || p > a || (s.moveTo(0, p), s.lineTo(r, p));
+  }), s.stroke(), s.strokeStyle = o.lineStrong, s.beginPath();
+  for (const d of i.days)
+    s.moveTo(d.x + 0.5, 0), s.lineTo(d.x + 0.5, a);
+  s.stroke();
+  const h = gn(n.options.calendar);
   if (h.length > 0) {
-    o.strokeStyle = n.muted, o.setLineDash([2, 3]), o.beginPath();
-    for (const l of h) {
-      const c = Math.round(e.scale.toPx(l.workingTime)) + 0.5;
-      c < 0 || c > r || (o.moveTo(c, 0), o.lineTo(c, a));
+    s.strokeStyle = o.muted, s.setLineDash([2, 3]), s.beginPath();
+    for (const d of h) {
+      const c = Math.round(e.scale.toPx(d.workingTime)) + 0.5;
+      c < 0 || c > r || (s.moveTo(c, 0), s.lineTo(c, a));
     }
-    o.stroke(), o.setLineDash([]);
+    s.stroke(), s.setLineDash([]);
   }
 }
-function Bn(o, t) {
+function Gs(s, t) {
   const e = t.view.nowX();
-  e !== null && (o.fillStyle = t.colours.now, o.fillRect(e, 0, 2, t.view.height));
+  e !== null && (s.fillStyle = t.colours.now, s.fillRect(e, 0, 2, t.view.height));
 }
-function xn(o, t, e, s) {
-  const n = ht(t.colours, t, e.subtask.task, e.subtask.id);
-  o.fillStyle = n;
+function Ys(s, t, e, n) {
+  const o = ct(t.colours, t, e.subtask.task, e.subtask.id);
+  s.fillStyle = o;
   for (const [i, r] of [
     [e.outerFrom, e.mainFrom],
     [e.mainTo, e.outerTo]
   ])
-    r <= i || (o.globalAlpha = 0.28 * s, o.fillRect(i, e.y, r - i, e.height));
-  o.globalAlpha = s, o.fillRect(e.mainFrom, e.y, Math.max(1, e.mainTo - e.mainFrom), e.height), o.globalAlpha = 1;
-}
-function Wt(o, t, e) {
-  if (o.dashed) return { fill: null, onDark: !1 };
-  const s = o.muted ? $n(t, e.surface, 0.5) : t;
-  return { fill: s, onDark: we(s, e.onAccent) > we(s, e.text) };
-}
-function $n(o, t, e) {
-  const s = lt(o), n = lt(t);
-  if (s === null || n === null) return o;
-  const i = (r) => Math.round(s[r] + (n[r] - s[r]) * e);
+    r <= i || (s.globalAlpha = 0.28 * n, s.fillRect(i, e.y, r - i, e.height));
+  s.globalAlpha = n, s.fillRect(e.mainFrom, e.y, Math.max(1, e.mainTo - e.mainFrom), e.height), s.globalAlpha = 1;
+}
+function Xt(s, t, e) {
+  if (s.dashed) return { fill: null, onDark: !1 };
+  const n = s.muted ? zs(t, e.surface, 0.5) : t;
+  return { fill: n, onDark: Me(n, e.onAccent) > Me(n, e.text) };
+}
+function zs(s, t, e) {
+  const n = ht(s), o = ht(t);
+  if (n === null || o === null) return s;
+  const i = (r) => Math.round(n[r] + (o[r] - n[r]) * e);
   return `rgb(${i(0)}, ${i(1)}, ${i(2)})`;
 }
-function Me(o, t) {
-  const e = lt(o);
-  if (e === null || t === 0) return o;
-  const s = We(e), n = Ue(s), [i, r, a] = s.map((d) => {
-    const h = d + (n - d) * t, l = h <= 31308e-7 ? h * 12.92 : 1.055 * h ** (1 / 2.4) - 0.055;
-    return Math.round(Math.min(1, Math.max(0, l)) * 255);
+function Ie(s, t) {
+  const e = ht(s);
+  if (e === null || t === 0) return s;
+  const n = Xe(e), o = qe(n), [i, r, a] = n.map((l) => {
+    const h = l + (o - l) * t, d = h <= 31308e-7 ? h * 12.92 : 1.055 * h ** (1 / 2.4) - 0.055;
+    return Math.round(Math.min(1, Math.max(0, d)) * 255);
   });
   return `rgb(${i}, ${r}, ${a})`;
 }
-function ht(o, t, e, s) {
-  const n = (e === null ? void 0 : o.tasks.get(e)) ?? o.muted;
-  return t.selectedTask === null ? n : e !== t.selectedTask ? o.forced ? o.muted : Me(n, 1) : o.forced || t.selectedSubtask === null || s === null || s === t.selectedSubtask ? n : Me(n, 0.5);
+function ct(s, t, e, n) {
+  const o = (e === null ? void 0 : s.tasks.get(e)) ?? s.muted;
+  return t.selectedTask === null ? o : e !== t.selectedTask ? s.forced ? s.muted : Ie(o, 1) : s.forced || t.selectedSubtask === null || n === null || n === t.selectedSubtask ? o : Ie(o, 0.5);
 }
-const Gn = 2;
-function qe(o, t, e, s) {
-  const { view: n, colours: i } = t;
-  if (!Ft(e, n.width, n.height)) return;
+const Ks = 2;
+function Je(s, t, e, n) {
+  const { view: o, colours: i } = t;
+  if (!Et(e, o.width, o.height)) return;
   if (e.miniature) {
-    xn(o, t, e, s);
+    Ys(s, t, e, n);
     return;
   }
-  const r = gt(e.subtask.appearance), a = ht(i, t, e.subtask.task, e.subtask.id), d = Wt(r, a, i), h = e.y, l = e.height, c = Math.max(1, e.mainTo - e.mainFrom), p = d.onDark ? i.onAccent : i.text;
-  o.lineWidth = 1, o.fillStyle = a, o.strokeStyle = a;
+  const r = yt(e.subtask.appearance), a = ct(i, t, e.subtask.task, e.subtask.id), l = Xt(r, a, i), h = e.y, d = e.height, c = Math.max(1, e.mainTo - e.mainFrom), m = l.onDark ? i.onAccent : i.text;
+  s.lineWidth = 1, s.fillStyle = a, s.strokeStyle = a;
   for (const [y, I] of [
     [e.outerFrom, e.mainFrom],
     [e.mainTo, e.outerTo]
   ])
-    I <= y || (o.globalAlpha = 0.28 * s, o.fillRect(y, h, I - y, l), o.globalAlpha = s, o.strokeRect(y + 0.5, h + 0.5, I - y - 1, l - 1));
-  d.fill !== null && (o.globalAlpha = s, o.fillStyle = d.fill, o.fillRect(e.mainFrom, h, c, l));
-  const m = e.subtask.progress;
-  if (m !== void 0) {
-    const y = Math.min(4, Math.max(2, Math.round(l / 6))), I = h + l - y - Gn, A = Math.round(c * Math.max(0, Math.min(1, m)));
-    o.fillStyle = d.fill === null ? a : p, o.globalAlpha = 0.3 * s, o.fillRect(e.mainFrom, I, c, y), o.globalAlpha = s, A > 0 && o.fillRect(e.mainFrom, I, A, y);
+    I <= y || (s.globalAlpha = 0.28 * n, s.fillRect(y, h, I - y, d), s.globalAlpha = n, s.strokeRect(y + 0.5, h + 0.5, I - y - 1, d - 1));
+  l.fill !== null && (s.globalAlpha = n, s.fillStyle = l.fill, s.fillRect(e.mainFrom, h, c, d));
+  const p = e.subtask.progress;
+  if (p !== void 0) {
+    const y = Math.min(4, Math.max(2, Math.round(d / 6))), I = h + d - y - Ks, A = Math.round(c * Math.max(0, Math.min(1, p)));
+    s.fillStyle = l.fill === null ? a : m, s.globalAlpha = 0.3 * n, s.fillRect(e.mainFrom, I, c, y), s.globalAlpha = n, A > 0 && s.fillRect(e.mainFrom, I, A, y);
   }
   if (r.hatched) {
-    const y = Math.max(1, Math.min($e, Math.floor((c - 2 * rt) / 3))), I = c >= 4 * y ? rt : 0, A = l >= 4 * rt ? rt : 0;
-    o.globalAlpha = s, o.fillStyle = p, o.fillRect(e.mainFrom + I, h + A, y, l - 2 * A), o.fillRect(e.mainTo - I - y, h + A, y, l - 2 * A);
-  }
-  r.open && Yn(o, e, h, l, i.surface, n.width), r.dashed && (o.globalAlpha = s, o.strokeStyle = a, o.setLineDash([4, 3]), o.strokeRect(e.mainFrom + 0.5, h + 0.5, c - 1, l - 1), o.setLineDash([])), o.globalAlpha = 1, e.depth > 0 && s === 1 && (o.strokeStyle = i.surface, o.strokeRect(e.outerFrom - 0.5, h - 0.5, e.outerTo - e.outerFrom + 1, l + 1));
-}
-const je = 6, Hn = 16;
-function Je(o, t, e, s, n, i, r, a, d) {
-  o.save(), o.beginPath(), o.rect(t, e, s, n), o.clip(), o.globalAlpha = 0.5 * r, o.strokeStyle = i, o.lineWidth = d, o.beginPath();
-  for (let h = t - n; h < t + s + n; h += a)
-    o.moveTo(h, e + n), o.lineTo(h + n, e);
-  o.stroke(), o.restore();
-}
-function Yn(o, t, e, s, n, i) {
-  const r = t.mainFrom < 0, a = t.mainTo > i, d = Math.max(1, Math.min(t.mainTo, i) - Math.max(t.mainFrom, 0)), h = Math.min(Hn, d);
-  r && Te(o, 0, h, e, s, n, 1), a && Te(o, i, -h, e, s, n, 1);
-}
-function Te(o, t, e, s, n, i, r) {
-  const a = o.createLinearGradient(t, 0, t + e, 0);
-  a.addColorStop(0, Ie(i, r)), a.addColorStop(1, Ie(i, 0)), o.globalAlpha = 1, o.fillStyle = a, o.fillRect(Math.min(t, t + e), s, Math.abs(e), n);
-}
-function Ie(o, t) {
-  const e = lt(o);
-  return e === null ? o : `rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`;
-}
-function Et(o, t, e, s, n) {
-  const { data: i, colours: r } = t, a = i.taskOfDependency(e.dependency), d = n ?? i.violatedById.has(e.dependency.id), h = a !== null && a === t.selectedTask, l = d ? r.alarm : ht(r, t, a, null);
-  if (o.strokeStyle = l, o.fillStyle = l, o.lineWidth = s || h ? 2 : 1.25, o.setLineDash(d ? [4, 3] : []), o.beginPath(), o.moveTo(e.x1, e.y1), e.kind === "curve")
-    o.bezierCurveTo(e.c1x, e.y1, e.c2x, e.y2, e.x2, e.y2);
+    const y = Math.max(1, Math.min(Ge, Math.floor((c - 2 * at) / 3))), I = c >= 4 * y ? at : 0, A = d >= 4 * at ? at : 0;
+    s.globalAlpha = n, s.fillStyle = m, s.fillRect(e.mainFrom + I, h + A, y, d - 2 * A), s.fillRect(e.mainTo - I - y, h + A, y, d - 2 * A);
+  }
+  r.open && Ws(s, e, h, d, i.surface, o.width), r.dashed && (s.globalAlpha = n, s.strokeStyle = a, s.setLineDash([4, 3]), s.strokeRect(e.mainFrom + 0.5, h + 0.5, c - 1, d - 1), s.setLineDash([])), s.globalAlpha = 1, e.depth > 0 && n === 1 && (s.strokeStyle = i.surface, s.strokeRect(e.outerFrom - 0.5, h - 0.5, e.outerTo - e.outerFrom + 1, d + 1));
+}
+const Ze = 6, Vs = 16;
+function Qe(s, t, e, n, o, i, r, a, l) {
+  s.save(), s.beginPath(), s.rect(t, e, n, o), s.clip(), s.globalAlpha = 0.5 * r, s.strokeStyle = i, s.lineWidth = l, s.beginPath();
+  for (let h = t - o; h < t + n + o; h += a)
+    s.moveTo(h, e + o), s.lineTo(h + o, e);
+  s.stroke(), s.restore();
+}
+function Ws(s, t, e, n, o, i) {
+  const r = t.mainFrom < 0, a = t.mainTo > i, l = Math.max(1, Math.min(t.mainTo, i) - Math.max(t.mainFrom, 0)), h = Math.min(Vs, l);
+  r && Se(s, 0, h, e, n, o, 1), a && Se(s, i, -h, e, n, o, 1);
+}
+function Se(s, t, e, n, o, i, r) {
+  const a = s.createLinearGradient(t, 0, t + e, 0);
+  a.addColorStop(0, Le(i, r)), a.addColorStop(1, Le(i, 0)), s.globalAlpha = 1, s.fillStyle = a, s.fillRect(Math.min(t, t + e), n, Math.abs(e), o);
+}
+function Le(s, t) {
+  const e = ht(s);
+  return e === null ? s : `rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`;
+}
+function Rt(s, t, e, n, o) {
+  const { data: i, colours: r } = t, a = i.taskOfDependency(e.dependency), l = o ?? i.violatedById.has(e.dependency.id), h = a !== null && a === t.selectedTask, d = l ? r.alarm : ct(r, t, a, null);
+  if (s.strokeStyle = d, s.fillStyle = d, s.lineWidth = n || h ? 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) o.lineTo(e.points[c], e.points[c + 1]);
-  if (o.stroke(), o.setLineDash([]), e.ends === "dot")
-    for (const [c, p] of [
+    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, m] of [
       [e.x1, e.y1],
       [e.x2, e.y2]
     ])
-      o.beginPath(), o.arc(c, p, d ? 3 : 2.5, 0, Math.PI * 2), o.fill();
+      s.beginPath(), s.arc(c, m, l ? 3 : 2.5, 0, Math.PI * 2), s.fill();
 }
-function zn(o, t, e) {
-  const { data: s } = t;
-  if (s.violatedById.size !== 0)
-    for (const n of s.violatedById.values()) {
-      const i = s.dependencies.find((c) => c.id === n.dependency), r = i === void 0 ? void 0 : s.subtaskById.get(i.to);
+function Us(s, t, e) {
+  const { data: n } = t;
+  if (n.violatedById.size !== 0)
+    for (const o of n.violatedById.values()) {
+      const i = n.dependencies.find((c) => c.id === o.dependency), r = i === void 0 ? void 0 : n.subtaskById.get(i.to);
       if (r === void 0) continue;
-      const a = dt(e, r.lane);
+      const a = J(e, r.lane);
       if (a === null || !a.miniature) continue;
-      const d = st(e.rows, a.top + e.scrollY);
-      if (d === null) continue;
-      const h = N(e, n.arrival), l = Math.max(h + 2, N(e, n.arrival + n.shortBy));
-      Rt(o, t, h, l, d.top - e.scrollY + 1, 3);
+      const l = st(e.rows, a.top + e.scrollY);
+      if (l === null) continue;
+      const h = R(e, o.arrival), d = Math.max(h + 2, R(e, o.arrival + o.shortBy));
+      Pt(s, t, h, d, l.top - e.scrollY + 1, 3);
     }
 }
-function Rt(o, t, e, s, n, i) {
+function Pt(s, t, e, n, o, i) {
   if (!t.colours.forced) {
-    o.fillStyle = t.colours.alarm, o.fillRect(e, n, s - e, i);
+    s.fillStyle = t.colours.alarm, s.fillRect(e, o, n - e, i);
     return;
   }
-  o.strokeStyle = t.colours.alarm, o.lineWidth = i, o.setLineDash([4, 3]), o.beginPath(), o.moveTo(e, n + i / 2), o.lineTo(s, n + i / 2), o.stroke(), o.setLineDash([]);
+  s.strokeStyle = t.colours.alarm, s.lineWidth = i, s.setLineDash([4, 3]), s.beginPath(), s.moveTo(e, o + i / 2), s.lineTo(n, o + i / 2), s.stroke(), s.setLineDash([]);
+}
+function Xs(s, t, e, n) {
+  const o = J(e, n.lane);
+  if (o === null || o.top + o.height < 0 || o.top > t.view.height) return;
+  const i = Math.max(0, R(e, n.from)), r = Math.min(t.view.width, R(e, n.to));
+  r <= i || (s.globalAlpha = 0.1, s.fillStyle = t.colours.muted, s.fillRect(i, o.top, r - i, o.height), s.globalAlpha = 1, Qe(s, i, o.top, r - i, o.height, t.colours.muted, 0.7, Ze, 1));
 }
-function Kn(o, t, e, s) {
-  const n = dt(e, s.lane);
-  if (n === null || n.top + n.height < 0 || n.top > t.view.height) return;
-  const i = Math.max(0, N(e, s.from)), r = Math.min(t.view.width, N(e, s.to));
-  r <= i || (o.globalAlpha = 0.1, o.fillStyle = t.colours.muted, o.fillRect(i, n.top, r - i, n.height), o.globalAlpha = 1, Je(o, i, n.top, r - i, n.height, t.colours.muted, 0.7, je, 1));
+function tn(s, t, e, n, o) {
+  const i = Ut(e, n);
+  if (i === null || i.x < -i.half || i.x > t.view.width + i.half) return;
+  const r = (a) => {
+    s.beginPath(), s.moveTo(i.x, i.y - a), s.lineTo(i.x + a, i.y), s.lineTo(i.x, i.y + a), s.lineTo(i.x - a, i.y), s.closePath();
+  };
+  o && (r(i.half + 3), s.fillStyle = t.colours.active, s.fill()), r(i.half + 1), s.fillStyle = t.colours.surface, s.fill(), r(i.half), s.fillStyle = t.colours.text, s.fill();
 }
-function Nt(o, t, e, s) {
-  const n = dt(e, s.lane);
-  if (n === null) return;
-  const i = N(e, s.from), r = Math.max(i + 2, N(e, s.to));
-  if (o.fillStyle = t.colours.alarm, o.globalAlpha = 0.14, o.fillRect(i, n.top + 1, r - i, Math.max(1, n.height - 2)), o.globalAlpha = 1, Rt(o, t, i, 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 && Rt(o, t, i, r, a.top - e.scrollY + 1, 3);
+function $t(s, t, e, n) {
+  const o = J(e, n.lane);
+  if (o === null) return;
+  const i = R(e, n.from), r = Math.max(i + 2, R(e, n.to));
+  if (s.fillStyle = t.colours.alarm, s.globalAlpha = 0.14, s.fillRect(i, o.top + 1, r - i, Math.max(1, o.height - 2)), s.globalAlpha = 1, Pt(s, t, i, r, o.top + 1, Math.min(3, Math.max(1, o.height - 1))), o.miniature) {
+    const a = st(e.rows, o.top + e.scrollY);
+    a !== null && Pt(s, t, i, r, a.top - e.scrollY + 1, 3);
   }
 }
-function Vn(o, t, e) {
-  const { colours: s } = t, n = gt(e.subtask.appearance), i = Wt(n, ht(s, t, e.subtask.task, e.subtask.id), s);
-  if (s.forced) {
-    o.strokeStyle = s.active, o.lineWidth = 2, o.strokeRect(e.outerFrom - 2, e.y - 2, Math.max(1, e.outerTo - e.outerFrom) + 4, e.height + 4);
+function qs(s, t, e) {
+  const { colours: n } = t, o = yt(e.subtask.appearance), i = Xt(o, ct(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;
   }
-  o.globalAlpha = Wn, o.fillStyle = i.onDark ? s.onAccent : s.text, o.fillRect(e.outerFrom, e.y, Math.max(1, e.outerTo - e.outerFrom), e.height), o.globalAlpha = 1;
+  s.globalAlpha = js, s.fillStyle = i.onDark ? n.onAccent : n.text, s.fillRect(e.outerFrom, e.y, Math.max(1, e.outerTo - e.outerFrom), e.height), s.globalAlpha = 1;
 }
-const Wn = 0.2;
-function Un(o, t) {
+const js = 0.2;
+function Js(s, t) {
   const e = t.selectedTask;
   if (e !== null) {
-    o.strokeStyle = t.colours.text;
-    for (const s of t.view.boxes) {
-      if (s.subtask.task !== e) continue;
-      const n = s.subtask.id === t.selectedSubtask;
-      o.lineWidth = n ? 2 : 1;
-      const i = n ? 1 : 0.5;
-      o.strokeRect(s.outerFrom - i, s.y - i, s.outerTo - s.outerFrom + 2 * i, s.height + 2 * i);
+    s.strokeStyle = t.colours.text;
+    for (const n of t.view.boxes) {
+      if (n.subtask.task !== e) continue;
+      const o = n.subtask.id === t.selectedSubtask;
+      s.lineWidth = o ? 2 : 1;
+      const i = o ? 1 : 0.5;
+      s.strokeRect(n.outerFrom - i, n.y - i, n.outerTo - n.outerFrom + 2 * i, n.height + 2 * i);
     }
   }
 }
-const ft = 32, Xn = 18;
-function Se(o, t) {
-  if (!(t > 2 * ft)) return 0;
-  const e = ft - o, s = o - (t - ft), n = Math.max(e, s);
-  if (n <= 0) return 0;
-  const i = Math.min(1, n / ft), r = Xn * i * i;
+const mt = 32, Zs = 18;
+function Ae(s, t) {
+  if (!(t > 2 * mt)) return 0;
+  const e = mt - s, n = s - (t - mt), o = Math.max(e, n);
+  if (o <= 0) return 0;
+  const i = Math.min(1, o / mt), r = Zs * i * i;
   return e > 0 ? -r : r;
 }
-function at(o, t, e) {
-  const s = (n, i) => {
-    const r = nt(n);
-    return n.lane === i.lane && r.from < i.to && i.from < r.to;
+function dt(s, t, e) {
+  const n = (o, i) => {
+    const r = ot(o);
+    return o.lane === i.lane && r.from < i.to && i.from < r.to;
   };
-  return e.some((n) => s(o, n) && !(t !== null && s(t, n)));
-}
-function qn(o, t, e, s) {
-  const n = /* @__PURE__ */ new Set();
-  if (s === void 0) return n;
-  for (const i of o)
-    i !== e && (s(t, i) || n.add(i));
-  return n;
-}
-const Le = "\0placing", Ae = /* @__PURE__ */ new Set();
-function _t(o) {
-  switch (o.kind) {
+  return e.some((o) => n(s, o) && !(t !== null && n(t, o)));
+}
+function Qs(s, t, e, n) {
+  const o = /* @__PURE__ */ new Set();
+  if (n === void 0) return o;
+  for (const i of s)
+    i !== e && (n(t, i) || o.add(i));
+  return o;
+}
+const Ce = "\0placing", De = /* @__PURE__ */ new Set();
+function Ot(s) {
+  switch (s.kind) {
     case "subtask":
-      return `subtask:${o.subtask.id}:${o.part}`;
+      return `subtask:${s.subtask.id}:${s.part}`;
     case "dependency":
-      return `dependency:${o.dependency.id}`;
+      return `dependency:${s.dependency.id}`;
+    case "milestone":
+      return `milestone:${s.milestone.id}`;
     case "lane":
-      return `lane:${o.lane}`;
+      return `lane:${s.lane}`;
     default:
       return "nothing";
   }
 }
-const Ce = 3, jn = 10, Jn = 600;
-class Zn {
+const _e = 3, to = 10, eo = 600;
+class no {
   constructor(t) {
     f(this, "gesture", { kind: "none" });
     f(this, "touches", /* @__PURE__ */ new Map());
@@ -1487,45 +1529,45 @@ class Zn {
   ghostSummary() {
     const t = this.gesture;
     if (t.kind !== "edit" && t.kind !== "place") return null;
-    const e = Xe(this.host.view.viewport(), t.ghost);
+    const e = je(this.host.view.viewport(), t.ghost);
     if (e === null) return null;
-    const s = this.ghostFindings(t.ghost, this.ghostHome(t)), n = t.kind === "edit" && (t.mode === "leadIn" || t.mode === "leadOut"), i = n ? nt(t.ghost) : t.ghost;
+    const n = this.ghostFindings(t.ghost, this.ghostHome(t)), o = t.kind === "edit" && (t.mode === "leadIn" || t.mode === "leadOut"), i = o ? ot(t.ghost) : t.ghost;
     return {
       refused: this.refused,
       refusedLanes: [...t.refused],
       blocked: this.blocked,
-      x: n ? e.outerFrom : e.mainFrom,
+      x: o ? e.outerFrom : e.mainFrom,
       y: e.y,
       height: e.height,
       from: i.from,
       to: i.to,
-      overlap: s.overlaps.length > 0,
-      violated: s.violated.length > 0
+      overlap: n.overlaps.length > 0,
+      violated: n.violated.length > 0
     };
   }
   /* ---------------------------------------------------------------- */
   /* Pointer                                                           */
   /* ---------------------------------------------------------------- */
   local(t, e) {
-    var n;
-    const s = (n = this.host.plotElement()) == null ? void 0 : n.getBoundingClientRect();
-    return { x: t - ((s == null ? void 0 : s.left) ?? 0), y: e - ((s == null ? void 0 : s.top) ?? 0) };
+    var o;
+    const n = (o = this.host.plotElement()) == null ? void 0 : o.getBoundingClientRect();
+    return { x: t - ((n == null ? void 0 : n.left) ?? 0), y: e - ((n == null ? void 0 : n.top) ?? 0) };
   }
-  report(t, e, s, n, i, r) {
-    var d, h;
+  report(t, e, n, o, i, r) {
+    var l, h;
     const a = this.host.view;
-    (h = (d = this.host.handlers()).onInteraction) == null || h.call(d, { type: t, hit: e, clientX: s, clientY: n, time: a.timeAt(i), lane: a.laneIdAt(r) });
+    (h = (l = this.host.handlers()).onInteraction) == null || h.call(l, { type: t, hit: e, clientX: n, clientY: o, time: a.timeAt(i), lane: a.laneIdAt(r) });
   }
   pointerDown(t) {
-    var a, d, h, l, c;
-    const { x: e, y: s } = this.local(t.clientX, t.clientY);
-    if (t.pointerType === "touch" && (this.touches.set(t.pointerId, { x: e, y: s }), this.touches.size >= 2)) {
+    var a, l, h, d, c;
+    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.gesture.kind !== "pinch" && (this.cancelEdit(), this.gesture = { kind: "pinch", distance: this.touchDistance() });
       return;
     }
     if (t.button !== 0) return;
-    const n = (h = (d = (a = t.target) == null ? void 0 : a.closest) == null ? void 0 : d.call(a, "[data-grip]")) == null ? void 0 : h.getAttribute("data-grip"), i = this.host.selectedSubtask(), r = i !== null ? this.host.data.subtaskById.get(i) ?? null : null;
-    t.pointerType === "touch" ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: s, mode: "pan", subtask: null } : (n === "leadIn" || n === "leadOut") && r !== null ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: s, mode: n, subtask: r } : this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: s, ...this.modeAt(e, s) }, (c = (l = this.host.plotElement()) == null ? void 0 : l.setPointerCapture) == null || c.call(l, t.pointerId);
+    const o = (h = (l = (a = t.target) == null ? void 0 : a.closest) == null ? void 0 : l.call(a, "[data-grip]")) == null ? void 0 : h.getAttribute("data-grip"), i = this.host.selectedSubtask(), r = i !== null ? this.host.data.subtaskById.get(i) ?? null : null;
+    t.pointerType === "touch" ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, mode: "pan", subtask: null } : (o === "leadIn" || o === "leadOut") && r !== null ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, mode: o, subtask: r } : this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, ...this.modeAt(e, n) }, (c = (d = this.host.plotElement()) == null ? void 0 : d.setPointerCapture) == null || c.call(d, t.pointerId);
   }
   /** A drag over a folded group: resting on one opens it for the GESTURE.
   
@@ -1535,13 +1577,13 @@ class Zn {
         never written to and no change is reported, because the application did
         not fold anything (ADR-0025). */
   restOver(t) {
-    var n;
-    const e = this.host.view, s = e.foldedGroupAt(t);
-    s !== ((n = this.resting) == null ? void 0 : n.group) && (this.stopResting(), s !== null && (this.resting = {
-      group: s,
+    var o;
+    const e = this.host.view, n = e.foldedGroupAt(t);
+    n !== ((o = this.resting) == null ? void 0 : o.group) && (this.stopResting(), n !== null && (this.resting = {
+      group: n,
       timer: setTimeout(() => {
-        this.resting = null, e.openForGesture = /* @__PURE__ */ new Set([...e.openForGesture, s]), this.host.viewChanged();
-      }, Jn)
+        this.resting = null, e.openForGesture = /* @__PURE__ */ new Set([...e.openForGesture, n]), this.host.viewChanged();
+      }, eo)
     }));
   }
   stopResting() {
@@ -1563,69 +1605,70 @@ class Zn {
       lane is open. Asked at a drop, where the answer has to be current; while
       a drag runs, the held set answers instead. */
   allowed(t, e) {
-    var s, n;
-    return ((n = (s = this.host.handlers()).canMoveTo) == null ? void 0 : n.call(s, t, e)) ?? !0;
+    var n, o;
+    return ((o = (n = this.host.handlers()).canMoveTo) == null ? void 0 : o.call(n, t, e)) ?? !0;
   }
   /** The lanes this work may not go to, for the gesture that is beginning. A
       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 Ae;
-    const s = this.host.data.lanes.map((n) => n.id);
-    return qn(s, t, e, this.host.handlers().canMoveTo);
+    if (!this.host.view.options.intents.includes(e === null ? "place" : "lane")) return De;
+    const n = this.host.data.lanes.map((o) => o.id);
+    return Qs(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 s = this.host.view, n = s.options.intents;
-    for (let i = s.boxes.length - 1; i >= 0; i--) {
-      const r = s.boxes[i];
-      if (n.includes("stretch")) {
-        const a = Ds(r, t, e);
+    const n = this.host.view, o = n.options.intents;
+    if (n.hitAt(t, e).kind === "milestone") return { mode: "pan", subtask: null };
+    for (let i = n.boxes.length - 1; i >= 0; i--) {
+      const r = n.boxes[i];
+      if (o.includes("stretch")) {
+        const a = Nn(r, t, e);
         if (a !== null) return { mode: a === "from" ? "stretch-from" : "stretch-to", subtask: r.subtask };
       }
-      if (He(r, t, e) !== null)
-        return n.includes("move") || n.includes("lane") ? { mode: "move", subtask: r.subtask } : { mode: "pan", subtask: r.subtask };
+      if (ze(r, t, e) !== null)
+        return o.includes("move") || o.includes("lane") ? { mode: "move", subtask: r.subtask } : { mode: "pan", subtask: r.subtask };
     }
     return { mode: "pan", subtask: null };
   }
   pointerMove(t) {
-    const { x: e, y: s } = this.local(t.clientX, t.clientY);
-    if (t.pointerType === "touch" && this.touches.has(t.pointerId) && (this.touches.set(t.pointerId, { x: e, y: s }), this.gesture.kind === "pinch")) {
+    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.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 };
       return;
     }
-    const n = this.gesture;
-    if (n.kind === "pending" && n.pointerId === t.pointerId) {
-      if (Math.hypot(e - n.x0, s - n.y0) < (t.pointerType === "touch" ? jn : Ce)) return;
-      if (n.mode === "pan" || n.subtask === null)
-        this.gesture = { kind: "pan", pointerId: n.pointerId, lastX: n.x0, lastY: n.y0 }, this.setCursor("grabbing");
+    const o = this.gesture;
+    if (o.kind === "pending" && o.pointerId === t.pointerId) {
+      if (Math.hypot(e - o.x0, n - o.y0) < (t.pointerType === "touch" ? to : _e)) return;
+      if (o.mode === "pan" || o.subtask === null)
+        this.gesture = { kind: "pan", pointerId: o.pointerId, lastX: o.x0, lastY: o.y0 }, this.setCursor("grabbing");
       else {
-        const r = this.host.view.viewport().scale.fromPx(n.x0);
+        const r = this.host.view.viewport().scale.fromPx(o.x0);
         this.gesture = {
           kind: "edit",
-          pointerId: n.pointerId,
-          mode: n.mode,
-          subtask: n.subtask,
+          pointerId: o.pointerId,
+          mode: o.mode,
+          subtask: o.subtask,
           t0: r,
-          ghost: n.subtask,
+          ghost: o.subtask,
           /* 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: n.mode === "move" ? this.askRefused(n.subtask, n.subtask.lane) : Ae
-        }, this.setCursor(n.mode === "move" ? "grabbing" : "ew-resize");
+          refused: o.mode === "move" ? this.askRefused(o.subtask, o.subtask.lane) : De
+        }, this.setCursor(o.mode === "move" ? "grabbing" : "ew-resize");
       }
     }
     const i = this.gesture;
     if (i.kind === "pan" && i.pointerId === t.pointerId) {
-      const r = this.host.view.pan(i.lastX - e, i.lastY - s);
-      r.moved && this.host.viewMoved(r.time), this.gesture = { ...i, lastX: e, lastY: s };
+      const r = this.host.view.pan(i.lastX - e, i.lastY - n);
+      r.moved && this.host.viewMoved(r.time), this.gesture = { ...i, lastX: e, lastY: n };
       return;
     }
     if (i.kind === "edit" && i.pointerId === t.pointerId) {
-      this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: e, y: s }, this.restOver(s), this.gesture = { ...i, ghost: this.heldGhost(i, e, s) }, this.setCursor(this.refused || this.blocked ? "not-allowed" : i.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 = { ...i, ghost: this.heldGhost(i, e, n) }, this.setCursor(this.refused || this.blocked ? "not-allowed" : i.mode === "move" ? "grabbing" : "ew-resize"), this.host.interactionChanged(), this.autoPan();
       return;
     }
-    i.kind === "none" && (this.byKeyboard = !1, this.hoverAt(t.clientX, t.clientY, e, s));
+    i.kind === "none" && (this.byKeyboard = !1, this.hoverAt(t.clientX, t.clientY, e, n));
   }
   pointerUp(t) {
     var i, r;
@@ -1634,18 +1677,18 @@ class Zn {
       this.touches.size === 1 && a !== void 0 ? this.gesture = { kind: "pan", pointerId: a[0], lastX: a[1].x, lastY: a[1].y } : this.touches.size === 0 && (this.gesture = { kind: "none" });
       return;
     }
-    const e = this.gesture, { x: s, y: n } = this.local(t.clientX, t.clientY);
+    const e = this.gesture, { x: n, y: o } = this.local(t.clientX, t.clientY);
     if (e.kind === "pending" && e.pointerId === t.pointerId)
-      this.gesture = { kind: "none" }, this.click(t.clientX, t.clientY, s, n);
+      this.gesture = { kind: "none" }, this.click(t.clientX, t.clientY, n, o);
     else if (e.kind === "pan" && e.pointerId === t.pointerId)
-      this.gesture = { kind: "none" }, this.setCursor("default"), this.hoverAt(t.clientX, t.clientY, s, n);
+      this.gesture = { kind: "none" }, this.setCursor("default"), this.hoverAt(t.clientX, t.clientY, n, o);
     else if (e.kind === "edit" && e.pointerId === t.pointerId) {
       this.stopAutoPan(), this.closeGestureFolds(), this.gesture = { kind: "none" };
-      const a = e.ghost.lane === e.subtask.lane || this.allowed(e.subtask, e.ghost.lane), d = this.intentsOf(e.subtask, e.ghost, e.mode).filter(
+      const a = e.ghost.lane === e.subtask.lane || this.allowed(e.subtask, e.ghost.lane), l = this.intentsOf(e.subtask, e.ghost, e.mode).filter(
         (h) => a || h.kind !== "lane"
       );
       this.refused = !1, this.blocked = !1, this.cursor = "default", this.host.interactionChanged();
-      for (const h of d) (r = (i = this.host.handlers()).onIntent) == null || r.call(i, h);
+      for (const h of l) (r = (i = this.host.handlers()).onIntent) == null || r.call(i, h);
     }
   }
   /** While a drag is in flight near an edge, pans along once per frame and
@@ -1657,17 +1700,17 @@ class Zn {
       this.panFrame = 0;
       const e = this.gesture;
       if (e.kind !== "edit" && e.kind !== "place") return;
-      const s = this.host.view, { x: n, y: i } = this.local(this.lastClient.x, this.lastClient.y), r = Se(n, s.width), a = Se(i, s.height);
+      const n = this.host.view, { x: o, y: i } = this.local(this.lastClient.x, this.lastClient.y), r = Ae(o, n.width), a = Ae(i, n.height);
       if (r === 0 && a === 0) return;
-      const d = s.pan(r, a);
-      if (d.moved) {
-        if (this.dragPoint = { x: n, y: i }, e.kind === "edit")
-          this.gesture = { ...e, ghost: this.heldGhost(e, n, i) };
+      const l = n.pan(r, a);
+      if (l.moved) {
+        if (this.dragPoint = { x: o, y: i }, e.kind === "edit")
+          this.gesture = { ...e, ghost: this.heldGhost(e, o, i) };
         else {
-          const h = this.placeGhost(e.item, n, i, e.refused);
+          const h = this.placeGhost(e.item, o, i, e.refused);
           this.refused = h.refused, this.blocked = h.blocked, this.gesture = { ...e, ghost: h.ghost ?? e.ghost };
         }
-        this.host.viewMoved(d.time), this.panFrame = requestAnimationFrame(t);
+        this.host.viewMoved(l.time), this.panFrame = requestAnimationFrame(t);
       }
     };
     this.panFrame = requestAnimationFrame(t);
@@ -1684,8 +1727,8 @@ class Zn {
       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, s = this.host.view.hitAt(t, e);
-    this.hover = s, this.hoverKey = _t(s);
+    const { x: t, y: e } = this.hoverPoint, n = this.host.view.hitAt(t, e);
+    this.hover = n, this.hoverKey = Ot(n);
   }
   pointerLeave() {
     this.gesture.kind !== "none" || this.byKeyboard || this.setHover({ kind: "nothing" }, "nothing");
@@ -1698,19 +1741,19 @@ class Zn {
   contextMenu(t) {
     if (this.host.handlers().onInteraction === void 0) return;
     t.preventDefault();
-    const { x: e, y: s } = this.local(t.clientX, t.clientY);
-    this.report("contextmenu", this.host.view.hitAt(e, s), t.clientX, t.clientY, e, s);
+    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 (schedule-refinement 02):
       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, s = 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, i = 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)), o = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? e.height : 1, i = t.deltaX * o, r = t.deltaY * o;
     if (t.ctrlKey || t.metaKey) {
       t.preventDefault();
       const h = Math.abs(r) < 50 ? 0.01 : 15e-4;
-      e.zoomAt(s, Math.exp(r * h)) && this.host.viewMoved(!0);
+      e.zoomAt(n, Math.exp(r * h)) && this.host.viewMoved(!0);
       return;
     }
     if (Math.abs(i) > Math.abs(r) || t.shiftKey) {
@@ -1722,26 +1765,26 @@ class Zn {
     const a = r > 0 ? e.maxScroll() - e.scrollY : e.scrollY;
     if (r === 0 || a <= 0) return;
     t.preventDefault();
-    const d = e.pan(0, r);
-    d.moved && this.host.viewMoved(d.time);
+    const l = e.pan(0, r);
+    l.moved && this.host.viewMoved(l.time);
   }
-  click(t, e, s, n) {
-    const i = this.host.view.hitAt(s, n), r = i.kind === "subtask" ? i.subtask.task : i.kind === "dependency" ? this.host.data.taskOfDependency(i.dependency) : null;
-    this.host.select(r, i.kind === "subtask" ? i.subtask.id : null), this.report("click", i, t, e, s, n);
+  click(t, e, n, o) {
+    const i = this.host.view.hitAt(n, o), r = i.kind === "subtask" ? i.subtask.task : i.kind === "dependency" ? this.host.data.taskOfDependency(i.dependency) : null;
+    this.host.select(r, i.kind === "subtask" ? i.subtask.id : null), this.report("click", i, t, e, n, o);
   }
-  hoverAt(t, e, s, n) {
-    const i = this.host.view.hitAt(s, n), r = _t(i), { mode: a } = this.modeAt(s, n);
-    if (this.setCursor(a === "move" ? "grab" : a === "stretch-from" || a === "stretch-to" ? "ew-resize" : "default"), this.hoverPoint = { x: s, y: n }, r === this.hoverKey) {
-      (i.kind === "subtask" || i.kind === "dependency") && this.host.interactionChanged();
+  hoverAt(t, e, n, o) {
+    const i = this.host.view.hitAt(n, o), r = Ot(i), { mode: a } = this.modeAt(n, o);
+    if (this.setCursor(a === "move" ? "grab" : a === "stretch-from" || a === "stretch-to" ? "ew-resize" : "default"), this.hoverPoint = { x: n, y: o }, r === this.hoverKey) {
+      (i.kind === "subtask" || i.kind === "dependency" || i.kind === "milestone") && this.host.interactionChanged();
       return;
     }
-    this.setHover(i, r), this.report("hover", i, t, e, s, n);
+    this.setHover(i, r), this.report("hover", i, t, e, n, o);
   }
   /** 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 = _t(t), this.host.interactionChanged();
+    this.byKeyboard = t.kind !== "nothing", this.hoverPoint = e, this.hover = t, this.hoverKey = Ot(t), this.host.interactionChanged();
   }
   setHover(t, e) {
     e !== this.hoverKey && (this.hoverKey = e, this.hover = t, this.host.interactionChanged());
@@ -1764,10 +1807,10 @@ class Zn {
       dragging and handles the place intent, the drop is accepted and a ghost
       shows where the work would land. */
   dragOver(t, e) {
-    const s = this.host.view;
-    if (e === null || !s.options.intents.includes("place")) return;
-    const { x: n, y: i } = this.local(t.clientX, t.clientY);
-    if (s.laneIdAt(i) === null && s.foldedGroupAt(i) === null) {
+    const n = this.host.view;
+    if (e === null || !n.options.intents.includes("place")) return;
+    const { x: o, y: i } = this.local(t.clientX, t.clientY);
+    if (n.laneIdAt(i) === null && n.foldedGroupAt(i) === null) {
       this.clearPlacing();
       return;
     }
@@ -1777,34 +1820,34 @@ class Zn {
          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(i) ?? "", n), null)
-    ), a = this.placeGhost(e, n, i, r);
+      this.askRefused(this.askedFor(e, this.onLane(i) ?? "", o), null)
+    ), a = this.placeGhost(e, o, i, r);
     this.refused = a.refused, this.blocked = a.blocked, this.setCursor(a.refused || a.blocked ? "not-allowed" : "default");
-    const d = this.gesture.kind === "place" ? this.gesture.ghost : null, h = a.ghost ?? (a.refused || a.blocked ? d : null);
-    t.dataTransfer !== null && (t.dataTransfer.dropEffect = h === null ? "none" : "copy"), h !== null && (this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: n, y: i }, this.gesture = { kind: "place", ghost: h, item: e, refused: r }, this.host.interactionChanged(), this.autoPan());
+    const l = this.gesture.kind === "place" ? this.gesture.ghost : null, h = a.ghost ?? (a.refused || a.blocked ? l : null);
+    t.dataTransfer !== null && (t.dataTransfer.dropEffect = h === null ? "none" : "copy"), h !== null && (this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: o, y: i }, this.gesture = { kind: "place", ghost: h, item: e, refused: r }, 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, s, n) {
-    const i = this.onLane(s);
+  placeGhost(t, e, n, o) {
+    const i = this.onLane(n);
     if (i === null) return { ghost: null, refused: !1, blocked: !1 };
-    if (n.has(i)) return { ghost: null, refused: !0, blocked: !1 };
-    const r = { ...this.askedFor(t, i, e), id: Le };
-    return at(r, null, this.host.data.blocked) ? { ghost: null, refused: !1, blocked: !0 } : { ghost: r, refused: !1, blocked: !1 };
+    if (o.has(i)) return { ghost: null, refused: !0, blocked: !1 };
+    const r = { ...this.askedFor(t, i, e), id: Ce };
+    return dt(r, null, this.host.data.blocked) ? { ghost: null, refused: !1, blocked: !0 } : { ghost: r, 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, s) {
-    const n = this.snapInside(this.host.view.timeAt(s), this.snapStep());
+  askedFor(t, e, n) {
+    const o = 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: o,
+      to: o + t.duration,
       ...t.leadIn === void 0 ? {} : { leadIn: t.leadIn },
       ...t.leadOut === void 0 ? {} : { leadOut: t.leadOut }
     };
@@ -1816,17 +1859,17 @@ class Zn {
     const e = this.gesture;
     if (e.kind !== "place") return;
     t.preventDefault();
-    const { ghost: s, 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({ ...s, id: n.item }, s.lane)) return;
+    const { ghost: n, item: o } = 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: o.item }, n.lane)) return;
     const i = {
       kind: "place",
-      item: n.item,
-      task: s.task,
-      lane: s.lane,
-      from: s.from,
-      to: s.to,
-      ...s.leadIn === void 0 ? {} : { leadIn: s.leadIn },
-      ...s.leadOut === void 0 ? {} : { leadOut: s.leadOut }
+      item: o.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 }
     };
     (a = (r = this.host.handlers()).onIntent) == null || a.call(r, i);
   }
@@ -1848,52 +1891,52 @@ class Zn {
       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, s) {
-    const n = this.ghostFor(t, e, s);
-    return this.blocked = at(n, t.subtask, this.host.data.blocked), this.blocked ? t.ghost : n;
+  heldGhost(t, e, n) {
+    const o = this.ghostFor(t, e, n);
+    return this.blocked = dt(o, t.subtask, this.host.data.blocked), this.blocked ? t.ghost : o;
   }
-  ghostFor(t, e, s) {
-    const n = this.host.view, i = t.subtask, r = this.snapStep(), a = n.options.intents, d = this.snapInside(n.timeAt(e), r);
+  ghostFor(t, e, n) {
+    const o = this.host.view, i = t.subtask, r = this.snapStep(), a = o.options.intents, l = this.snapInside(o.timeAt(e), r);
     switch (t.mode) {
       case "move": {
         let h = i.from;
-        const l = n.viewport().scale, c = l.fromPx(e) - t.t0;
-        a.includes("move") && Math.abs(c * l.m) >= Ce && (h = this.shifted(i.from, c, r));
-        let p = t.ghost.lane;
+        const d = o.viewport().scale, c = d.fromPx(e) - t.t0;
+        a.includes("move") && Math.abs(c * d.m) >= _e && (h = this.shifted(i.from, c, r));
+        let m = t.ghost.lane;
         if (a.includes("lane")) {
-          const m = this.onLane(s) ?? p;
-          this.refused = t.refused.has(m), this.refused || (p = m);
+          const p = this.onLane(n) ?? m;
+          this.refused = t.refused.has(p), this.refused || (m = p);
         } else
           this.refused = !1;
-        return { ...i, from: h, to: h + (i.to - i.from), lane: p };
+        return { ...i, from: h, to: h + (i.to - i.from), lane: m };
       }
       case "stretch-from":
-        return { ...i, from: Math.min(d, i.to - Math.max(r.step, q)) };
+        return { ...i, from: Math.min(l, i.to - Math.max(r.step, q)) };
       case "stretch-to":
-        return { ...i, to: Math.max(d, i.from + Math.max(r.step, q)) };
+        return { ...i, to: Math.max(l, i.from + Math.max(r.step, q)) };
       case "leadIn":
-        return { ...i, leadIn: Math.max(0, i.from - d) };
+        return { ...i, leadIn: Math.max(0, i.from - l) };
       case "leadOut":
-        return { ...i, leadOut: Math.max(0, d - i.to) };
+        return { ...i, leadOut: Math.max(0, l - i.to) };
     }
   }
   /** 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, s) {
-    const n = et(this.host.view.options.calendar), i = H(t, n) + e, r = n.intervals.length === 0 ? i : j(Math.max(0, Math.min(n.total, i)), n);
-    return this.snapInside(r, s);
+  shifted(t, e, n) {
+    const o = nt(this.host.view.options.calendar), i = Y(t, o) + e, r = o.intervals.length === 0 ? i : j(Math.max(0, Math.min(o.total, i)), o);
+    return this.snapInside(r, 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 s = ws(t, e), n = et(this.host.view.options.calendar);
-    return n.intervals.length === 0 ? s : j(H(s, n), n);
+    const n = In(t, e), o = nt(this.host.view.options.calendar);
+    return o.intervals.length === 0 ? n : j(Y(n, o), o);
   }
-  intentsOf(t, e, s) {
-    const n = [], i = this.host.view.options.intents, r = t.id;
-    return s === "move" ? (e.from !== t.from && i.includes("move") && n.push({ kind: "move", subtask: r, from: e.from, to: e.to }), e.lane !== t.lane && i.includes("lane") && n.push({ kind: "lane", subtask: r, lane: e.lane })) : s === "stretch-from" || s === "stretch-to" ? (e.from !== t.from || e.to !== t.to) && n.push({ kind: "stretch", subtask: r, from: e.from, to: e.to }) : s === "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 o = [], i = this.host.view.options.intents, r = t.id;
+    return n === "move" ? (e.from !== t.from && i.includes("move") && o.push({ kind: "move", subtask: r, from: e.from, to: e.to }), e.lane !== t.lane && i.includes("lane") && o.push({ kind: "lane", subtask: r, lane: e.lane })) : n === "stretch-from" || n === "stretch-to" ? (e.from !== t.from || e.to !== t.to) && o.push({ kind: "stretch", subtask: r, from: e.from, to: e.to }) : n === "leadIn" ? (e.leadIn ?? 0) !== (t.leadIn ?? 0) && o.push({ kind: "leadIn", subtask: r, leadIn: e.leadIn ?? 0 }) : (e.leadOut ?? 0) !== (t.leadOut ?? 0) && o.push({ kind: "leadOut", subtask: r, leadOut: e.leadOut ?? 0 }), o;
   }
   /** The lane the ghost came from - the only other lane a drag can touch. */
   ghostHome(t) {
@@ -1909,34 +1952,34 @@ class Zn {
         keeps a plan of hundreds of tasks fluid while a drag runs, since this is
         computed on every pointer movement. */
   ghostFindings(t, e) {
-    const s = this.host.data, n = (l) => l.lane === t.lane || l.lane === e, r = [...s.subtasks.filter((l) => l.id !== t.id && n(l)), t], a = (l) => l.first === t.id || l.second === t.id, d = s.dependencies.filter((l) => l.from === t.id || l.to === t.id), h = t.id === Le ? s.subtasks : s.subtasks.map((l) => l.id === t.id ? t : l);
-    return { overlaps: Ht(r).filter(a), violated: Yt(h, d) };
+    const n = this.host.data, o = (d) => d.lane === t.lane || d.lane === e, r = [...n.subtasks.filter((d) => d.id !== t.id && o(d)), t], a = (d) => d.first === t.id || d.second === t.id, l = n.dependencies.filter((d) => d.from === t.id || d.to === t.id), h = t.id === Ce ? n.subtasks : n.subtasks.map((d) => d.id === t.id ? t : d);
+    return { overlaps: zt(r).filter(a), violated: Kt(h, l) };
   }
 }
-function Qn(o, t) {
+function so(s, t) {
   const e = /* @__PURE__ */ new Map();
-  for (const s of t) {
-    const n = o.slots.get(s.lane), i = n === void 0 ? null : st(o, n.top);
+  for (const n of t) {
+    const o = s.slots.get(n.lane), i = o === void 0 ? null : st(s, o.top);
     if (i === null) continue;
-    const r = o.rows.indexOf(i);
-    e.set(r, [...e.get(r) ?? [], s]);
+    const r = s.rows.indexOf(i);
+    e.set(r, [...e.get(r) ?? [], n]);
   }
-  return [...e.entries()].sort(([s], [n]) => s - n).map(([, s]) => s.sort((n, i) => n.from - i.from || n.to - i.to));
+  return [...e.entries()].sort(([n], [o]) => n - o).map(([, n]) => n.sort((o, i) => o.from - i.from || o.to - i.to));
 }
-const _e = (o, t) => t < o.from ? o.from - t : t > o.to ? t - o.to : 0;
-function to(o, t, e, s) {
+const Fe = (s, t) => t < s.from ? s.from - t : t > s.to ? t - s.to : 0;
+function oo(s, t, e, n) {
   var h;
-  let n = -1, i = -1;
-  for (let l = 0; l < o.length && t !== null && n < 0; l++)
-    i = o[l].findIndex((c) => c.id === t), i >= 0 && (n = l);
-  if (n < 0) {
-    for (const l of o) {
-      const c = l.find((p) => p.to > s[0] && p.from < s[1]);
+  let o = -1, i = -1;
+  for (let d = 0; d < s.length && t !== null && o < 0; d++)
+    i = s[d].findIndex((c) => c.id === t), i >= 0 && (o = d);
+  if (o < 0) {
+    for (const d of s) {
+      const c = d.find((m) => m.to > n[0] && m.from < n[1]);
       if (c !== void 0) return c;
     }
-    return ((h = o[0]) == null ? void 0 : h[0]) ?? null;
+    return ((h = s[0]) == null ? void 0 : h[0]) ?? null;
   }
-  const r = o[n], a = r[i], d = (s[1] - s[0]) / 10;
+  const r = s[o], a = r[i], l = (n[1] - n[0]) / 10;
   switch (e) {
     case "next":
       return r[i + 1] ?? a;
@@ -1947,30 +1990,31 @@ function to(o, t, e, s) {
     case "last":
       return r[r.length - 1];
     case "pageNext":
-      return r.find((l, c) => c > i && l.from >= a.from + d) ?? r[r.length - 1];
+      return r.find((d, c) => c > i && d.from >= a.from + l) ?? r[r.length - 1];
     case "pagePrevious":
-      for (let l = i - 1; l >= 0; l--) if (r[l].from <= a.from - d) return r[l];
+      for (let d = i - 1; d >= 0; d--) if (r[d].from <= a.from - l) return r[d];
       return r[0];
     case "up":
     case "down": {
-      const l = o[e === "up" ? n - 1 : n + 1];
-      if (l === void 0) return a;
+      const d = s[e === "up" ? o - 1 : o + 1];
+      if (d === void 0) return a;
       const c = (a.from + a.to) / 2;
-      return l.reduce((p, m) => _e(m, c) < _e(p, c) ? m : p);
+      return d.reduce((m, p) => Fe(p, c) < Fe(m, c) ? p : m);
     }
   }
 }
-function eo(o, t, e, s) {
+function io(s, t, e, n) {
+  if (e.kind === "milestone") return e;
   if (e.kind === "dependency") {
-    const i = o.find((a) => a.id === e.id), r = i === void 0 ? void 0 : s === "out" ? i.to : i.from;
+    const i = s.find((a) => a.id === e.id), r = i === void 0 ? void 0 : n === "out" ? i.to : i.from;
     return r !== void 0 && t.has(r) ? { kind: "subtask", id: r } : e;
   }
-  const n = o.find(
-    (i) => (s === "out" ? i.from : i.to) === e.id && t.has(s === "out" ? i.to : i.from)
+  const o = s.find(
+    (i) => (n === "out" ? i.from : i.to) === e.id && t.has(n === "out" ? i.to : i.from)
   );
-  return n === void 0 ? e : { kind: "dependency", id: n.id };
+  return o === void 0 ? e : { kind: "dependency", id: o.id };
 }
-const so = 150, no = {
+const pt = "\0milestone:", ro = 150, ao = {
   ArrowRight: "next",
   ArrowLeft: "previous",
   ArrowUp: "up",
@@ -1980,7 +2024,7 @@ const so = 150, no = {
   PageDown: "pageNext",
   PageUp: "pagePrevious"
 };
-class oo {
+class lo {
   constructor(t) {
     f(this, "spoken", null);
     f(this, "timer", null);
@@ -1989,7 +2033,7 @@ class oo {
   /** Where the keys stand: the hover, whoever set it. */
   active() {
     const t = this.host.gestures.hover;
-    return t.kind === "subtask" ? { kind: "subtask", id: t.subtask.id } : t.kind === "dependency" ? { kind: "dependency", id: t.dependency.id } : null;
+    return t.kind === "subtask" ? { kind: "subtask", id: t.subtask.id } : t.kind === "dependency" ? { kind: "dependency", id: t.dependency.id } : t.kind === "milestone" ? { kind: "milestone", id: t.milestone.id } : null;
   }
   /** The focus came in by keyboard: the walk starts where the pointer
       stands, or at the first subtask in view. A click focuses the plot too,
@@ -2005,34 +2049,34 @@ class oo {
   key(t) {
     const e = this.host.gestures;
     if (t.metaKey || !e.idle) return !1;
-    const s = t.key.toLowerCase() === "t" && !t.ctrlKey && !t.altKey;
-    if (t.key === "]" || t.key === "[" || s) {
+    const n = t.key.toLowerCase() === "t" && !t.ctrlKey && !t.altKey;
+    if (t.key === "]" || t.key === "[" || n) {
       const i = this.active();
       if (i === null) return !1;
-      const r = this.host.data, a = s ? !t.shiftKey : t.key === "]";
-      return this.show(eo(r.dependencies, r.subtaskById, i, a ? "out" : "back")), !0;
+      const r = this.host.data, a = n ? !t.shiftKey : t.key === "]";
+      return this.show(io(r.dependencies, r.subtaskById, i, a ? "out" : "back")), !0;
     }
     if (t.ctrlKey) return !1;
     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 : no[t.key];
-    return n === void 0 ? !1 : (this.walk(n), !0);
+    const o = t.shiftKey ? void 0 : ao[t.key];
+    return o === void 0 ? !1 : (this.walk(o), !0);
   }
   walk(t) {
-    var d;
-    const { data: e, view: s } = this.host, n = this.active(), i = n === null ? null : n.kind === "subtask" ? n.id : ((d = e.dependencies.find((h) => h.id === n.id)) == null ? void 0 : d.from) ?? null;
-    let r = Qn(s.rows, e.subtasks);
+    var h;
+    const { data: e, view: n } = this.host, o = this.active(), i = o === null ? null : o.kind === "subtask" ? o.id : o.kind === "milestone" ? pt + o.id : ((h = e.dependencies.find((d) => d.id === o.id)) == null ? void 0 : h.from) ?? null, r = [...e.subtasks, ...e.milestones.map((d) => ({ id: pt + d.id, lane: d.lane, from: d.at, to: d.at }))];
+    let a = so(n.rows, r);
     if (i === null) {
-      const h = r.filter((l) => {
-        const c = s.boxById.get(l[0].id);
-        return c !== void 0 && c.y + c.height > 0 && c.y < s.height;
+      const d = a.filter((c) => {
+        const m = J(n.viewport(), c[0].lane);
+        return m !== null && m.top + m.height > 0 && m.top < n.height;
       });
-      h.length > 0 && (r = h);
+      d.length > 0 && (a = d);
     }
-    const a = to(r, i, t, this.host.visibleDomain());
-    a !== null && this.show({ kind: "subtask", id: a.id });
+    const l = oo(a, i, t, this.host.visibleDomain());
+    l !== null && this.show(l.id.startsWith(pt) ? { kind: "milestone", id: l.id.slice(pt.length) } : { kind: "subtask", id: l.id });
   }
   /** Space and Enter select as a click does: the whole task, and the subtask. */
   select() {
@@ -2046,57 +2090,65 @@ class oo {
       end - the intents a drag of that length reports (ADR-0023), and only
       where the caller handles them. Nothing is applied here. */
   edit(t) {
-    var c, p;
-    const e = this.host.gestures.hover, s = t.key === "ArrowRight" ? 1 : t.key === "ArrowLeft" ? -1 : 0;
-    if (s === 0) return !1;
+    var c, m;
+    const e = this.host.gestures.hover, n = t.key === "ArrowRight" ? 1 : t.key === "ArrowLeft" ? -1 : 0;
+    if (n === 0) return !1;
     if (e.kind !== "subtask") return !0;
-    const n = e.subtask, i = this.host.gestures, r = this.host.view.options.intents, a = i.snapStep(), d = a.step > 0 ? a : { step: this.host.view.step(), offset: 0 }, h = this.host.data.blocked;
-    let l = null;
+    const o = e.subtask, i = this.host.gestures, r = this.host.view.options.intents, a = i.snapStep(), l = a.step > 0 ? a : { step: this.host.view.step(), offset: 0 }, h = this.host.data.blocked;
+    let d = null;
     if (!t.shiftKey && r.includes("move")) {
-      const m = (I) => ({ ...n, from: I, to: I + (n.to - n.from) });
-      let y = n.from;
+      const p = (I) => ({ ...o, from: I, to: I + (o.to - o.from) });
+      let y = o.from;
       for (let I = 0; I < 1e3; I++) {
-        const A = i.shifted(y, s * d.step, d);
-        if (A === y || (y = A, !at(m(y), n, h))) break;
+        const A = i.shifted(y, n * l.step, l);
+        if (A === y || (y = A, !dt(p(y), o, h))) break;
       }
-      y !== n.from && !at(m(y), n, h) && (l = { kind: "move", subtask: n.id, from: y, to: m(y).to });
+      y !== o.from && !dt(p(y), o, h) && (d = { kind: "move", subtask: o.id, from: y, to: p(y).to });
     } else if (t.shiftKey && r.includes("stretch")) {
-      const m = Math.max(i.shifted(n.to, s * d.step, d), n.from + Math.max(d.step, q));
-      m !== n.to && !at({ ...n, to: m }, n, h) && (l = { kind: "stretch", subtask: n.id, from: n.from, to: m });
+      const p = Math.max(i.shifted(o.to, n * l.step, l), o.from + Math.max(l.step, q));
+      p !== o.to && !dt({ ...o, to: p }, o, h) && (d = { kind: "stretch", subtask: o.id, from: o.from, to: p });
     }
-    return i.byKeyboard = !0, l !== null && ((p = (c = this.host.handlers()).onIntent) == null || p.call(c, l)), this.scheduleReadout(), !0;
+    return i.byKeyboard = !0, d !== null && ((m = (c = this.host.handlers()).onIntent) == null || m.call(c, d)), this.scheduleReadout(), !0;
   }
   /** The keys stand on this target: brought into view, drawn as the hover. */
   show(t, e = !0) {
-    const s = this.hitOf(t);
-    if (s === null) return;
-    e && this.reveal(t);
-    const n = this.bounds(t);
+    const n = this.hitOf(t);
     if (n === null) return;
-    const { view: i } = this.host, r = (a, d) => Math.max(0, Math.min(d, a));
-    this.host.gestures.setKeyboardHover(s, {
-      x: (r(n.x0, i.width) + r(n.x1, i.width)) / 2,
-      y: (r(n.y0, i.height) + r(n.y1, i.height)) / 2
+    e && this.reveal(t);
+    const o = this.bounds(t);
+    if (o === null) return;
+    const { view: i } = this.host, r = (a, l) => Math.max(0, Math.min(l, a));
+    this.host.gestures.setKeyboardHover(n, {
+      x: (r(o.x0, i.width) + r(o.x1, i.width)) / 2,
+      y: (r(o.y0, i.height) + r(o.y1, i.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 o = e.subtaskById.get(t.id);
+      return o === void 0 ? null : { kind: "subtask", subtask: o, part: "main" };
     }
-    const s = e.dependencies.find((n) => n.id === t.id);
-    return s === void 0 ? null : { kind: "dependency", dependency: s };
+    if (t.kind === "milestone") {
+      const o = e.milestones.find((i) => i.id === t.id);
+      return o === void 0 ? null : { kind: "milestone", milestone: o };
+    }
+    const n = e.dependencies.find((o) => o.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, s = (a) => e.boxById.get(a);
+    const e = this.host.view, n = (a) => e.boxById.get(a);
     if (t.kind === "subtask") {
-      const a = s(t.id);
+      const a = n(t.id);
       return a === void 0 ? null : { x0: a.outerFrom, x1: a.outerTo, y0: a.y, y1: a.y + a.height };
     }
-    const n = this.host.data.dependencies.find((a) => a.id === t.id), i = n === void 0 ? void 0 : s(n.from), r = n === void 0 ? void 0 : s(n.to);
+    if (t.kind === "milestone") {
+      const a = this.host.data.milestones.find((h) => h.id === t.id), l = a === void 0 ? null : Ut(e.viewport(), a);
+      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 o = this.host.data.dependencies.find((a) => a.id === t.id), i = o === void 0 ? void 0 : n(o.from), r = o === void 0 ? void 0 : n(o.to);
     return i === void 0 || r === void 0 ? null : {
       x0: Math.min(i.mainTo, r.mainFrom),
       x1: Math.max(i.mainTo, r.mainFrom),
@@ -2108,11 +2160,11 @@ class oo {
       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), s = this.host.view;
-    if (e === null || s.width <= 0) return;
-    const n = Math.min(24, s.width / 10), i = e.x0 < 0 ? e.x0 - n : e.x1 > s.width ? Math.max(0, Math.min(e.x1 - s.width + n, e.x0 - n)) : 0, r = e.y0 < 0 ? e.y0 : e.y1 > s.height ? Math.min(e.y1 - s.height, e.y0) : 0;
+    const e = this.bounds(t), n = this.host.view;
+    if (e === null || n.width <= 0) return;
+    const o = Math.min(24, n.width / 10), i = e.x0 < 0 ? e.x0 - o : e.x1 > n.width ? Math.max(0, Math.min(e.x1 - n.width + o, e.x0 - o)) : 0, r = e.y0 < 0 ? e.y0 : e.y1 > n.height ? Math.min(e.y1 - n.height, e.y0) : 0;
     if (i === 0 && r === 0) return;
-    const a = s.pan(i, r);
+    const a = n.pan(i, r);
     a.moved && this.host.viewMoved(a.time);
   }
   /** After the data or the view changed: the keys' target is read anew by its
@@ -2125,43 +2177,43 @@ class oo {
       the hover: a pointer that took it over in the pause is not spoken for. */
   scheduleReadout() {
     this.timer !== null && clearTimeout(this.timer), this.timer = setTimeout(() => {
-      var s;
+      var n;
       this.timer = null;
       const t = this.host.gestures.hover;
       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 : null, count: (((s = this.spoken) == null ? void 0 : s.count) ?? 0) + 1 }, this.host.spokenChanged());
-    }, so);
+      e !== null && (this.spoken = { target: e, lane: t.kind === "subtask" ? t.subtask.lane : t.kind === "milestone" ? t.milestone.lane : null, count: (((n = this.spoken) == null ? void 0 : n.count) ?? 0) + 1 }, this.host.spokenChanged());
+    }, ro);
   }
   /** Unmount: no readout after it. */
   stop() {
     this.timer !== null && clearTimeout(this.timer), this.timer = null;
   }
 }
-const Q = (o) => JSON.stringify([o.domain ?? null, [...o.folded ?? []].sort()]);
-function io(o, t) {
-  if (t.size === 0 || o.folded === void 0) return o;
-  const e = o.folded.filter((s) => t.has(s));
-  return e.length === o.folded.length ? o : { ...o.domain ? { domain: o.domain } : {}, ...e.length ? { folded: e } : {} };
+const tt = (s) => JSON.stringify([s.domain ?? null, [...s.folded ?? []].sort()]);
+function ho(s, t) {
+  if (t.size === 0 || s.folded === void 0) return s;
+  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 ro(o, t, e = (s) => s) {
-  if (o.length === 0) return null;
-  let s = 1 / 0, n = -1 / 0;
-  for (const a of o)
-    s = Math.min(s, a.from - (a.leadIn ?? 0)), n = Math.max(n, a.to + (a.leadOut ?? 0));
-  s = e(s), n = e(n);
-  const i = Math.min(t.max, Math.max(t.min, n - s)), r = (s + n) / 2;
+function co(s, t, e = (n) => n) {
+  if (s.length === 0) return null;
+  let n = 1 / 0, o = -1 / 0;
+  for (const a of s)
+    n = Math.min(n, a.from - (a.leadIn ?? 0)), o = Math.max(o, a.to + (a.leadOut ?? 0));
+  n = e(n), o = e(o);
+  const i = Math.min(t.max, Math.max(t.min, o - n)), r = (n + o) / 2;
   return [r - i / 2, r + i / 2];
 }
-const De = {
+const Oe = {
   width: 0,
   height: 0,
-  laneHeight: pt,
+  laneHeight: gt,
   scrollY: 0,
   headers: [],
   days: [],
   ticks: [],
-  step: Bt,
+  step: xt,
   ghost: null,
   grips: [],
   cursor: "default",
@@ -2171,10 +2223,10 @@ const De = {
   spoken: null,
   summary: { lanes: 0, subtasks: 0, from: 0, to: 0, overlaps: 0, violated: 0, blocked: 0 }
 };
-class ao {
+class uo {
   constructor(t = {}) {
-    f(this, "data", new An(() => this.viewChanged()));
-    f(this, "view", new Ys(this.data));
+    f(this, "data", new Fs(() => this.viewChanged()));
+    f(this, "view", new Wn(this.data));
     f(this, "gestures");
     f(this, "keys");
     f(this, "handlersNow", {});
@@ -2208,7 +2260,7 @@ class ao {
     f(this, "frame", 0);
     f(this, "domainFrame", 0);
     f(this, "unsubscribeTheme", null);
-    f(this, "snapshot", De);
+    f(this, "snapshot", Oe);
     f(this, "listeners", /* @__PURE__ */ new Set());
     /* ---------------------------------------------------------------- */
     /* Registration and options                                          */
@@ -2237,7 +2289,7 @@ class ao {
     /** Folds or unfolds one group. */
     f(this, "toggleGroup", (t) => {
       const e = this.viewNow.folded ?? [];
-      this.actedOn = !0, this.folded = e.includes(t) ? e.filter((s) => s !== t) : [...e, t], this.viewChanged();
+      this.actedOn = !0, this.folded = e.includes(t) ? e.filter((n) => n !== t) : [...e, t], this.viewChanged();
     });
     f(this, "foldAll", () => {
       this.actedOn = !0, this.folded = this.data.groups.map((t) => t.id), this.viewChanged();
@@ -2249,7 +2301,7 @@ class ao {
       this.listeners.delete(t);
     }));
     f(this, "getSnapshot", () => this.snapshot);
-    f(this, "getServerSnapshot", () => De);
+    f(this, "getServerSnapshot", () => Oe);
     /* ---------------------------------------------------------------- */
     /* Gestures, as the component hands them in                          */
     /* ---------------------------------------------------------------- */
@@ -2267,25 +2319,25 @@ class ao {
     f(this, "key", (t) => this.keys.key(t));
     f(this, "focus", (t) => this.keys.focus(t));
     f(this, "blur", () => this.keys.blur());
-    this.folded = t.folded ?? [], this.domainInView = t.domain ?? null, this.domainInView !== null && this.view.showWall(this.domainInView), this.viewNow = this.currentView(), this.gestures = new Zn({
+    this.folded = t.folded ?? [], this.domainInView = t.domain ?? null, this.domainInView !== null && this.view.showWall(this.domainInView), this.viewNow = this.currentView(), this.gestures = new no({
       data: this.data,
       view: this.view,
       plotElement: () => this.plot,
       handlers: () => this.handlersNow,
       selectedSubtask: () => this.selected,
-      select: (e, s) => this.select(e, s),
+      select: (e, n) => this.select(e, n),
       viewChanged: () => this.viewChanged(),
       viewMoved: (e) => {
         this.viewChanged(), e && this.reportDomain();
       },
       interactionChanged: () => this.interactionChanged()
-    }), this.keys = new oo({
+    }), this.keys = new lo({
       data: this.data,
       view: this.view,
       gestures: this.gestures,
       handlers: () => this.handlersNow,
       visibleDomain: () => this.visibleDomain(),
-      select: (e, s) => this.select(e, s),
+      select: (e, n) => this.select(e, n),
       viewMoved: (e) => {
         this.viewChanged(), e && this.reportDomain();
       },
@@ -2307,17 +2359,17 @@ class ao {
   }
   /** Goes to a view handed in; what it leaves out goes back to its default. */
   applyView(t) {
-    Q(t) !== Q(this.viewNow) && (this.actedOn = !0, this.folded = t.folded ?? [], this.setDomain(t.domain ?? null));
+    tt(t) !== tt(this.viewNow) && (this.actedOn = !0, this.folded = t.folded ?? [], this.setDomain(t.domain ?? null));
   }
   currentView() {
-    return io(
+    return ho(
       { ...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 (Q(t) !== Q(this.viewNow)) {
+    if (tt(t) !== tt(this.viewNow)) {
       this.viewNow = t;
       for (const e of this.viewListeners) e();
     }
@@ -2325,13 +2377,13 @@ class ao {
   /** 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 = ro(this.data.subtasks, this.view.options.zoomLimits, (n) => H(n, t));
+    const t = this.view.options.calendar, e = co(this.data.subtasks, this.view.options.zoomLimits, (o) => Y(o, t));
     if (e !== null) {
       this.view.domain = e, this.fitted = !0;
       return;
     }
-    const s = /* @__PURE__ */ new Date();
-    s.setHours(0, 0, 0, 0), this.view.showWall([s.getTime(), s.getTime() + U]);
+    const n = /* @__PURE__ */ new Date();
+    n.setHours(0, 0, 0, 0), this.view.showWall([n.getTime(), n.getTime() + X]);
   }
   /** `undefined`: the scene keeps the selection itself. */
   setControlledTask(t) {
@@ -2348,15 +2400,15 @@ class ao {
     return t !== void 0 && t.task === this.selectedTask ? t.id : null;
   }
   select(t, e) {
-    var n, i;
-    const s = t !== this.selectedTask || e !== this.selected;
-    this.selected = e, t !== this.selectedTask && this.controlledTask === void 0 && (this.ownTask = t), s && ((i = (n = this.handlersNow).onSelectedTaskChange) == null || i.call(n, t, e)), this.interactionChanged();
+    var o, i;
+    const n = t !== this.selectedTask || e !== this.selected;
+    this.selected = e, t !== this.selectedTask && this.controlledTask === void 0 && (this.ownTask = t), n && ((i = (o = this.handlersNow).onSelectedTaskChange) == null || i.call(o, t, e)), this.interactionChanged();
   }
   /* ---------------------------------------------------------------- */
   /* DOM binding                                                       */
   /* ---------------------------------------------------------------- */
-  bind(t, e, s, n) {
-    this.root = t, this.plot = e, this.dataCanvas = s, this.overlayCanvas = n, this.unsubscribeTheme = fs(() => {
+  bind(t, e, n, o) {
+    this.root = t, this.plot = e, this.dataCanvas = n, this.overlayCanvas = o, this.unsubscribeTheme = kn(() => {
       this.colours = null, this.requestDraw();
     }), this.viewChanged();
   }
@@ -2365,8 +2417,8 @@ class ao {
     this.gestures.cancelEdit(), this.keys.stop(), (t = this.unsubscribeTheme) == null || t.call(this), this.unsubscribeTheme = null, this.frame !== 0 && cancelAnimationFrame(this.frame), this.domainFrame !== 0 && cancelAnimationFrame(this.domainFrame), this.frame = this.domainFrame = 0, this.root = this.plot = this.dataCanvas = this.overlayCanvas = null;
   }
   resize(t, e) {
-    const s = Math.max(0, Math.round(t)), n = Math.max(0, Math.round(e));
-    s === this.view.width && n === this.view.height || (this.view.width = s, this.view.height = n, this.viewChanged());
+    const n = Math.max(0, Math.round(t)), o = Math.max(0, Math.round(e));
+    n === this.view.width && o === this.view.height || (this.view.width = n, this.view.height = o, this.viewChanged());
   }
   /* ---------------------------------------------------------------- */
   /* Changes                                                           */
@@ -2378,8 +2430,8 @@ class ao {
     this.publish(), this.requestDraw();
   }
   publish() {
-    const t = this.view, e = this.selected !== null ? t.boxById.get(this.selected) : void 0, s = [];
-    e !== void 0 && !e.miniature && !this.gestures.editing && e.subtask.task === this.selectedTask && (t.options.intents.includes("leadIn") && s.push({ kind: "leadIn", x: e.outerFrom, y: e.y, height: e.height }), t.options.intents.includes("leadOut") && s.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,
       laneHeight: t.options.laneHeight,
@@ -2387,7 +2439,7 @@ class ao {
       headers: this.headers(),
       ...t.bands(),
       ghost: this.gestures.ghostSummary(),
-      grips: s,
+      grips: n,
       cursor: this.gestures.cursor,
       tooltip: this.tooltip(),
       now: t.nowX(),
@@ -2395,25 +2447,25 @@ class ao {
       spoken: this.keys.spoken,
       summary: this.summary()
     };
-    for (const n of this.listeners) n();
+    for (const o of this.listeners) o();
   }
   /** 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])), s = 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 : s.has(n.group),
-      top: n.top,
-      height: n.height
+    const t = new Map(this.data.lanes.map((o) => [o.id, o.label])), e = new Map(this.data.groups.map((o) => [o.id, o.label])), n = new Set(this.folded);
+    return this.view.rows.rows.map((o) => ({
+      key: o.lane ?? o.group ?? "",
+      kind: o.kind,
+      lane: o.lane,
+      group: o.group,
+      label: (o.lane !== void 0 ? t.get(o.lane) : e.get(o.group ?? "")) ?? o.lane ?? o.group ?? "",
+      depth: o.depth,
+      within: o.within,
+      lanes: o.lanes,
+      collapsed: o.group === void 0 ? void 0 : n.has(o.group),
+      top: o.top,
+      height: o.height
     }));
   }
   /** The bars a label could stand in: the visible part of every main time,
@@ -2423,27 +2475,27 @@ class ao {
     const t = this.view;
     if (t.width <= 0) return [];
     const e = this.colours;
-    return t.boxes.flatMap((s) => {
-      if (!Ft(s, t.width, t.height)) return [];
-      const n = Os(s, t.width);
-      if (n === null) return [];
-      const i = e === null ? !0 : Wt(
-        gt(s.subtask.appearance),
-        ht(e, { selectedTask: this.selectedTask, selectedSubtask: this.selectedSubtask }, s.subtask.task, s.subtask.id),
+    return t.boxes.flatMap((n) => {
+      if (!Et(n, t.width, t.height)) return [];
+      const o = Pn(n, t.width);
+      if (o === null) return [];
+      const i = e === null ? !0 : Xt(
+        yt(n.subtask.appearance),
+        ct(e, { selectedTask: this.selectedTask, selectedSubtask: this.selectedSubtask }, n.subtask.task, n.subtask.id),
         e
       ).onDark;
-      return [{ subtask: s.subtask, ...n, dark: i }];
+      return [{ subtask: n.subtask, ...o, dark: i }];
     });
   }
   /** 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, s] = this.visibleDomain();
+    const t = this.view, [e, n] = this.visibleDomain();
     return {
       lanes: this.data.lanes.length,
-      subtasks: t.boxes.filter((n) => Ft(n, t.width, t.height)).length,
+      subtasks: t.boxes.filter((o) => Et(o, t.width, t.height)).length,
       from: e,
-      to: s,
+      to: n,
       overlaps: this.data.overlaps.length,
       violated: this.data.violatedById.size,
       blocked: this.data.inBlocked.length
@@ -2454,12 +2506,12 @@ class ao {
     if (!this.gestures.idle) return null;
     const e = this.data.tooltipTargetFor(t);
     if (e === null) return null;
-    const { x: s, y: n } = this.gestures.hoverPoint;
-    return { target: e, x: s, y: n };
+    const { x: n, y: o } = this.gestures.hoverPoint;
+    return { target: e, x: n, y: o };
   }
   /** The visible span, as two wall-clock instants. */
   visibleDomain() {
-    const t = et(this.view.options.calendar), e = (s) => t.intervals.length === 0 ? s : j(Math.max(0, Math.min(t.total, s)), t);
+    const t = nt(this.view.options.calendar), e = (n) => t.intervals.length === 0 ? n : j(Math.max(0, Math.min(t.total, n)), t);
     return [e(this.view.domain[0]), e(this.view.domain[1])];
   }
   /** A pan or zoom of the planner's goes into the view once per frame,
@@ -2474,19 +2526,19 @@ class ao {
   /** The time and the lane at a client point, or null outside the plot. */
   positionAt(t, e) {
     var r;
-    const s = (r = this.plot) == null ? void 0 : r.getBoundingClientRect();
-    if (s === void 0) return null;
-    const n = t - s.left, i = e - s.top;
-    return n < 0 || i < 0 || n > s.width || i > s.height ? null : { time: this.view.timeAt(n), lane: this.view.laneIdAt(i) };
+    const n = (r = this.plot) == null ? void 0 : r.getBoundingClientRect();
+    if (n === void 0) return null;
+    const o = t - n.left, i = e - n.top;
+    return o < 0 || i < 0 || o > n.width || i > n.height ? null : { time: this.view.timeAt(o), lane: this.view.laneIdAt(i) };
   }
   /** 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) {
     var a;
-    const s = (a = this.plot) == null ? void 0 : a.getBoundingClientRect();
-    if (s === void 0) return null;
-    const n = this.view.viewport(), i = e === void 0 ? null : dt(n, e), r = i === null ? 0 : i.top + i.height / 2;
-    return { x: s.left + N(n, t), y: s.top + r };
+    const n = (a = this.plot) == null ? void 0 : a.getBoundingClientRect();
+    if (n === void 0) return null;
+    const o = this.view.viewport(), i = e === void 0 ? null : J(o, e), r = i === null ? 0 : i.top + i.height / 2;
+    return { x: n.left + R(o, t), y: n.top + r };
   }
   requestDraw() {
     this.frame !== 0 || this.dataCanvas === null || typeof requestAnimationFrame != "function" || (this.frame = requestAnimationFrame(() => {
@@ -2495,9 +2547,9 @@ class ao {
   }
   draw() {
     if (this.root === null) return;
-    this.colours === null && (this.colours = Fn(this.root, this.data), this.publish());
-    const { width: t, height: e } = this.view, s = be(this.dataCanvas, t, e), n = be(this.overlayCanvas, t, e);
-    if (s === null || n === null || t === 0) return;
+    this.colours === null && (this.colours = Rs(this.root, this.data), this.publish());
+    const { width: t, height: e } = this.view, n = Te(this.dataCanvas, t, e), o = Te(this.overlayCanvas, t, e);
+    if (n === null || o === null || t === 0) return;
     const i = {
       data: this.data,
       view: this.view,
@@ -2508,49 +2560,50 @@ class ao {
       hover: this.gestures.hover,
       ghost: this.gestures.ghostDrawing()
     };
-    On(s, i), En(n, i);
+    Ps(n, i), $s(o, i);
   }
 }
-function yo(o = {}) {
-  const { initialView: t, onViewChange: e } = o, [s] = tt(() => new ao(t)), [n] = tt(() => new ps()), [i] = tt(() => {
-    const c = Ee((p, m) => ks(wn, { ...p, scene: s, ref: m }));
+function Mo(s = {}) {
+  const { initialView: t, onViewChange: e } = s, [n] = et(() => new uo(t)), [o] = et(() => new yn()), [i] = et(() => {
+    const c = Re((m, p) => bn(Ts, { ...m, scene: n, ref: p }));
     return c.displayName = "Schedule", {
       Schedule: c,
-      Lane: Mn,
-      LaneGroup: Tn,
-      Subtasks: In,
-      Dependencies: Sn,
-      BlockedTimes: Ln,
-      setDomain: s.setDomain,
-      toggleGroup: s.toggleGroup,
-      foldAll: s.foldAll,
-      unfoldAll: s.unfoldAll
+      Lane: Ss,
+      LaneGroup: Ls,
+      Subtasks: As,
+      Dependencies: Cs,
+      BlockedTimes: Ds,
+      Milestones: _s,
+      setDomain: n.setDomain,
+      toggleGroup: n.toggleGroup,
+      foldAll: n.foldAll,
+      unfoldAll: n.unfoldAll
     };
-  }), r = Re(s.subscribeView, s.getView, s.getView), a = t === void 0 ? null : Q(t), d = G(a);
-  it(() => {
-    if (t === void 0 || a === null || a === d.current) return;
-    d.current = a;
-    const c = n.has(a);
-    n.handed(a), c || s.applyView(t);
+  }), r = Pe(n.subscribeView, n.getView, n.getView), a = t === void 0 ? null : tt(t), l = G(a);
+  rt(() => {
+    if (t === void 0 || a === null || a === l.current) return;
+    l.current = a;
+    const c = o.has(a);
+    o.handed(a), c || n.applyView(t);
   }, [a]);
-  const h = Q(r), l = G(h);
-  return W(() => {
-    l.current !== h && (l.current = h, s.acted && (n.reported(h), e == null || e(r)));
-  }, [h]), X(() => ({ ...i, view: r }), [i, r]);
+  const h = tt(r), d = G(h);
+  return U(() => {
+    d.current !== h && (d.current = h, n.acted && (o.reported(h), e == null || e(r)));
+  }, [h]), V(() => ({ ...i, view: r }), [i, r]);
 }
 export {
-  ce as applyIntent,
-  Gt as arrival,
-  $t as departure,
-  mo as findings,
-  Ne as inBlockedTime,
-  nt as occupied,
-  Ht as overlaps,
-  gt as resolveAppearance,
-  go as ripple,
-  ko as shiftTask,
-  ws as snapTime,
-  po as subtaskFromPlace,
-  yo as useSchedule,
-  Yt as violatedDependencies
+  fe as applyIntent,
+  Yt as arrival,
+  Gt as departure,
+  vo as findings,
+  $e as inBlockedTime,
+  ot as occupied,
+  zt as overlaps,
+  yt as resolveAppearance,
+  wo as ripple,
+  bo as shiftTask,
+  In as snapTime,
+  yo as subtaskFromPlace,
+  Mo as useSchedule,
+  Kt as violatedDependencies
 };