@umriss-ui/schedule 0.1.7 → 0.2.0

package/dist/schedule.js

@@ -1,310 +1,310 @@
 import "./schedule.css";
-var He = Object.defineProperty;
-var Ye = (n, t, e) => t in n ? He(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var f = (n, t, e) => Ye(n, typeof t != "symbol" ? t + "" : t, e);
-import { jsxs as Y, Fragment as Wt, jsx as k } from "react/jsx-runtime";
-import { useContext as fe, createContext as pe, useRef as O, useEffect as x, forwardRef as Xe, useState as it, useId as Ke, useLayoutEffect as vt, useImperativeHandle as Ue, useSyncExternalStore as ze, useMemo as W } from "react";
-import { toOperatingTimeClamped as B, resolveColours as We, removedIntervals as qe, localOffset as me, MINUTE as q, calendarFrom as j, toWallClock as U, DAY as st, timeStep as je, operatingTimeTicks as Ve, HOUR as Tt, LinearScale as Ze, subscribeTheme as Je } from "@umriss-ui/charts";
-import { useFormats as ge, useWording as we, AngleGlyph as Qe } from "@umriss-ui/core";
-const ke = pe(null), ve = pe(null);
-function ye() {
-  return fe(ve);
-}
-function ts(n) {
-  const t = fe(ke);
+var Ze = Object.defineProperty;
+var Je = (o, t, e) => t in o ? Ze(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var f = (o, t, e) => Je(o, typeof t != "symbol" ? t + "" : t, e);
+import { jsxs as Y, Fragment as St, jsx as k } from "react/jsx-runtime";
+import { useContext as Ce, createContext as Le, useRef as O, useEffect as H, forwardRef as Qe, useState as rt, useId as ts, useLayoutEffect as Tt, useImperativeHandle as es, useSyncExternalStore as ss, useMemo as q } from "react";
+import { toOperatingTimeClamped as K, resolveColours as ns, removedIntervals as os, localOffset as Se, MINUTE as X, calendarFrom as V, toWallClock as W, DAY as ot, timeStep as is, operatingTimeTicks as rs, HOUR as Dt, LinearScale as as, subscribeTheme as ls } from "@umriss-ui/charts";
+import { useFormats as Et, useWording as ut, AngleGlyph as hs, VisuallyHidden as oe } from "@umriss-ui/core";
+const Ie = Le(null), Ae = Le(null);
+function _e() {
+  return Ce(Ae);
+}
+function us(o) {
+  const t = Ce(Ie);
   if (t === null)
-    throw new Error(`@umriss-ui/schedule: <${n}> must be used inside a <Schedule>.`);
+    throw new Error(`@umriss-ui/schedule: <${o}> must be used inside a <Schedule>.`);
   return t;
 }
-function Ct(n, t, e, s, o) {
-  const i = ts(n), r = O(null);
-  x(() => (r.current = e(i, t), () => {
-    r.current !== null && o(i, r.current), r.current = null;
-  }), [i]), x(() => {
+function Pt(o, t, e, s, n) {
+  const i = us(o), r = O(null);
+  H(() => (r.current = e(i, t), () => {
+    r.current !== null && n(i, r.current), r.current = null;
+  }), [i]), H(() => {
     r.current !== null && s(i, r.current, t);
   });
 }
-function es(n) {
-  Ct("Lane", n, (t, e) => t.registerLane(e), (t, e, s) => t.updateLane(e, s), (t, e) => t.unregisterLane(e));
+function cs(o) {
+  Pt("Lane", o, (t, e) => t.registerLane(e), (t, e, s) => t.updateLane(e, s), (t, e) => t.unregisterLane(e));
 }
-function ss(n) {
-  Ct("LaneGroup", n, (t, e) => t.registerGroup(e), (t, e, s) => t.updateGroup(e, s), (t, e) => t.unregisterGroup(e));
+function ds(o) {
+  Pt("LaneGroup", o, (t, e) => t.registerGroup(e), (t, e, s) => t.updateGroup(e, s), (t, e) => t.unregisterGroup(e));
 }
-function be(n, t) {
-  Ct(n, t, (e, s) => e.registerLayer(s), (e, s, o) => e.updateLayer(s, o), (e, s) => e.unregisterLayer(s));
+function Fe(o, t) {
+  Pt(o, t, (e, s) => e.registerLayer(s), (e, s, n) => e.updateLayer(s, n), (e, s) => e.unregisterLayer(s));
 }
-function ht(n) {
-  let t = !1, e = !1, s = !1, o = !1;
-  for (const i of n ?? [])
-    i === "provisional" ? (t = !0, e = !1) : i === "fixed" ? (e = !0, t = !1) : i === "muted" ? s = !0 : i === "open" && (o = !0);
-  return { dashed: t, hatched: e, muted: s, open: o };
+function ct(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 };
 }
-const ns = 24, os = 4, is = 3, yt = 4;
-function qt(n) {
-  const { lanes: t, groups: e, collapsed: s, laneHeight: o } = n, i = new Map(e.map((m) => [m.id, m])), r = (m) => m !== void 0 && i.has(m) ? m : void 0, a = /* @__PURE__ */ new Map(), u = (m) => {
+const fs = 24, ps = 4, ms = 3, Ct = 4;
+function ie(o) {
+  const { lanes: t, groups: e, collapsed: s, laneHeight: n } = o, i = new Map(e.map((m) => [m.id, m])), r = (m) => m !== void 0 && i.has(m) ? m : void 0, a = /* @__PURE__ */ new Map(), h = (m) => {
     const C = [];
     let L = r(m.parent);
-    const E = /* @__PURE__ */ new Set();
-    for (; L !== void 0 && !E.has(L); )
-      E.add(L), C.unshift(L), L = r(i.get(L).parent);
+    const D = /* @__PURE__ */ new Set();
+    for (; L !== void 0 && !D.has(L); )
+      D.add(L), C.unshift(L), L = r(i.get(L).parent);
     return C;
   }, c = /* @__PURE__ */ new Map();
   for (const m of t) {
-    const C = u(m);
+    const C = h(m);
     c.set(m.id, C);
     for (const L of C) {
-      const E = a.get(L) ?? [];
-      E.push(m.id), a.set(L, E);
+      const D = a.get(L) ?? [];
+      D.push(m.id), a.set(L, D);
     }
   }
   const l = [], d = /* @__PURE__ */ new Map();
-  let p = [], g = null, b = 0;
-  const I = (m) => (l.push({ ...m, top: b }), b += m.height, l.length - 1), _ = (m) => m.find((C) => s.has(C)), S = () => {
-    if (g === null) return;
-    const { row: m, lanes: C } = g, L = l[m], E = Math.max(L.height, C.length * os + 2 * yt);
-    l[m] = { ...L, height: E }, b += E - L.height;
-    const F = E - 2 * yt, R = Math.max(is, Math.floor(F / C.length));
-    C.forEach((V, ot) => {
-      const z = c.get(V) ?? [];
-      d.set(V, {
-        top: L.top + yt + ot * R,
-        height: R,
+  let p = [], w = null, v = 0;
+  const A = (m) => (l.push({ ...m, top: v }), v += m.height, l.length - 1), _ = (m) => m.find((C) => s.has(C)), S = () => {
+    if (w === null) return;
+    const { row: m, lanes: C } = w, L = l[m], D = Math.max(L.height, C.length * ps + 2 * Ct);
+    l[m] = { ...L, height: D }, v += D - L.height;
+    const F = D - 2 * Ct, G = Math.max(ms, Math.floor(F / C.length));
+    C.forEach((J, it) => {
+      const z = c.get(J) ?? [];
+      d.set(J, {
+        top: L.top + Ct + it * G,
+        height: G,
         miniature: !0,
         group: z[z.length - 1]
       });
-    }), g = null;
+    }), w = null;
   };
   for (const m of t) {
     const C = (c.get(m.id) ?? []).filter((F) => (a.get(F) ?? []).length > 0), L = _(C);
-    if (g !== null && L === g.group) {
-      g.lanes.push(m.id);
+    if (w !== null && L === w.group) {
+      w.lanes.push(m.id);
       continue;
     }
     S();
-    const E = C.filter((F, R) => p[R] === F).length;
-    p = p.slice(0, E);
-    for (const F of C.slice(E)) {
+    const D = C.filter((F, G) => p[G] === F).length;
+    p = p.slice(0, D);
+    for (const F of C.slice(D)) {
       if (p.push(F), F === L) break;
-      I({
+      A({
         kind: "groupHead",
         lane: void 0,
         group: F,
         depth: p.length - 1,
         within: [...p],
         lanes: (a.get(F) ?? []).length,
-        height: ns
+        height: fs
       });
     }
     if (L !== void 0) {
-      const F = C.indexOf(L), R = I({
+      const F = C.indexOf(L), G = A({
         kind: "miniature",
         lane: void 0,
         group: L,
         depth: F,
         within: C.slice(0, F + 1),
         lanes: (a.get(L) ?? []).length,
-        height: o
+        height: n
       });
-      g = { group: L, row: R, lanes: [m.id] };
+      w = { group: L, row: G, lanes: [m.id] };
       continue;
     }
-    I({ kind: "lane", lane: m.id, group: C[C.length - 1], depth: C.length, within: C, lanes: 1, height: o }), d.set(m.id, {
+    A({ kind: "lane", lane: m.id, group: C[C.length - 1], depth: C.length, within: C, lanes: 1, height: n }), d.set(m.id, {
       top: l[l.length - 1].top,
-      height: o,
+      height: n,
       miniature: !1,
       group: C[C.length - 1]
     });
   }
-  return S(), { rows: l, slots: d, height: b };
+  return S(), { rows: l, slots: d, height: v };
 }
-function rs(n, t) {
-  if (t.size === 0) return n;
+function gs(o, t) {
+  if (t.size === 0) return o;
   const e = /* @__PURE__ */ new Set();
-  for (const s of n) t.has(s) || e.add(s);
+  for (const s of o) t.has(s) || e.add(s);
   return e;
 }
-function nt(n, t) {
-  if (t < 0 || t >= n.height) return null;
-  let e = 0, s = n.rows.length - 1;
+function Z(o, t) {
+  if (t < 0 || t >= o.height) return null;
+  let e = 0, s = o.rows.length - 1;
   for (; e <= s; ) {
-    const o = e + s >> 1, i = n.rows[o];
-    if (t < i.top) s = o - 1;
-    else if (t >= i.top + i.height) e = o + 1;
+    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;
     else return i;
   }
   return null;
 }
-function Lt(n, t) {
-  return n.slots.get(t) ?? null;
+function Rt(o, t) {
+  return o.slots.get(t) ?? null;
 }
-function as(n, t) {
-  const e = nt(n, t);
+function ks(o, t) {
+  const e = Z(o, t);
   if (e === null) return null;
   if (e.kind === "lane") return e.lane ?? null;
   if (e.kind === "groupHead") return null;
-  for (const [s, o] of n.slots)
-    if (o.miniature && t >= o.top && t < o.top + o.height) return s;
+  for (const [s, n] of o.slots)
+    if (n.miniature && t >= n.top && t < n.top + n.height) return s;
   return null;
 }
-function ut(n) {
-  return { from: n.from - (n.setup ?? 0), to: n.to + (n.teardown ?? 0) };
+function dt(o) {
+  return { from: o.from - (o.setup ?? 0), to: o.to + (o.teardown ?? 0) };
 }
-function St(n, t) {
-  return (n.leaves ?? "teardown") === "main" ? t.to : t.to + (t.teardown ?? 0);
+function xt(o, t) {
+  return (o.leaves ?? "teardown") === "main" ? t.to : t.to + (t.teardown ?? 0);
 }
-function It(n, t) {
-  return (n.arrives ?? "setup") === "main" ? t.from : t.from - (t.setup ?? 0);
+function Nt(o, t) {
+  return (o.arrives ?? "setup") === "main" ? t.from : t.from - (t.setup ?? 0);
 }
-function jt(n, t) {
-  if (t.kind === "place" || t.subtask !== n.id) return n;
+function re(o, t) {
+  if (t.kind === "place" || t.subtask !== o.id) return o;
   switch (t.kind) {
     case "move":
     case "stretch":
-      return { ...n, from: t.from, to: t.to };
+      return { ...o, from: t.from, to: t.to };
     case "setup":
-      return { ...n, setup: t.setup };
+      return { ...o, setup: t.setup };
     case "teardown":
-      return { ...n, teardown: t.teardown };
+      return { ...o, teardown: t.teardown };
     case "lane":
-      return { ...n, lane: t.lane };
+      return { ...o, lane: t.lane };
   }
 }
-function _n(n, t) {
+function Vn(o, t) {
   return {
     id: t,
-    task: n.task,
-    lane: n.lane,
-    from: n.from,
-    to: n.to,
-    ...n.setup === void 0 ? {} : { setup: n.setup },
-    ...n.teardown === void 0 ? {} : { teardown: n.teardown }
+    task: o.task,
+    lane: o.lane,
+    from: o.from,
+    to: o.to,
+    ...o.setup === void 0 ? {} : { setup: o.setup },
+    ...o.teardown === void 0 ? {} : { teardown: o.teardown }
   };
 }
-const ls = 6, Me = 3, et = 2, Vt = 3, Zt = 3;
-function N(n, t) {
-  return Math.round(n.scale.toPx(B(t, n.calendar)));
+const ws = 6, De = 3, nt = 2, ae = 3, le = 3;
+function R(o, t) {
+  return Math.round(o.scale.toPx(K(t, o.calendar)));
 }
-function ct(n, t) {
-  const e = Lt(n.rows, t);
-  return e === null ? null : { ...e, top: e.top - n.scrollY };
+function ft(o, t) {
+  const e = Rt(o.rows, t);
+  return e === null ? null : { ...e, top: e.top - o.scrollY };
 }
-function Jt(n, t) {
-  return as(n.rows, t + n.scrollY);
+function he(o, t) {
+  return ks(o.rows, t + o.scrollY);
 }
-function Te(n, t, e, s, o) {
-  const i = s.miniature ? 0 : ls, r = s.miniature ? 0 : Zt * Vt, a = Math.max(s.miniature ? 1 : 4, s.height - 2 * i - r), u = s.top - n.scrollY + Math.floor((s.height - a) / 2), c = ut(t);
+function Ee(o, t, e, s, n) {
+  const i = s.miniature ? 0 : ws, r = s.miniature ? 0 : le * ae, a = Math.max(s.miniature ? 1 : 4, s.height - 2 * i - r), h = s.top - o.scrollY + Math.floor((s.height - a) / 2), c = dt(t);
   return {
     subtask: t,
     lane: e,
     miniature: s.miniature,
-    depth: o,
-    y: u + (s.miniature ? 0 : Math.min(o, Zt) * Vt),
+    depth: n,
+    y: h + (s.miniature ? 0 : Math.min(n, le) * ae),
     height: a,
-    outerFrom: N(n, c.from),
-    mainFrom: N(n, t.from),
-    mainTo: N(n, t.to),
-    outerTo: N(n, c.to)
+    outerFrom: R(o, c.from),
+    mainFrom: R(o, t.from),
+    mainTo: R(o, t.to),
+    outerTo: R(o, c.to)
   };
 }
-function Ce(n, t, e) {
-  if (e < n.y || e > n.y + n.height) return null;
-  const s = Math.max(0, (6 - (n.outerTo - n.outerFrom)) / 2);
-  return t < n.outerFrom - s || t > n.outerTo + s ? null : t < n.mainFrom ? "setup" : t > n.mainTo ? "teardown" : "main";
+function Pe(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 ? "setup" : t > o.mainTo ? "teardown" : "main";
 }
-function hs(n, t, e, s = 5) {
-  if (e < n.y || e > n.y + n.height) return null;
-  const o = Math.abs(t - n.mainFrom), i = Math.abs(t - n.mainTo);
-  return Math.min(o, i) > s ? null : o <= i ? "from" : "to";
+function ys(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 Le(n, t, e) {
-  return n.outerTo >= 0 && n.outerFrom <= t && n.y + n.height >= 0 && n.y <= e;
+function It(o, t, e) {
+  return o.outerTo >= 0 && o.outerFrom <= t && o.y + o.height >= 0 && o.y <= e;
 }
-const us = 64;
-function cs(n, t) {
-  if (n.miniature) return null;
-  const e = ht(n.subtask.appearance).hatched ? et + Me + 1 : 0, s = Math.max(n.mainFrom + e, 0), o = Math.min(n.mainTo - e, t) - s;
-  return o < us ? null : { x: s, width: o, y: n.y, height: n.height };
+const vs = 64;
+function bs(o, t) {
+  if (o.miniature) return null;
+  const e = ct(o.subtask.appearance).hatched ? nt + De + 1 : 0, s = Math.max(o.mainFrom + e, 0), n = Math.min(o.mainTo - e, t) - s;
+  return n < vs ? null : { x: s, width: n, y: o.y, height: o.height };
 }
-const ds = 10;
-function Qt(n, t, e) {
+const Ms = 10;
+function ue(o, t, e) {
   const s = Math.round(t.y + t.height / 2);
-  return n === "centre" || e.y === t.y ? s : Math.round(e.y > t.y ? t.y + t.height - 1 : t.y + 1);
+  return o === "centre" || e.y === t.y ? s : Math.round(e.y > t.y ? t.y + t.height - 1 : t.y + 1);
 }
-function bt(n, t, e, s, o) {
-  const i = t.route ?? o.route, r = t.attach ?? o.attach, a = t.ends ?? o.ends, u = N(n, St(t, e.subtask)), c = N(n, It(t, s.subtask)), l = Qt(r, e, s), d = Qt(r, s, e);
+function At(o, t, e, s, n) {
+  const i = t.route ?? n.route, r = t.attach ?? n.attach, a = t.ends ?? n.ends, h = R(o, xt(t, e.subtask)), c = R(o, Nt(t, s.subtask)), l = ue(r, e, s), d = ue(r, s, e);
   if (i === "straight")
-    return { transport: t, kind: i, ends: a, x1: u, y1: l, x2: c, y2: d, c1x: u, c2x: c, points: [u, l, c, d] };
+    return { transport: t, kind: i, ends: a, x1: h, y1: l, x2: c, y2: d, c1x: h, c2x: c, points: [h, l, c, d] };
   if (i === "orthogonal") {
-    const _ = u + ds, S = l === d ? _ : Math.round((_ + c) / 2);
-    return { transport: t, kind: i, ends: a, x1: u, y1: l, x2: c, y2: d, c1x: u, c2x: c, points: l === d ? [u, l, c, d] : [u, l, S, l, S, d, c, d] };
+    const _ = h + Ms, S = l === d ? _ : Math.round((_ + c) / 2);
+    return { transport: t, kind: i, ends: a, x1: h, y1: l, x2: c, y2: d, c1x: h, c2x: c, points: l === d ? [h, l, c, d] : [h, l, S, l, S, d, c, d] };
   }
-  const p = Math.max(14, Math.abs(c - u) / 2), g = u + p, b = c - p, I = [];
+  const p = Math.max(14, Math.abs(c - h) / 2), w = h + p, v = c - p, A = [];
   for (let _ = 0; _ <= 16; _++) {
     const S = _ / 16, m = 1 - S;
-    I.push(
-      m * m * m * u + 3 * m * m * S * g + 3 * m * S * S * b + S * S * S * c,
+    A.push(
+      m * m * m * h + 3 * m * m * S * w + 3 * m * S * S * v + S * S * S * c,
       m * m * m * l + 3 * m * m * S * l + 3 * m * S * S * d + S * S * S * d
     );
   }
-  return { transport: t, kind: "curve", ends: a, x1: u, y1: l, x2: c, y2: d, c1x: g, c2x: b, points: I };
+  return { transport: t, kind: "curve", ends: a, x1: h, y1: l, x2: c, y2: d, c1x: w, c2x: v, points: A };
 }
-function fs(n, t, e) {
+function Ts(o, t, e) {
   let s = 1 / 0;
-  const o = n.points;
-  for (let i = 0; i + 3 < o.length; i += 2) {
-    const r = o[i], a = o[i + 1], u = o[i + 2], c = o[i + 3], l = u - r, d = c - a, p = l * l + d * d, g = p === 0 ? 0 : Math.max(0, Math.min(1, ((t - r) * l + (e - a) * d) / p));
-    s = Math.min(s, Math.hypot(t - (r + g * l), e - (a + g * d)));
+  const n = o.points;
+  for (let i = 0; i + 3 < n.length; i += 2) {
+    const r = n[i], a = n[i + 1], h = n[i + 2], c = n[i + 3], l = h - r, d = c - a, p = l * l + d * d, w = p === 0 ? 0 : Math.max(0, Math.min(1, ((t - r) * l + (e - a) * d) / p));
+    s = Math.min(s, Math.hypot(t - (r + w * l), e - (a + w * d)));
   }
   return s;
 }
-function At(n) {
+function Gt(o) {
   const t = [], e = /* @__PURE__ */ new Map();
-  n.forEach((s, o) => {
-    const { from: i, to: r } = ut(s);
+  o.forEach((s, n) => {
+    const { from: i, to: r } = dt(s);
     if (!(i < r)) return;
     const a = e.get(s.lane) ?? [];
-    a.push({ subtask: s, index: o, from: i, to: r }), e.set(s.lane, a);
+    a.push({ subtask: s, index: n, from: i, to: r }), e.set(s.lane, a);
   });
-  for (const [s, 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 u = o[a];
-        if (u.from >= r.to) break;
-        t.push({ lane: s, first: r.subtask.id, second: u.subtask.id, from: u.from, to: Math.min(r.to, u.to) });
+  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 h = n[a];
+        if (h.from >= r.to) break;
+        t.push({ lane: s, first: r.subtask.id, second: h.subtask.id, from: h.from, to: Math.min(r.to, h.to) });
       }
     }
   }
   return t;
 }
-function ps(n) {
+function Cs(o) {
   const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map();
-  for (const s of n) {
-    const o = ut(s), i = e.get(s.lane) ?? [];
+  for (const s of o) {
+    const n = dt(s), i = e.get(s.lane) ?? [];
     let r = 0;
-    if (o.from < o.to) {
-      for (const a of i) o.from < a.to && a.from < o.to && r++;
-      i.push(o);
+    if (n.from < n.to) {
+      for (const a of i) n.from < a.to && a.from < n.to && r++;
+      i.push(n);
     }
     e.set(s.lane, i), t.set(s.id, r);
   }
   return t;
 }
-function _t(n, t) {
-  const e = new Map(n.map((o) => [o.id, o])), s = [];
-  for (const o of t) {
-    const i = e.get(o.from), r = e.get(o.to);
+function $t(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);
     if (i === void 0 || r === void 0) continue;
-    const a = St(o, i), u = It(o, r), c = a + o.duration - u;
-    c > 0 && s.push({ transport: o.id, departure: a, arrival: u, shortBy: c });
+    const a = xt(n, i), h = Nt(n, r), c = a + n.duration - h;
+    c > 0 && s.push({ transport: n.id, departure: a, arrival: h, shortBy: c });
   }
   return s;
 }
-function Fn(n, t) {
-  return { overlaps: At(n), lateTransports: _t(n, t) };
+function Zn(o, t) {
+  return { overlaps: Gt(o), lateTransports: $t(o, t) };
 }
-class ms {
+class Ls {
   /** `changed` is called after every registration change. */
   constructor(t) {
     f(this, "nextId", 1);
@@ -365,7 +365,7 @@ class ms {
   rebuild() {
     if (!this.dirty) return !1;
     this.dirty = !1;
-    const t = (e) => [...e.keys()].sort((s, o) => s - o).map((s) => e.get(s));
+    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.transports = [], this.tasks = /* @__PURE__ */ new Map();
     for (const e of this.layers)
       if (e.kind === "subtasks") {
@@ -373,7 +373,7 @@ class ms {
         for (const s of e.tasks) this.tasks.set(s.id, s);
       } else
         this.transports.push(...e.data);
-    return this.subtaskById = new Map(this.subtasks.map((e) => [e.id, e])), this.overlaps = At(this.subtasks), this.lateById = new Map(_t(this.subtasks, this.transports).map((e) => [e.transport, e])), this.depth = ps(this.subtasks), !0;
+    return this.subtaskById = new Map(this.subtasks.map((e) => [e.id, e])), this.overlaps = Gt(this.subtasks), this.lateById = new Map($t(this.subtasks, this.transports).map((e) => [e.transport, e])), this.depth = Cs(this.subtasks), !0;
   }
   /** The task a transport belongs to: its departing subtask's. */
   taskOfTransport(t) {
@@ -384,7 +384,7 @@ class ms {
       data knows about it - its task, and the findings it stands in. */
   tooltipTargetFor(t) {
     if (t.kind === "subtask") {
-      const o = t.subtask.id, i = this.overlaps.filter((a) => a.first === o || a.second === o).map((a) => this.subtaskById.get(a.first === o ? a.second : a.first)).filter((a) => a !== void 0), r = this.transports.filter((a) => a.from === o || a.to === o).map((a) => this.lateById.get(a.id)).filter((a) => a !== void 0);
+      const n = t.subtask.id, i = this.overlaps.filter((a) => a.first === n || a.second === n).map((a) => this.subtaskById.get(a.first === n ? a.second : a.first)).filter((a) => a !== void 0), r = this.transports.filter((a) => a.from === n || a.to === n).map((a) => this.lateById.get(a.id)).filter((a) => a !== void 0);
       return { kind: "subtask", subtask: t.subtask, task: this.tasks.get(t.subtask.task), overlapping: i, lateTransports: r };
     }
     if (t.kind !== "transport") return null;
@@ -399,309 +399,333 @@ class ms {
     };
   }
 }
-const gs = {
+const Ss = {
   line: "var(--u-hairline)",
   lineStrong: "var(--u-hairline-strong)",
   text: "var(--u-color-text)",
   muted: "var(--u-color-text-muted)",
   alarm: "var(--u-color-danger)",
   surface: "var(--u-color-surface)",
-  accent: "var(--u-color-accent)",
+  /* The active subtask's mark - drawn in a colour of its own only under
+     forced colours; outside them it is the hover's wash (`drawHover`). */
+  active: "var(--u-color-accent)",
+  now: "var(--u-color-accent)",
   /* 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)"
-};
-function ws(n, t) {
-  const e = {};
-  for (const i of t.tasks.values()) e[`task:${i.id}`] = i.color;
-  const s = We(n, { ...gs, ...e }), o = /* @__PURE__ */ new Map();
-  for (const i of t.tasks.values()) o.set(i.id, s[`task:${i.id}`] ?? i.color);
+}, Re = {
+  line: "GrayText",
+  lineStrong: "CanvasText",
+  text: "CanvasText",
+  muted: "GrayText",
+  alarm: "CanvasText",
+  surface: "Canvas",
+  active: "Highlight",
+  now: "GrayText",
+  onAccent: "Canvas"
+}, Is = (o) => o ? Re : Ss, As = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(forced-colors: active)").matches;
+function _s(o, t) {
+  const e = As(), s = {};
+  for (const r of t.tasks.values()) s[`task:${r.id}`] = e ? Re.text : r.color;
+  const n = ns(o, { ...Is(e), ...s }), i = /* @__PURE__ */ new Map();
+  for (const r of t.tasks.values()) i.set(r.id, n[`task:${r.id}`] ?? r.color);
   return {
-    line: s.line,
-    lineStrong: s.lineStrong,
-    text: s.text,
-    muted: s.muted,
-    alarm: s.alarm,
-    surface: s.surface,
-    accent: s.accent,
-    onAccent: s.onAccent,
-    tasks: o
+    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,
+    tasks: i,
+    forced: e
   };
 }
-function at(n) {
-  const t = n.match(/[\d.]+/g);
+function lt(o) {
+  const t = o.match(/[\d.]+/g);
   return t === null || t.length < 3 ? null : [Number(t[0]), Number(t[1]), Number(t[2])];
 }
-function te(n) {
-  const t = at(n);
+function ce(o) {
+  const t = lt(o);
   if (t === null) return 0;
-  const [e, s, o] = t.map((i) => {
+  const [e, s, n] = t.map((i) => {
     const r = i / 255;
     return r <= 0.04045 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
   });
-  return 0.2126 * e + 0.7152 * s + 0.0722 * o;
+  return 0.2126 * e + 0.7152 * s + 0.0722 * n;
 }
-function ee(n, t) {
-  const e = te(n), s = te(t);
+function de(o, t) {
+  const e = ce(o), s = ce(t);
   return (Math.max(e, s) + 0.05) / (Math.min(e, s) + 0.05);
 }
-function se(n, t, e) {
-  if (n === null) return null;
-  const s = typeof window > "u" ? 1 : window.devicePixelRatio || 1, o = Math.round(t * s), i = Math.round(e * s);
-  n.width !== o && (n.width = o), n.height !== i && (n.height = i);
-  const r = n.getContext("2d");
+function fe(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 ks(n, t) {
-  const { data: e, view: s } = t, o = s.viewport();
-  Ms(n, t, o), Ts(n, t);
+function Fs(o, t) {
+  const { data: e, view: s } = t, n = s.viewport();
+  Rs(o, t, n), xs(o, t);
   for (const i of e.layers) {
     const r = new Set(i.data);
     if (i.kind === "transports")
-      for (const a of s.paths) r.has(a.transport) && Mt(n, t, a, !1);
+      for (const a of s.paths) r.has(a.transport) && _t(o, t, a, !1);
     else
-      for (const a of s.boxes) r.has(a.subtask) && Ie(n, t, a, 1);
+      for (const a of s.boxes) r.has(a.subtask) && Ne(o, t, a, 1);
   }
-  for (const i of e.overlaps) Ae(n, t, o, i);
-  Es(n, t, o), Ns(n, t);
+  for (const i of e.overlaps) Ge(o, t, n, i);
+  Ks(o, t, n), Ws(o, t);
 }
-function vs(n, t) {
-  const { view: e, hover: s } = t, o = e.viewport();
+function Ds(o, t) {
+  const { view: e, hover: s } = t, n = e.viewport();
   if (t.ghost === null) {
     if (s.kind === "subtask") {
       const l = e.boxById.get(s.subtask.id);
-      l !== void 0 && Ds(n, t, l);
+      l !== void 0 && Us(o, t, l);
     } else if (s.kind === "transport") {
       const l = e.paths.find((d) => d.transport === s.transport);
-      l !== void 0 && Mt(n, t, l, !0);
+      l !== void 0 && _t(o, t, l, !0);
     }
     return;
   }
   const { ghost: i, overlaps: r, late: a } = t.ghost;
-  ys(n, t, o, t.ghost.refusedLanes);
-  const u = Se(o, i);
-  if (u === null) return;
-  for (const l of r) Ae(n, t, o, l);
+  Es(o, t, n, t.ghost.refusedLanes);
+  const h = xe(n, i);
+  if (h === null) return;
+  for (const l of r) Ge(o, t, n, l);
   const c = new Set(a.map((l) => l.transport));
   for (const l of t.data.transports) {
     if (l.from !== i.id && l.to !== i.id) continue;
     const d = e.boxById.get(l.from === i.id ? l.to : l.from);
     if (d === void 0) continue;
-    const p = l.from === i.id ? bt(o, l, u, d, e.options) : bt(o, l, d, u, e.options);
-    Mt(n, t, p, !0, c.has(l.id));
+    const p = l.from === i.id ? At(n, l, h, d, e.options) : At(n, l, d, h, e.options);
+    _t(o, t, p, !0, c.has(l.id));
   }
-  Ie(n, t, u, 0.55), n.strokeStyle = t.colours.text, n.lineWidth = 1, n.setLineDash([3, 2]), n.strokeRect(u.outerFrom + 0.5, u.y + 0.5, Math.max(1, u.outerTo - u.outerFrom - 1), u.height - 1), n.setLineDash([]), t.ghost.tether !== null && bs(n, t, u, t.ghost.tether);
+  Ne(o, t, 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([]), t.ghost.tether !== null && Ps(o, t, h, t.ghost.tether);
 }
-function ys(n, t, e, s) {
+function Es(o, t, e, s) {
   if (s.size === 0) return;
-  const { width: o, height: i } = t.view;
+  const { width: n, height: i } = t.view;
   for (const r of s) {
-    const a = ct(e, r);
+    const a = ft(e, r);
     if (a === null) continue;
-    const { top: u, height: c } = a;
-    u + c < 0 || u > i || (n.globalAlpha = 0.6, n.fillStyle = t.colours.surface, n.fillRect(0, u, o, c), n.globalAlpha = 1, _s(n, 0, u, o, c, t.colours.muted, 0.7, Is, 1));
+    const { top: h, height: c } = a;
+    h + c < 0 || h > i || (o.globalAlpha = 0.6, o.fillStyle = t.colours.surface, o.fillRect(0, h, n, c), o.globalAlpha = 1, Hs(o, 0, h, n, c, t.colours.muted, 0.7, Bs, 1));
   }
 }
-function bs(n, t, e, s) {
-  const o = 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 - o, s.y - i) < 2 || (n.strokeStyle = t.colours.text, n.lineWidth = 1, n.setLineDash([2, 3]), n.beginPath(), n.moveTo(o + 0.5, i + 0.5), n.lineTo(s.x + 0.5, s.y + 0.5), n.stroke(), n.setLineDash([]));
+function Ps(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 Se(n, t) {
-  const e = Lt(n.rows, t.lane);
-  return e === null ? null : Te(n, t, t.lane, e, 0);
+function xe(o, t) {
+  const e = Rt(o.rows, t.lane);
+  return e === null ? null : Ee(o, t, t.lane, e, 0);
 }
-function Ms(n, t, e) {
-  const { view: s, colours: o, bands: i } = t, { width: r, height: a } = s;
-  n.lineWidth = 1, n.strokeStyle = o.line, n.beginPath();
+function Rs(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)
-    n.moveTo(l.x + 0.5, 0), n.lineTo(l.x + 0.5, a);
+    o.moveTo(l.x + 0.5, 0), o.lineTo(l.x + 0.5, a);
   for (const l of e.rows.rows) {
     const d = l.top + l.height - e.scrollY - 0.5;
-    d < 0 || d > a || (n.moveTo(0, d), n.lineTo(r, d));
+    d < 0 || d > a || (o.moveTo(0, d), o.lineTo(r, d));
   }
-  const u = [...e.rows.slots.values()].filter((l) => l.miniature).sort((l, d) => l.top - d.top);
-  u.forEach((l, d) => {
-    const p = u[d + 1];
+  const h = [...e.rows.slots.values()].filter((l) => l.miniature).sort((l, d) => l.top - d.top);
+  h.forEach((l, d) => {
+    const p = h[d + 1];
     if (p === void 0 || p.top !== l.top + l.height || p.group === l.group) return;
-    const g = l.top + l.height - e.scrollY - 0.5;
-    g < 0 || g > a || (n.moveTo(0, g), n.lineTo(r, g));
-  }), n.stroke(), n.strokeStyle = o.lineStrong, n.beginPath();
+    const w = l.top + l.height - e.scrollY - 0.5;
+    w < 0 || w > a || (o.moveTo(0, w), o.lineTo(r, w));
+  }), o.stroke(), o.strokeStyle = n.lineStrong, o.beginPath();
   for (const l of i.days)
-    n.moveTo(l.x + 0.5, 0), n.lineTo(l.x + 0.5, a);
-  n.stroke();
-  const c = qe(s.options.calendar);
+    o.moveTo(l.x + 0.5, 0), o.lineTo(l.x + 0.5, a);
+  o.stroke();
+  const c = os(s.options.calendar);
   if (c.length > 0) {
-    n.strokeStyle = o.muted, n.setLineDash([2, 3]), n.beginPath();
+    o.strokeStyle = n.muted, o.setLineDash([2, 3]), o.beginPath();
     for (const l of c) {
       const d = Math.round(e.scale.toPx(l.operatingTime)) + 0.5;
-      d < 0 || d > r || (n.moveTo(d, 0), n.lineTo(d, a));
+      d < 0 || d > r || (o.moveTo(d, 0), o.lineTo(d, a));
     }
-    n.stroke(), n.setLineDash([]);
+    o.stroke(), o.setLineDash([]);
   }
 }
-function Ts(n, t) {
+function xs(o, t) {
   const e = t.view.nowX();
-  e !== null && (n.fillStyle = t.colours.accent, n.fillRect(e, 0, 2, t.view.height));
+  e !== null && (o.fillStyle = t.colours.now, o.fillRect(e, 0, 2, t.view.height));
 }
-function Cs(n, t, e, s) {
-  const o = t.colours.tasks.get(e.subtask.task) ?? t.colours.muted;
-  n.fillStyle = o;
+function Ns(o, t, e, s) {
+  const n = t.colours.tasks.get(e.subtask.task) ?? t.colours.muted;
+  o.fillStyle = n;
   for (const [i, r] of [
     [e.outerFrom, e.mainFrom],
     [e.mainTo, e.outerTo]
   ])
-    r <= i || (n.globalAlpha = 0.28 * s, n.fillRect(i, e.y, r - i, e.height));
-  n.globalAlpha = s, n.fillRect(e.mainFrom, e.y, Math.max(1, e.mainTo - e.mainFrom), e.height), n.globalAlpha = 1;
-}
-function Ft(n, t, e) {
-  if (n.dashed) return { fill: null, onDark: !1 };
-  const s = n.muted ? Ls(t, e.surface, 0.5) : t;
-  return { fill: s, onDark: ee(s, e.onAccent) > ee(s, e.text) };
-}
-function Ls(n, t, e) {
-  const s = at(n), o = at(t);
-  if (s === null || o === null) return n;
-  const i = (r) => Math.round(s[r] + (o[r] - s[r]) * e);
+    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 Bt(o, t, e) {
+  if (o.dashed) return { fill: null, onDark: !1 };
+  const s = o.muted ? Gs(t, e.surface, 0.5) : t;
+  return { fill: s, onDark: de(s, e.onAccent) > de(s, e.text) };
+}
+function Gs(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);
   return `rgb(${i(0)}, ${i(1)}, ${i(2)})`;
 }
-const Ss = 2;
-function Ie(n, t, e, s) {
-  const { view: o, colours: i } = t;
-  if (!Le(e, o.width, o.height)) return;
+const $s = 2;
+function Ne(o, t, e, s) {
+  const { view: n, colours: i } = t;
+  if (!It(e, n.width, n.height)) return;
   if (e.miniature) {
-    Cs(n, t, e, s);
+    Ns(o, t, e, s);
     return;
   }
-  const r = ht(e.subtask.appearance), a = i.tasks.get(e.subtask.task) ?? i.muted, u = Ft(r, a, i), c = e.y, l = e.height, d = Math.max(1, e.mainTo - e.mainFrom), p = u.onDark ? i.onAccent : i.text;
-  n.lineWidth = 1, n.fillStyle = a, n.strokeStyle = a;
-  for (const [b, I] of [
+  const r = ct(e.subtask.appearance), a = i.tasks.get(e.subtask.task) ?? i.muted, h = Bt(r, a, i), c = e.y, l = e.height, d = Math.max(1, e.mainTo - e.mainFrom), p = h.onDark ? i.onAccent : i.text;
+  o.lineWidth = 1, o.fillStyle = a, o.strokeStyle = a;
+  for (const [v, A] of [
     [e.outerFrom, e.mainFrom],
     [e.mainTo, e.outerTo]
   ])
-    I <= b || (n.globalAlpha = 0.28 * s, n.fillRect(b, c, I - b, l), n.globalAlpha = s, n.strokeRect(b + 0.5, c + 0.5, I - b - 1, l - 1));
-  u.fill !== null && (n.globalAlpha = s, n.fillStyle = u.fill, n.fillRect(e.mainFrom, c, d, l));
-  const g = e.subtask.progress;
-  if (g !== void 0) {
-    const b = Math.min(4, Math.max(2, Math.round(l / 6))), I = c + l - b - Ss, _ = Math.round(d * Math.max(0, Math.min(1, g)));
-    n.fillStyle = u.fill === null ? a : p, n.globalAlpha = 0.3 * s, n.fillRect(e.mainFrom, I, d, b), n.globalAlpha = s, _ > 0 && n.fillRect(e.mainFrom, I, _, b);
+    A <= v || (o.globalAlpha = 0.28 * s, o.fillRect(v, c, A - v, l), o.globalAlpha = s, o.strokeRect(v + 0.5, c + 0.5, A - v - 1, l - 1));
+  h.fill !== null && (o.globalAlpha = s, o.fillStyle = h.fill, o.fillRect(e.mainFrom, c, d, l));
+  const w = e.subtask.progress;
+  if (w !== void 0) {
+    const v = Math.min(4, Math.max(2, Math.round(l / 6))), A = c + l - v - $s, _ = Math.round(d * Math.max(0, Math.min(1, w)));
+    o.fillStyle = h.fill === null ? a : p, o.globalAlpha = 0.3 * s, o.fillRect(e.mainFrom, A, d, v), o.globalAlpha = s, _ > 0 && o.fillRect(e.mainFrom, A, _, v);
   }
   if (r.hatched) {
-    const b = Math.max(1, Math.min(Me, Math.floor((d - 2 * et) / 3))), I = d >= 4 * b ? et : 0, _ = l >= 4 * et ? et : 0;
-    n.globalAlpha = s, n.fillStyle = p, n.fillRect(e.mainFrom + I, c + _, b, l - 2 * _), n.fillRect(e.mainTo - I - b, c + _, b, l - 2 * _);
-  }
-  r.open && Fs(n, e, c, l, i.surface, o.width), r.dashed && (n.globalAlpha = s, n.strokeStyle = a, n.setLineDash([4, 3]), n.strokeRect(e.mainFrom + 0.5, c + 0.5, d - 1, l - 1), n.setLineDash([])), n.globalAlpha = 1, e.depth > 0 && s === 1 && (n.strokeStyle = i.surface, n.strokeRect(e.outerFrom - 0.5, c - 0.5, e.outerTo - e.outerFrom + 1, l + 1));
-}
-const Is = 6, As = 16;
-function _s(n, t, e, s, o, i, r, a, u) {
-  n.save(), n.beginPath(), n.rect(t, e, s, o), n.clip(), n.globalAlpha = 0.5 * r, n.strokeStyle = i, n.lineWidth = u, n.beginPath();
-  for (let c = t - o; c < t + s + o; c += a)
-    n.moveTo(c, e + o), n.lineTo(c + o, e);
-  n.stroke(), n.restore();
-}
-function Fs(n, t, e, s, o, i) {
-  const r = t.mainFrom < 0, a = t.mainTo > i, u = Math.max(1, Math.min(t.mainTo, i) - Math.max(t.mainFrom, 0)), c = Math.min(As, u);
-  r && ne(n, 0, c, e, s, o, 1), a && ne(n, i, -c, e, s, o, 1);
-}
-function ne(n, t, e, s, o, i, r) {
-  const a = n.createLinearGradient(t, 0, t + e, 0);
-  a.addColorStop(0, oe(i, r)), a.addColorStop(1, oe(i, 0)), n.globalAlpha = 1, n.fillStyle = a, n.fillRect(Math.min(t, t + e), s, Math.abs(e), o);
-}
-function oe(n, t) {
-  const e = at(n);
-  return e === null ? n : `rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`;
-}
-function Mt(n, t, e, s, o) {
-  const { data: i, colours: r } = t, a = i.taskOfTransport(e.transport), u = o ?? i.lateById.has(e.transport.id), c = a !== null && a === t.selectedTask, l = u ? r.alarm : (a !== null ? r.tasks.get(a) : void 0) ?? r.muted;
-  if (n.strokeStyle = l, n.fillStyle = l, n.lineWidth = s || c ? 2 : 1.25, n.setLineDash(u ? [4, 3] : []), n.beginPath(), n.moveTo(e.x1, e.y1), e.kind === "curve")
-    n.bezierCurveTo(e.c1x, e.y1, e.c2x, e.y2, e.x2, e.y2);
+    const v = Math.max(1, Math.min(De, Math.floor((d - 2 * nt) / 3))), A = d >= 4 * v ? nt : 0, _ = l >= 4 * nt ? nt : 0;
+    o.globalAlpha = s, o.fillStyle = p, o.fillRect(e.mainFrom + A, c + _, v, l - 2 * _), o.fillRect(e.mainTo - A - v, c + _, v, l - 2 * _);
+  }
+  r.open && Ys(o, e, c, l, i.surface, n.width), r.dashed && (o.globalAlpha = s, o.strokeStyle = a, o.setLineDash([4, 3]), o.strokeRect(e.mainFrom + 0.5, c + 0.5, d - 1, l - 1), o.setLineDash([])), o.globalAlpha = 1, e.depth > 0 && s === 1 && (o.strokeStyle = i.surface, o.strokeRect(e.outerFrom - 0.5, c - 0.5, e.outerTo - e.outerFrom + 1, l + 1));
+}
+const Bs = 6, Os = 16;
+function Hs(o, t, e, s, n, i, r, a, h) {
+  o.save(), o.beginPath(), o.rect(t, e, s, n), o.clip(), o.globalAlpha = 0.5 * r, o.strokeStyle = i, o.lineWidth = h, o.beginPath();
+  for (let c = t - n; c < t + s + n; c += a)
+    o.moveTo(c, e + n), o.lineTo(c + n, e);
+  o.stroke(), o.restore();
+}
+function Ys(o, t, e, s, n, i) {
+  const r = t.mainFrom < 0, a = t.mainTo > i, h = Math.max(1, Math.min(t.mainTo, i) - Math.max(t.mainFrom, 0)), c = Math.min(Os, h);
+  r && pe(o, 0, c, e, s, n, 1), a && pe(o, i, -c, e, s, n, 1);
+}
+function pe(o, t, e, s, n, i, r) {
+  const a = o.createLinearGradient(t, 0, t + e, 0);
+  a.addColorStop(0, me(i, r)), a.addColorStop(1, me(i, 0)), o.globalAlpha = 1, o.fillStyle = a, o.fillRect(Math.min(t, t + e), s, Math.abs(e), n);
+}
+function me(o, t) {
+  const e = lt(o);
+  return e === null ? o : `rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`;
+}
+function _t(o, t, e, s, n) {
+  const { data: i, colours: r } = t, a = i.taskOfTransport(e.transport), h = n ?? i.lateById.has(e.transport.id), c = a !== null && a === t.selectedTask, l = h ? r.alarm : (a !== null ? r.tasks.get(a) : void 0) ?? r.muted;
+  if (o.strokeStyle = l, o.fillStyle = l, o.lineWidth = s || c ? 2 : 1.25, o.setLineDash(h ? [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);
   else
-    for (let d = 2; d + 1 < e.points.length; d += 2) n.lineTo(e.points[d], e.points[d + 1]);
-  if (n.stroke(), n.setLineDash([]), e.ends === "dot")
+    for (let d = 2; d + 1 < e.points.length; d += 2) o.lineTo(e.points[d], e.points[d + 1]);
+  if (o.stroke(), o.setLineDash([]), e.ends === "dot")
     for (const [d, p] of [
       [e.x1, e.y1],
       [e.x2, e.y2]
     ])
-      n.beginPath(), n.arc(d, p, u ? 3 : 2.5, 0, Math.PI * 2), n.fill();
+      o.beginPath(), o.arc(d, p, h ? 3 : 2.5, 0, Math.PI * 2), o.fill();
 }
-function Es(n, t, e) {
+function Ks(o, t, e) {
   const { data: s } = t;
-  if (s.lateById.size !== 0) {
-    n.fillStyle = t.colours.alarm;
-    for (const o of s.lateById.values()) {
-      const i = s.transports.find((d) => d.id === o.transport), r = i === void 0 ? void 0 : s.subtaskById.get(i.to);
+  if (s.lateById.size !== 0)
+    for (const n of s.lateById.values()) {
+      const i = s.transports.find((d) => d.id === n.transport), r = i === void 0 ? void 0 : s.subtaskById.get(i.to);
       if (r === void 0) continue;
-      const a = ct(e, r.lane);
+      const a = ft(e, r.lane);
       if (a === null || !a.miniature) continue;
-      const u = nt(e.rows, a.top + e.scrollY);
-      if (u === null) continue;
-      const c = N(e, o.arrival), l = Math.max(c + 2, N(e, o.arrival + o.shortBy));
-      n.fillRect(c, u.top - e.scrollY + 1, l - c, 3);
+      const h = Z(e.rows, a.top + e.scrollY);
+      if (h === null) continue;
+      const c = R(e, n.arrival), l = Math.max(c + 2, R(e, n.arrival + n.shortBy));
+      Ft(o, t, c, l, h.top - e.scrollY + 1, 3);
     }
+}
+function Ft(o, t, e, s, n, i) {
+  if (!t.colours.forced) {
+    o.fillStyle = t.colours.alarm, o.fillRect(e, n, s - 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([]);
 }
-function Ae(n, t, e, s) {
-  const o = ct(e, s.lane);
-  if (o === null) return;
-  const i = N(e, s.from), r = Math.max(i + 2, N(e, s.to));
-  if (n.fillStyle = t.colours.alarm, n.globalAlpha = 0.14, n.fillRect(i, o.top + 1, r - i, Math.max(1, o.height - 2)), n.globalAlpha = 1, n.fillRect(i, o.top + 1, r - i, Math.min(3, Math.max(1, o.height - 1))), o.miniature) {
-    const a = nt(e.rows, o.top + e.scrollY);
-    a !== null && n.fillRect(i, a.top - e.scrollY + 1, r - i, 3);
+function Ge(o, t, e, s) {
+  const n = ft(e, s.lane);
+  if (n === null) return;
+  const i = R(e, s.from), r = Math.max(i + 2, R(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, Ft(o, t, i, r, n.top + 1, Math.min(3, Math.max(1, n.height - 1))), n.miniature) {
+    const a = Z(e.rows, n.top + e.scrollY);
+    a !== null && Ft(o, t, i, r, a.top - e.scrollY + 1, 3);
   }
 }
-function Ds(n, t, e) {
-  const { colours: s } = t, o = ht(e.subtask.appearance), i = Ft(o, s.tasks.get(e.subtask.task) ?? s.muted, s);
-  n.globalAlpha = Ps, n.fillStyle = i.onDark ? s.onAccent : s.text, n.fillRect(e.outerFrom, e.y, Math.max(1, e.outerTo - e.outerFrom), e.height), n.globalAlpha = 1;
+function Us(o, t, e) {
+  const { colours: s } = t, n = ct(e.subtask.appearance), i = Bt(n, s.tasks.get(e.subtask.task) ?? s.muted, 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);
+    return;
+  }
+  o.globalAlpha = Xs, 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;
 }
-const Ps = 0.2;
-function Ns(n, t) {
+const Xs = 0.2;
+function Ws(o, t) {
   const e = t.selectedTask;
   if (e !== null) {
-    n.strokeStyle = t.colours.text;
+    o.strokeStyle = t.colours.text;
     for (const s of t.view.boxes) {
       if (s.subtask.task !== e) continue;
-      const o = s.subtask.id === t.selectedSubtask;
-      n.lineWidth = o ? 2 : 1;
-      const i = o ? 1 : 0.5;
-      n.strokeRect(s.outerFrom - i, s.y - i, s.outerTo - s.outerFrom + 2 * i, s.height + 2 * i);
+      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);
     }
   }
 }
-const rt = 32, Gs = 18;
-function ie(n, t) {
-  if (!(t > 2 * rt)) return 0;
-  const e = rt - n, s = n - (t - rt), o = Math.max(e, s);
-  if (o <= 0) return 0;
-  const i = Math.min(1, o / rt), r = Gs * i * i;
+const at = 32, zs = 18;
+function ge(o, t) {
+  if (!(t > 2 * at)) return 0;
+  const e = at - o, s = o - (t - at), n = Math.max(e, s);
+  if (n <= 0) return 0;
+  const i = Math.min(1, n / at), r = zs * i * i;
   return e > 0 ? -r : r;
 }
-function Rs(n, t, e, s) {
-  const o = /* @__PURE__ */ new Set();
-  if (s === void 0) return o;
-  for (const i of n)
-    i !== e && (s(t, i) || o.add(i));
-  return o;
+function js(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;
 }
-function $s(n, t) {
+function qs(o, t) {
   const { step: e, offset: s } = typeof t == "number" ? { step: t, offset: 0 } : t;
-  if (!(e > 0) || !Number.isFinite(n)) return n;
-  const o = me(n) + s;
-  return o + Math.round((n - o) / e) * e;
+  if (!(e > 0) || !Number.isFinite(o)) return o;
+  const n = Se(o) + s;
+  return n + Math.round((o - n) / e) * e;
 }
-const re = "\0placing", ae = /* @__PURE__ */ new Set();
-function le(n) {
-  switch (n.kind) {
+const ke = "\0placing", we = /* @__PURE__ */ new Set();
+function Lt(o) {
+  switch (o.kind) {
     case "subtask":
-      return `subtask:${n.subtask.id}:${n.part}`;
+      return `subtask:${o.subtask.id}:${o.part}`;
     case "transport":
-      return `transport:${n.transport.id}`;
+      return `transport:${o.transport.id}`;
     case "lane":
-      return `lane:${n.lane}`;
+      return `lane:${o.lane}`;
     default:
       return "nothing";
   }
 }
-const he = 3, Os = 10, xs = 600;
-class Bs {
+const ye = 3, Vs = 10, Zs = 600;
+class Js {
   constructor(t) {
     f(this, "gesture", { kind: "none" });
     f(this, "touches", /* @__PURE__ */ new Map());
@@ -721,8 +745,13 @@ class Bs {
         open it for this gesture. */
     f(this, "resting", null);
     f(this, "hover", { kind: "nothing" });
-    /** Where the pointer rests on the plot while nothing is being dragged. */
+    /** Where the pointer rests on the plot while nothing is being dragged - or,
+        where the keyboard set the hover, the point its tooltip stands at. */
     f(this, "hoverPoint", { x: 0, y: 0 });
+    /** Whether the keyboard set the hover (ADR-0030): pointer and keys share one
+        **Active subtask**, and the last input wins. The keys' hover stays when
+        the pointer leaves, and the pointer takes it over by moving. */
+    f(this, "byKeyboard", !1);
     f(this, "cursor", "default");
     this.host = t;
   }
@@ -754,13 +783,13 @@ class Bs {
   ghostSummary() {
     const t = this.gesture;
     if (t.kind !== "edit" && t.kind !== "place") return null;
-    const e = Se(this.host.view.viewport(), t.ghost);
+    const e = xe(this.host.view.viewport(), t.ghost);
     if (e === null) return null;
-    const s = this.ghostFindings(t.ghost, this.ghostHome(t)), o = t.kind === "edit" && (t.mode === "setup" || t.mode === "teardown"), i = o ? ut(t.ghost) : t.ghost;
+    const s = this.ghostFindings(t.ghost, this.ghostHome(t)), n = t.kind === "edit" && (t.mode === "setup" || t.mode === "teardown"), i = n ? dt(t.ghost) : t.ghost;
     return {
       refused: this.refused,
       refusedLanes: [...t.refused],
-      x: o ? e.outerFrom : e.mainFrom,
+      x: n ? e.outerFrom : e.mainFrom,
       y: e.y,
       height: e.height,
       from: i.from,
@@ -773,25 +802,25 @@ class Bs {
   /* Pointer                                                           */
   /* ---------------------------------------------------------------- */
   local(t, e) {
-    var o;
-    const s = (o = this.host.plotElement()) == null ? void 0 : o.getBoundingClientRect();
+    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) };
   }
-  report(t, e, s, o, i, r) {
-    var u, c;
+  report(t, e, s, n, i, r) {
+    var h, c;
     const a = this.host.view;
-    (c = (u = this.host.handlers()).onInteraction) == null || c.call(u, { type: t, hit: e, clientX: s, clientY: o, time: a.timeAt(i), lane: a.laneIdAt(r) });
+    (c = (h = this.host.handlers()).onInteraction) == null || c.call(h, { type: t, hit: e, clientX: s, clientY: n, time: a.timeAt(i), lane: a.laneIdAt(r) });
   }
   pointerDown(t) {
-    var a, u, c, l, d;
+    var a, h, c, l, d;
     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)) {
       this.gesture.kind !== "pinch" && (this.cancelEdit(), this.gesture = { kind: "pinch", distance: this.touchDistance() });
       return;
     }
     if (t.button !== 0) return;
-    const o = (c = (u = (a = t.target) == null ? void 0 : a.closest) == null ? void 0 : u.call(a, "[data-grip]")) == null ? void 0 : c.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 } : (o === "setup" || o === "teardown") && r !== null ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: s, mode: o, subtask: r } : this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: s, ...this.modeAt(e, s) }, (d = (l = this.host.plotElement()) == null ? void 0 : l.setPointerCapture) == null || d.call(l, t.pointerId);
+    const n = (c = (h = (a = t.target) == null ? void 0 : a.closest) == null ? void 0 : h.call(a, "[data-grip]")) == null ? void 0 : c.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 === "setup" || n === "teardown") && 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) }, (d = (l = this.host.plotElement()) == null ? void 0 : l.setPointerCapture) == null || d.call(l, t.pointerId);
   }
   /** A drag over a folded group: resting on one opens it for the GESTURE.
   
@@ -801,13 +830,13 @@ class Bs {
         never written to and no change is reported, because the application did
         not fold anything (ADR-0025). */
   restOver(t) {
-    var o;
+    var n;
     const e = this.host.view, s = e.foldedGroupAt(t);
-    s !== ((o = this.resting) == null ? void 0 : o.group) && (this.stopResting(), s !== null && (this.resting = {
+    s !== ((n = this.resting) == null ? void 0 : n.group) && (this.stopResting(), s !== null && (this.resting = {
       group: s,
       timer: setTimeout(() => {
         this.resting = null, e.openForGesture = /* @__PURE__ */ new Set([...e.openForGesture, s]), this.host.viewChanged();
-      }, xs)
+      }, Zs)
     }));
   }
   stopResting() {
@@ -829,28 +858,28 @@ class Bs {
       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, o;
-    return ((o = (s = this.host.handlers()).canMoveTo) == null ? void 0 : o.call(s, t, e)) ?? !0;
+    var s, n;
+    return ((n = (s = this.host.handlers()).canMoveTo) == null ? void 0 : n.call(s, 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((o) => o.id);
-    return Rs(s, t, e, this.host.handlers().canMoveTo);
+    if (!this.host.view.options.intents.includes(e === null ? "place" : "lane")) return we;
+    const s = this.host.data.lanes.map((n) => n.id);
+    return js(s, 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, o = s.options.intents;
+    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 (o.includes("stretch")) {
-        const a = hs(r, t, e);
+      if (n.includes("stretch")) {
+        const a = ys(r, t, e);
         if (a !== null) return { mode: a === "from" ? "stretch-from" : "stretch-to", subtask: r.subtask };
       }
-      if (Ce(r, t, e) !== null)
-        return o.includes("move") || o.includes("lane") ? { mode: "move", subtask: r.subtask } : { mode: "pan", subtask: r.subtask };
+      if (Pe(r, t, e) !== null)
+        return n.includes("move") || n.includes("lane") ? { mode: "move", subtask: r.subtask } : { mode: "pan", subtask: r.subtask };
     }
     return { mode: "pan", subtask: null };
   }
@@ -861,24 +890,24 @@ class Bs {
       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 o = this.gesture;
-    if (o.kind === "pending" && o.pointerId === t.pointerId) {
-      if (Math.hypot(e - o.x0, s - o.y0) < (t.pointerType === "touch" ? Os : he)) return;
-      if (o.mode === "pan" || o.subtask === null)
-        this.gesture = { kind: "pan", pointerId: o.pointerId, lastX: o.x0, lastY: o.y0 }, this.setCursor("grabbing");
+    const n = this.gesture;
+    if (n.kind === "pending" && n.pointerId === t.pointerId) {
+      if (Math.hypot(e - n.x0, s - n.y0) < (t.pointerType === "touch" ? Vs : ye)) return;
+      if (n.mode === "pan" || n.subtask === null)
+        this.gesture = { kind: "pan", pointerId: n.pointerId, lastX: n.x0, lastY: n.y0 }, this.setCursor("grabbing");
       else {
-        const r = this.host.view.viewport().scale.fromPx(o.x0);
+        const r = this.host.view.viewport().scale.fromPx(n.x0);
         this.gesture = {
           kind: "edit",
-          pointerId: o.pointerId,
-          mode: o.mode,
-          subtask: o.subtask,
+          pointerId: n.pointerId,
+          mode: n.mode,
+          subtask: n.subtask,
           t0: r,
-          ghost: o.subtask,
+          ghost: n.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: o.mode === "move" ? this.askRefused(o.subtask, o.subtask.lane) : ae
-        }, this.setCursor(o.mode === "move" ? "grabbing" : "ew-resize");
+          refused: n.mode === "move" ? this.askRefused(n.subtask, n.subtask.lane) : we
+        }, this.setCursor(n.mode === "move" ? "grabbing" : "ew-resize");
       }
     }
     const i = this.gesture;
@@ -891,7 +920,7 @@ class Bs {
       this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: e, y: s }, this.restOver(s), this.gesture = { ...i, ghost: this.ghostFor(i, e, s) }, this.setCursor(this.refused ? "not-allowed" : i.mode === "move" ? "grabbing" : "ew-resize"), this.host.interactionChanged(), this.autoPan();
       return;
     }
-    i.kind === "none" && this.hoverAt(t.clientX, t.clientY, e, s);
+    i.kind === "none" && (this.byKeyboard = !1, this.hoverAt(t.clientX, t.clientY, e, s));
   }
   pointerUp(t) {
     var i, r;
@@ -900,18 +929,18 @@ class Bs {
       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: o } = this.local(t.clientX, t.clientY);
+    const e = this.gesture, { x: s, y: n } = 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, o);
+      this.gesture = { kind: "none" }, this.click(t.clientX, t.clientY, s, n);
     else if (e.kind === "pan" && e.pointerId === t.pointerId)
-      this.gesture = { kind: "none" }, this.setCursor("default"), this.hoverAt(t.clientX, t.clientY, s, o);
+      this.gesture = { kind: "none" }, this.setCursor("default"), this.hoverAt(t.clientX, t.clientY, s, n);
     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), u = this.intentsOf(e.subtask, e.ghost, e.mode).filter(
+      const a = e.ghost.lane === e.subtask.lane || this.allowed(e.subtask, e.ghost.lane), h = this.intentsOf(e.subtask, e.ghost, e.mode).filter(
         (c) => a || c.kind !== "lane"
       );
       this.refused = !1, this.cursor = "default", this.host.interactionChanged();
-      for (const c of u) (r = (i = this.host.handlers()).onIntent) == null || r.call(i, c);
+      for (const c of h) (r = (i = this.host.handlers()).onIntent) == null || r.call(i, c);
     }
   }
   /** While a drag is in flight near an edge, pans along once per frame and
@@ -923,17 +952,17 @@ class Bs {
       this.panFrame = 0;
       const e = this.gesture;
       if (e.kind !== "edit" && e.kind !== "place") return;
-      const s = this.host.view, { x: o, y: i } = this.local(this.lastClient.x, this.lastClient.y), r = ie(o, s.width), a = ie(i, s.height);
+      const s = this.host.view, { x: n, y: i } = this.local(this.lastClient.x, this.lastClient.y), r = ge(n, s.width), a = ge(i, s.height);
       if (r === 0 && a === 0) return;
-      const u = s.pan(r, a);
-      if (u.moved) {
-        if (this.dragPoint = { x: o, y: i }, e.kind === "edit")
-          this.gesture = { ...e, ghost: this.ghostFor(e, o, i) };
+      const h = s.pan(r, a);
+      if (h.moved) {
+        if (this.dragPoint = { x: n, y: i }, e.kind === "edit")
+          this.gesture = { ...e, ghost: this.ghostFor(e, n, i) };
         else {
-          const c = this.placeGhost(e.item, o, i, e.refused);
+          const c = this.placeGhost(e.item, n, i, e.refused);
           this.refused = c.refused, this.gesture = { ...e, ghost: c.ghost ?? e.ghost };
         }
-        this.host.viewMoved(u.time), this.panFrame = requestAnimationFrame(t);
+        this.host.viewMoved(h.time), this.panFrame = requestAnimationFrame(t);
       }
     };
     this.panFrame = requestAnimationFrame(t);
@@ -949,12 +978,12 @@ class Bs {
       pointer without the pointer moving, and a tooltip still naming the old
       times would be a lie. Nothing is reported: no interaction happened. */
   refreshHover() {
-    if (!this.idle || this.hoverKey === "nothing") return;
+    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 = le(s);
+    this.hover = s, this.hoverKey = Lt(s);
   }
   pointerLeave() {
-    this.gesture.kind === "none" && this.setHover({ kind: "nothing" }, "nothing");
+    this.gesture.kind !== "none" || this.byKeyboard || this.setHover({ kind: "nothing" }, "nothing");
   }
   /** Escape while a drag is in flight: the ghost goes, and nothing is reported.
       It ends a drag from outside as it ends one inside. */
@@ -972,7 +1001,7 @@ class Bs {
       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)), o = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? e.height : 1, i = t.deltaX * o, r = t.deltaY * o;
+    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;
     if (t.ctrlKey || t.metaKey) {
       t.preventDefault();
       const c = Math.abs(r) < 50 ? 0.01 : 15e-4;
@@ -988,20 +1017,26 @@ class Bs {
     const a = r > 0 ? e.maxScroll() - e.scrollY : e.scrollY;
     if (r === 0 || a <= 0) return;
     t.preventDefault();
-    const u = e.pan(0, r);
-    u.moved && this.host.viewMoved(u.time);
+    const h = e.pan(0, r);
+    h.moved && this.host.viewMoved(h.time);
   }
-  click(t, e, s, o) {
-    const i = this.host.view.hitAt(s, o), r = i.kind === "subtask" ? i.subtask.task : i.kind === "transport" ? this.host.data.taskOfTransport(i.transport) : null;
-    this.host.select(r, i.kind === "subtask" ? i.subtask.id : null), this.report("click", i, t, e, s, o);
+  click(t, e, s, n) {
+    const i = this.host.view.hitAt(s, n), r = i.kind === "subtask" ? i.subtask.task : i.kind === "transport" ? this.host.data.taskOfTransport(i.transport) : null;
+    this.host.select(r, i.kind === "subtask" ? i.subtask.id : null), this.report("click", i, t, e, s, n);
   }
-  hoverAt(t, e, s, o) {
-    const i = this.host.view.hitAt(s, o), r = le(i), { mode: a } = this.modeAt(s, o);
-    if (this.setCursor(a === "move" ? "grab" : a === "stretch-from" || a === "stretch-to" ? "ew-resize" : "default"), this.hoverPoint = { x: s, y: o }, r === this.hoverKey) {
+  hoverAt(t, e, s, n) {
+    const i = this.host.view.hitAt(s, n), r = Lt(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 === "transport") && this.host.interactionChanged();
       return;
     }
-    this.setHover(i, r), this.report("hover", i, t, e, s, o);
+    this.setHover(i, r), this.report("hover", i, t, e, s, n);
+  }
+  /** 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 = Lt(t), this.host.interactionChanged();
   }
   setHover(t, e) {
     e !== this.hoverKey && (this.hoverKey = e, this.hover = t, this.host.interactionChanged());
@@ -1026,7 +1061,7 @@ class Bs {
   dragOver(t, e) {
     const s = this.host.view;
     if (e === null || !s.options.intents.includes("place")) return;
-    const { x: o, y: i } = this.local(t.clientX, t.clientY);
+    const { x: n, y: i } = this.local(t.clientX, t.clientY);
     if (s.laneIdAt(i) === null && s.foldedGroupAt(i) === null) {
       this.clearPlacing();
       return;
@@ -1037,30 +1072,30 @@ class Bs {
          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) ?? "", o), null)
-    ), a = this.placeGhost(e, o, i, r);
+      this.askRefused(this.askedFor(e, this.onLane(i) ?? "", n), null)
+    ), a = this.placeGhost(e, n, i, r);
     this.refused = a.refused, this.setCursor(a.refused ? "not-allowed" : "default");
-    const u = this.gesture.kind === "place" ? this.gesture.ghost : null, c = a.ghost ?? (a.refused ? u : null);
-    t.dataTransfer !== null && (t.dataTransfer.dropEffect = c === null ? "none" : "copy"), c !== null && (this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: o, y: i }, this.gesture = { kind: "place", ghost: c, item: e, refused: r }, this.host.interactionChanged(), this.autoPan());
+    const h = this.gesture.kind === "place" ? this.gesture.ghost : null, c = a.ghost ?? (a.refused ? h : null);
+    t.dataTransfer !== null && (t.dataTransfer.dropEffect = c === null ? "none" : "copy"), c !== null && (this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: n, y: i }, this.gesture = { kind: "place", ghost: c, 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, and none where the caller refuses that lane - which the answer
       says apart, because the two mean different things to the drag. */
-  placeGhost(t, e, s, o) {
+  placeGhost(t, e, s, n) {
     const i = this.onLane(s);
-    return i === null ? { ghost: null, refused: !1 } : o.has(i) ? { ghost: null, refused: !0 } : { ghost: { ...this.askedFor(t, i, e), id: re }, refused: !1 };
+    return i === null ? { ghost: null, refused: !1 } : n.has(i) ? { ghost: null, refused: !0 } : { ghost: { ...this.askedFor(t, i, e), id: ke }, refused: !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 o = this.snapInside(this.host.view.timeAt(s), this.snapStep());
+    const n = this.snapInside(this.host.view.timeAt(s), this.snapStep());
     return {
       id: t.item,
       task: t.task,
       lane: e,
-      from: o,
-      to: o + t.duration,
+      from: n,
+      to: n + t.duration,
       ...t.setup === void 0 ? {} : { setup: t.setup },
       ...t.teardown === void 0 ? {} : { teardown: t.teardown }
     };
@@ -1072,11 +1107,11 @@ class Bs {
     const e = this.gesture;
     if (e.kind !== "place") return;
     t.preventDefault();
-    const { ghost: s, item: o } = e;
-    if (this.stopAutoPan(), this.closeGestureFolds(), this.gesture = { kind: "none" }, this.refused = !1, this.cursor = "default", this.host.interactionChanged(), !this.allowed({ ...s, id: o.item }, s.lane)) return;
+    const { ghost: s, item: n } = e;
+    if (this.stopAutoPan(), this.closeGestureFolds(), this.gesture = { kind: "none" }, this.refused = !1, this.cursor = "default", this.host.interactionChanged(), !this.allowed({ ...s, id: n.item }, s.lane)) return;
     const i = {
       kind: "place",
-      item: o.item,
+      item: n.item,
       task: s.task,
       lane: s.lane,
       from: s.from,
@@ -1101,43 +1136,47 @@ class Bs {
     return t === "ticks" ? { step: this.host.view.step(), offset: 0 } : t === !1 ? { step: 0, offset: 0 } : typeof t == "number" ? { step: t, offset: 0 } : t;
   }
   ghostFor(t, e, s) {
-    const o = this.host.view, i = t.subtask, r = this.snapStep(), a = o.options.intents, u = this.snapInside(o.timeAt(e), r);
+    const n = this.host.view, i = t.subtask, r = this.snapStep(), a = n.options.intents, h = this.snapInside(n.timeAt(e), r);
     switch (t.mode) {
       case "move": {
         let c = i.from;
-        const l = o.viewport().scale, d = l.fromPx(e) - t.t0;
-        if (a.includes("move") && Math.abs(d * l.m) >= he) {
-          const g = j(o.options.calendar), b = B(i.from, g) + d, I = g.intervals.length === 0 ? b : U(Math.max(0, Math.min(g.total, b)), g);
-          c = this.snapInside(I, r);
-        }
+        const l = n.viewport().scale, d = l.fromPx(e) - t.t0;
+        a.includes("move") && Math.abs(d * l.m) >= ye && (c = this.shifted(i.from, d, r));
         let p = t.ghost.lane;
         if (a.includes("lane")) {
-          const g = this.onLane(s) ?? p;
-          this.refused = t.refused.has(g), this.refused || (p = g);
+          const w = this.onLane(s) ?? p;
+          this.refused = t.refused.has(w), this.refused || (p = w);
         } else
           this.refused = !1;
         return { ...i, from: c, to: c + (i.to - i.from), lane: p };
       }
       case "stretch-from":
-        return { ...i, from: Math.min(u, i.to - Math.max(r.step, q)) };
+        return { ...i, from: Math.min(h, i.to - Math.max(r.step, X)) };
       case "stretch-to":
-        return { ...i, to: Math.max(u, i.from + Math.max(r.step, q)) };
+        return { ...i, to: Math.max(h, i.from + Math.max(r.step, X)) };
       case "setup":
-        return { ...i, setup: Math.max(0, i.from - u) };
+        return { ...i, setup: Math.max(0, i.from - h) };
       case "teardown":
-        return { ...i, teardown: Math.max(0, u - i.to) };
+        return { ...i, teardown: Math.max(0, h - i.to) };
     }
   }
+  /** A time moved by an amount of OPERATING 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 = V(this.host.view.options.calendar), i = K(t, n) + e, r = n.intervals.length === 0 ? i : W(Math.max(0, Math.min(n.total, i)), n);
+    return this.snapInside(r, s);
+  }
   /** 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
       the plant does not run. */
   snapInside(t, e) {
-    const s = $s(t, e), o = j(this.host.view.options.calendar);
-    return o.intervals.length === 0 ? s : U(B(s, o), o);
+    const s = qs(t, e), n = V(this.host.view.options.calendar);
+    return n.intervals.length === 0 ? s : W(K(s, n), n);
   }
   intentsOf(t, e, s) {
-    const o = [], i = this.host.view.options.intents, r = t.id;
-    return s === "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 })) : s === "stretch-from" || s === "stretch-to" ? (e.from !== t.from || e.to !== t.to) && o.push({ kind: "stretch", subtask: r, from: e.from, to: e.to }) : s === "setup" ? (e.setup ?? 0) !== (t.setup ?? 0) && o.push({ kind: "setup", subtask: r, setup: e.setup ?? 0 }) : (e.teardown ?? 0) !== (t.teardown ?? 0) && o.push({ kind: "teardown", subtask: r, teardown: e.teardown ?? 0 }), o;
+    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 === "setup" ? (e.setup ?? 0) !== (t.setup ?? 0) && n.push({ kind: "setup", subtask: r, setup: e.setup ?? 0 }) : (e.teardown ?? 0) !== (t.teardown ?? 0) && n.push({ kind: "teardown", subtask: r, teardown: e.teardown ?? 0 }), n;
   }
   /** The lane the ghost came from - the only other lane a drag can touch. */
   ghostHome(t) {
@@ -1153,57 +1192,277 @@ class Bs {
         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, o = (l) => l.lane === t.lane || l.lane === e, r = [...s.subtasks.filter((l) => l.id !== t.id && o(l)), t], a = (l) => l.first === t.id || l.second === t.id, u = s.transports.filter((l) => l.from === t.id || l.to === t.id), c = t.id === re ? s.subtasks : s.subtasks.map((l) => l.id === t.id ? t : l);
-    return { overlaps: At(r).filter(a), late: _t(c, u) };
+    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, h = s.transports.filter((l) => l.from === t.id || l.to === t.id), c = t.id === ke ? s.subtasks : s.subtasks.map((l) => l.id === t.id ? t : l);
+    return { overlaps: Gt(r).filter(a), late: $t(c, h) };
+  }
+}
+function Qs(o, t) {
+  const e = /* @__PURE__ */ new Map();
+  for (const s of t) {
+    const n = o.slots.get(s.lane), i = n === void 0 ? null : Z(o, n.top);
+    if (i === null) continue;
+    const r = o.rows.indexOf(i);
+    e.set(r, [...e.get(r) ?? [], s]);
+  }
+  return [...e.entries()].sort(([s], [n]) => s - n).map(([, s]) => s.sort((n, i) => n.from - i.from || n.to - i.to));
+}
+const ve = (o, t) => t < o.from ? o.from - t : t > o.to ? t - o.to : 0;
+function tn(o, t, e, s) {
+  var c;
+  let n = -1, i = -1;
+  for (let l = 0; l < o.length && t !== null && n < 0; l++)
+    i = o[l].findIndex((d) => d.id === t), i >= 0 && (n = l);
+  if (n < 0) {
+    for (const l of o) {
+      const d = l.find((p) => p.to > s[0] && p.from < s[1]);
+      if (d !== void 0) return d;
+    }
+    return ((c = o[0]) == null ? void 0 : c[0]) ?? null;
+  }
+  const r = o[n], a = r[i], h = (s[1] - s[0]) / 10;
+  switch (e) {
+    case "next":
+      return r[i + 1] ?? a;
+    case "previous":
+      return r[i - 1] ?? a;
+    case "first":
+      return r[0];
+    case "last":
+      return r[r.length - 1];
+    case "pageNext":
+      return r.find((l, d) => d > i && l.from >= a.from + h) ?? r[r.length - 1];
+    case "pagePrevious":
+      for (let l = i - 1; l >= 0; l--) if (r[l].from <= a.from - h) return r[l];
+      return r[0];
+    case "up":
+    case "down": {
+      const l = o[e === "up" ? n - 1 : n + 1];
+      if (l === void 0) return a;
+      const d = (a.from + a.to) / 2;
+      return l.reduce((p, w) => ve(w, d) < ve(p, d) ? w : p);
+    }
   }
 }
-const _e = [], Hs = 56;
-function Ys(n, t = Hs) {
-  return n > 0 ? Math.min(st, Math.max(15 * q, je(n * t, 1))) : 15 * q;
-}
-function Xs(n, t, e = _e) {
-  const [s, o] = Fe(n, e);
-  return Ve(e, s, o, t, me(s)).filter(
-    (i) => i.operatingTime >= n[0] && i.operatingTime <= n[1]
+function en(o, t, e, s) {
+  if (e.kind === "transport") {
+    const i = o.find((a) => a.id === e.id), r = i === void 0 ? void 0 : s === "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)
+  );
+  return n === void 0 ? e : { kind: "transport", id: n.id };
+}
+const sn = 150, nn = {
+  ArrowRight: "next",
+  ArrowLeft: "previous",
+  ArrowUp: "up",
+  ArrowDown: "down",
+  Home: "first",
+  End: "last",
+  PageDown: "pageNext",
+  PageUp: "pagePrevious"
+};
+class on {
+  constructor(t) {
+    f(this, "spoken", null);
+    f(this, "timer", null);
+    this.host = t;
+  }
+  /** 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 === "transport" ? { kind: "transport", id: t.transport.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,
+      and must not start it. */
+  focus(t) {
+    !t || this.active() !== null || this.walk("first");
+  }
+  /** The focus left: the keys' subtask goes with it. */
+  blur() {
+    this.host.gestures.byKeyboard && this.host.gestures.setKeyboardHover({ kind: "nothing" }, { x: 0, y: 0 });
+  }
+  /** A key on the plot; true where the schedule took it. */
+  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 i = this.active();
+      if (i === null) return !1;
+      const r = this.host.data, a = s ? !t.shiftKey : t.key === "]";
+      return this.show(en(r.transports, 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 : nn[t.key];
+    return n === void 0 ? !1 : (this.walk(n), !0);
+  }
+  walk(t) {
+    var h;
+    const { data: e, view: s } = this.host, n = this.active(), i = n === null ? null : n.kind === "subtask" ? n.id : ((h = e.transports.find((c) => c.id === n.id)) == null ? void 0 : h.from) ?? null;
+    let r = Qs(s.rows, e.subtasks);
+    if (i === null) {
+      const c = r.filter((l) => {
+        const d = s.boxById.get(l[0].id);
+        return d !== void 0 && d.y + d.height > 0 && d.y < s.height;
+      });
+      c.length > 0 && (r = c);
+    }
+    const a = tn(r, i, t, this.host.visibleDomain());
+    a !== null && this.show({ kind: "subtask", id: a.id });
+  }
+  /** Space and Enter select as a click does: the whole task, and the subtask. */
+  select() {
+    const t = this.host.gestures.hover;
+    if (t.kind === "subtask") this.host.select(t.subtask.task, t.subtask.id);
+    else if (t.kind === "transport") this.host.select(this.host.data.taskOfTransport(t.transport), null);
+    else return !1;
+    return !0;
+  }
+  /** Alt+←/→ proposes a move by one step of the raster, Alt+Shift+←/→ a new
+      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 l, d;
+    const e = this.host.gestures.hover, s = t.key === "ArrowRight" ? 1 : t.key === "ArrowLeft" ? -1 : 0;
+    if (s === 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(), h = a.step > 0 ? a : { step: this.host.view.step(), offset: 0 };
+    let c = null;
+    if (!t.shiftKey && r.includes("move")) {
+      const p = i.shifted(n.from, s * h.step, h);
+      p !== n.from && (c = { kind: "move", subtask: n.id, from: p, to: p + (n.to - n.from) });
+    } else if (t.shiftKey && r.includes("stretch")) {
+      const p = Math.max(i.shifted(n.to, s * h.step, h), n.from + Math.max(h.step, X));
+      p !== n.to && (c = { kind: "stretch", subtask: n.id, from: n.from, to: p });
+    }
+    return i.byKeyboard = !0, c !== null && ((d = (l = this.host.handlers()).onIntent) == null || d.call(l, c)), 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);
+    if (n === null) return;
+    const { view: i } = this.host, r = (a, h) => Math.max(0, Math.min(h, 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.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 s = e.transports.find((n) => n.id === t.id);
+    return s === void 0 ? null : { kind: "transport", transport: s };
+  }
+  /** Where a target lies on the plot: a subtask's bar, or the span between
+      the two bars a transport joins. */
+  bounds(t) {
+    const e = this.host.view, s = (a) => e.boxById.get(a);
+    if (t.kind === "subtask") {
+      const a = s(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.transports.find((a) => a.id === t.id), i = n === void 0 ? void 0 : s(n.from), r = n === void 0 ? void 0 : s(n.to);
+    return i === void 0 || r === void 0 ? null : {
+      x0: Math.min(i.mainTo, r.mainFrom),
+      x1: Math.max(i.mainTo, r.mainFrom),
+      y0: Math.min(i.y, r.y),
+      y1: Math.max(i.y + i.height, r.y + r.height)
+    };
+  }
+  /** Pans and scrolls just enough to bring a target into view, with a margin
+      at the side it came in from; a target wider than the view shows its
+      start. As a drag at the edge pans along, the keys do. */
+  reveal(t) {
+    const e = this.bounds(t), 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;
+    if (i === 0 && r === 0) return;
+    const a = s.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
+      id - its new times, its new place -, and dropped where it is gone. */
+  refresh() {
+    const t = this.active();
+    !this.host.gestures.byKeyboard || t === null || (this.hitOf(t) === null || this.bounds(t) === null ? this.blur() : this.show(t, !1));
+  }
+  /** The readout, written once the keys rest - and only while they still hold
+      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;
+      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());
+    }, sn);
+  }
+  /** Unmount: no readout after it. */
+  stop() {
+    this.timer !== null && clearTimeout(this.timer), this.timer = null;
+  }
+}
+const $e = [], rn = 56;
+function an(o, t = rn) {
+  return o > 0 ? Math.min(ot, Math.max(15 * X, is(o * t, 1))) : 15 * X;
+}
+function ln(o, t, e = $e) {
+  const [s, n] = Be(o, e);
+  return rs(e, s, n, t, Se(s)).filter(
+    (i) => i.operatingTime >= o[0] && i.operatingTime <= o[1]
   );
 }
-function Ks(n, t = _e) {
-  const [e, s] = Fe(n, t), o = [], i = new Date(e);
-  for (i.setHours(0, 0, 0, 0); i.getTime() < s && o.length < 400; ) {
+function hn(o, t = $e) {
+  const [e, s] = Be(o, t), n = [], i = new Date(e);
+  for (i.setHours(0, 0, 0, 0); i.getTime() < s && n.length < 400; ) {
     const r = i.getTime();
     i.setDate(i.getDate() + 1);
     const a = i.getTime();
-    o.push({
+    n.push({
       start: r,
       end: a,
-      from: B(r, t),
-      to: B(a, t)
+      from: K(r, t),
+      to: K(a, t)
     });
   }
-  return o;
+  return n;
 }
-function Us(n, t, e, s) {
-  const o = n[1] - n[0];
-  if (!(o > 0)) return [n[0], n[1]];
-  const i = Math.min(s.max, Math.max(s.min, o * e)), r = (t - n[0]) / o, a = t - r * i;
+function un(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;
   return [a, a + i];
 }
-function zs(n, t) {
-  return [n[0] + t, n[1] + t];
+function cn(o, t) {
+  return [o[0] + t, o[1] + t];
 }
-function Fe(n, t) {
-  const e = j(t);
-  if (e.intervals.length === 0) return [n[0], n[1]];
-  const s = (o) => Math.max(0, Math.min(e.total, o));
-  return [U(s(n[0]), e), U(s(n[1]), e)];
+function Be(o, t) {
+  const e = V(t);
+  if (e.intervals.length === 0) return [o[0], o[1]];
+  const s = (n) => Math.max(0, Math.min(e.total, n));
+  return [W(s(o[0]), e), W(s(o[1]), e)];
 }
-const lt = 44;
-class Ws {
+const ht = 44;
+class dn {
   constructor(t) {
     f(this, "options", {
-      laneHeight: lt,
+      laneHeight: ht,
       calendar: [],
-      zoomLimits: { min: Tt, max: 28 * st },
+      zoomLimits: { min: Dt, max: 28 * ot },
       snap: "ticks",
       intents: [],
       now: null,
@@ -1211,14 +1470,14 @@ class Ws {
       attach: "centre",
       ends: "dot"
     });
-    f(this, "domain", [0, st]);
+    f(this, "domain", [0, ot]);
     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", qt({ lanes: [], groups: [], collapsed: /* @__PURE__ */ new Set(), laneHeight: lt }));
+    f(this, "rows", ie({ lanes: [], groups: [], collapsed: /* @__PURE__ */ new Set(), laneHeight: ht }));
     /** 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
@@ -1232,20 +1491,20 @@ class Ws {
   /** Takes new options; an initial domain in wall-clock time puts the view
       there, and a new calendar keeps the wall-clock span in view. */
   setOptions(t, e) {
-    const s = t.calendar !== this.options.calendar, o = this.options.calendar;
+    const s = t.calendar !== this.options.calendar, n = this.options.calendar;
     if (this.options = t, e !== null)
-      this.domain = [B(e[0], t.calendar), B(e[1], t.calendar)];
+      this.domain = [K(e[0], t.calendar), K(e[1], t.calendar)];
     else if (s) {
-      const i = j(o), r = (a) => {
-        const u = i.intervals.length === 0 ? a : Math.max(0, Math.min(i.total, a));
-        return B(U(u, i), t.calendar) + (a - u);
+      const i = V(n), r = (a) => {
+        const h = i.intervals.length === 0 ? a : Math.max(0, Math.min(i.total, a));
+        return K(W(h, i), t.calendar) + (a - h);
       };
       this.domain = [r(this.domain[0]), r(this.domain[1])];
     }
   }
   viewport() {
     return {
-      scale: new Ze(this.domain, [0, this.width]),
+      scale: new as(this.domain, [0, this.width]),
       calendar: this.options.calendar,
       laneHeight: this.options.laneHeight,
       scrollY: this.scrollY,
@@ -1262,28 +1521,28 @@ class Ws {
   /** The fine band's step at the current zoom. */
   step() {
     const t = this.domain[1] - this.domain[0];
-    return Ys(this.width > 0 ? t / this.width : t);
+    return an(this.width > 0 ? t / this.width : t);
   }
   /** Lays the rows out, clamps the scroll, and lays the data out anew. */
   layout() {
-    this.rows = qt({
+    this.rows = ie({
       lanes: this.data.lanes,
       groups: this.data.groups,
-      collapsed: rs(this.collapsed, this.openForGesture),
+      collapsed: gs(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 = Lt(this.rows, e.lane);
+      const s = Rt(this.rows, e.lane);
       if (s === null) continue;
-      const o = Te(t, e, e.lane, s, this.data.depth.get(e.id) ?? 0);
-      this.boxes.push(o), this.boxById.set(e.id, o);
+      const n = Ee(t, e, e.lane, s, this.data.depth.get(e.id) ?? 0);
+      this.boxes.push(n), this.boxById.set(e.id, n);
     }
     this.paths = [];
     for (const e of this.data.transports) {
-      const s = this.boxById.get(e.from), o = this.boxById.get(e.to);
-      s === void 0 || o === void 0 || this.paths.push(bt(t, e, s, o, this.options));
+      const s = this.boxById.get(e.from), n = this.boxById.get(e.to);
+      s === void 0 || n === void 0 || this.paths.push(At(t, e, s, n, this.options));
     }
   }
   /** The days of the coarse band and the ticks of the fine band, in pixels. */
@@ -1292,11 +1551,11 @@ class Ws {
     if (this.width <= 0) return { days: [], ticks: [], step: t };
     const e = this.viewport().scale, s = this.options.calendar;
     return {
-      days: Ks(this.domain, s).map((o) => {
-        const i = Math.round(e.toPx(o.from));
-        return { start: o.start, x: i, width: Math.round(e.toPx(o.to)) - i };
+      days: hn(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 };
       }),
-      ticks: Xs(this.domain, t, s).map((o) => ({ wallClock: o.wallClock, x: Math.round(e.toPx(o.operatingTime)) })),
+      ticks: ln(this.domain, t, s).map((n) => ({ wallClock: n.wallClock, x: Math.round(e.toPx(n.operatingTime)) })),
       step: t
     };
   }
@@ -1304,27 +1563,27 @@ class Ws {
   nowX() {
     const t = this.options.now;
     if (t === null || this.width <= 0) return null;
-    const e = Math.round(this.viewport().scale.toPx(B(t, this.options.calendar)));
+    const e = Math.round(this.viewport().scale.toPx(K(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], u = Ce(a, t, e);
-      if (u !== null) return { kind: "subtask", subtask: a.subtask, part: u };
+      const a = this.boxes[r], h = Pe(a, t, e);
+      if (h !== null) return { kind: "subtask", subtask: a.subtask, part: h };
     }
-    let s = null, o = 4;
+    let s = null, n = 4;
     for (const r of this.paths) {
-      const a = fs(r, t, e);
-      a <= o && (o = a, s = r);
+      const a = Ts(r, t, e);
+      a <= n && (n = a, s = r);
     }
     if (s !== null) return { kind: "transport", transport: s.transport };
-    const i = Jt(this.viewport(), e);
+    const i = he(this.viewport(), e);
     return i !== null ? { kind: "lane", lane: i } : { 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 = j(this.options.calendar);
-    return s.intervals.length === 0 ? e : U(Math.max(0, Math.min(s.total, e)), s);
+    const e = this.viewport().scale.fromPx(t), s = V(this.options.calendar);
+    return s.intervals.length === 0 ? e : W(Math.max(0, Math.min(s.total, e)), s);
   }
   /** The lane at a y, strips included: what the pointer is ON.
   
@@ -1333,7 +1592,7 @@ class Ws {
         `foldedGroupAt` - and a caller that reached through `viewport()` for it
         would be depending on the layout rather than asking the view. */
   laneIdAt(t) {
-    return Jt(this.viewport(), t);
+    return he(this.viewport(), t);
   }
   /** The lane a DROP at this y would land on.
   
@@ -1343,50 +1602,53 @@ class Ws {
         aim at. Hover, the tooltip and selection do read a strip - they cost
         nothing if they are a pixel out. */
   dropLaneIdAt(t) {
-    const e = nt(this.rows, t + this.scrollY);
+    const e = Z(this.rows, t + this.scrollY);
     return e === null || e.kind !== "lane" ? null : e.lane ?? null;
   }
   /** The folded group a y lies over, or null. */
   foldedGroupAt(t) {
-    const e = nt(this.rows, t + this.scrollY);
+    const e = Z(this.rows, t + this.scrollY);
     return e !== null && e.kind === "miniature" ? e.group ?? null : null;
   }
   /** Pans by pixels. Says what moved: the span through time, the lanes, or
       neither - a scroll through the lanes is no news about the time. */
   pan(t, e) {
-    const s = this.domain[0], o = this.scrollY, i = this.domain[1] - s;
-    this.width > 0 && t !== 0 && (this.domain = zs(this.domain, t / this.width * i)), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + e));
+    const s = this.domain[0], n = this.scrollY, i = this.domain[1] - s;
+    this.width > 0 && t !== 0 && (this.domain = cn(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 !== o, time: r };
+    return { moved: r || this.scrollY !== n, 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, o = this.viewport().scale.fromPx(t);
-    return this.domain = Us(this.domain, o, e, this.options.zoomLimits), s[0] !== this.domain[0] || s[1] !== this.domain[1];
+    const s = this.domain, n = this.viewport().scale.fromPx(t);
+    return this.domain = un(this.domain, n, e, this.options.zoomLimits), s[0] !== this.domain[0] || s[1] !== this.domain[1];
   }
 }
-const ue = {
+const be = {
   width: 0,
   height: 0,
-  laneHeight: lt,
+  laneHeight: ht,
   scrollY: 0,
   headers: [],
   days: [],
   ticks: [],
-  step: Tt,
+  step: Dt,
   ghost: null,
   grips: [],
   cursor: "default",
   tooltip: null,
   now: null,
-  bars: []
+  bars: [],
+  spoken: null,
+  summary: { lanes: 0, subtasks: 0, from: 0, to: 0, overlaps: 0, late: 0 }
 };
-class qs {
+class fn {
   constructor() {
-    f(this, "data", new ms(() => this.viewChanged()));
-    f(this, "view", new Ws(this.data));
+    f(this, "data", new Ls(() => this.viewChanged()));
+    f(this, "view", new dn(this.data));
     f(this, "gestures");
+    f(this, "keys");
     f(this, "handlersNow", {});
     f(this, "placing", null);
     f(this, "controlledTask");
@@ -1405,7 +1667,7 @@ class qs {
     f(this, "frame", 0);
     f(this, "domainFrame", 0);
     f(this, "unsubscribeTheme", null);
-    f(this, "snapshot", ue);
+    f(this, "snapshot", be);
     f(this, "listeners", /* @__PURE__ */ new Set());
     /* ---------------------------------------------------------------- */
     /* Registration and options                                          */
@@ -1423,7 +1685,7 @@ class qs {
       this.listeners.delete(t);
     }));
     f(this, "getSnapshot", () => this.snapshot);
-    f(this, "getServerSnapshot", () => ue);
+    f(this, "getServerSnapshot", () => be);
     /* ---------------------------------------------------------------- */
     /* Gestures, as the component hands them in                          */
     /* ---------------------------------------------------------------- */
@@ -1438,7 +1700,10 @@ class qs {
     f(this, "drop", (t) => this.gestures.drop(t));
     f(this, "dragLeave", () => this.gestures.clearPlacing());
     f(this, "cancelEdit", () => this.gestures.cancelEdit());
-    this.gestures = new Bs({
+    f(this, "key", (t) => this.keys.key(t));
+    f(this, "focus", (t) => this.keys.focus(t));
+    f(this, "blur", () => this.keys.blur());
+    this.gestures = new Js({
       data: this.data,
       view: this.view,
       plotElement: () => this.plot,
@@ -1450,6 +1715,17 @@ class qs {
         this.viewChanged(), t && this.reportDomain();
       },
       interactionChanged: () => this.interactionChanged()
+    }), this.keys = new on({
+      data: this.data,
+      view: this.view,
+      gestures: this.gestures,
+      handlers: () => this.handlersNow,
+      visibleDomain: () => this.visibleDomain(),
+      select: (t, e) => this.select(t, e),
+      viewMoved: (t) => {
+        this.viewChanged(), t && this.reportDomain();
+      },
+      spokenChanged: () => this.publish()
     });
   }
   setOptions(t, e) {
@@ -1476,9 +1752,9 @@ class qs {
   /** Folds or unfolds one group. The caller's list is never written to: where
       the state is controlled, only the report goes out. */
   toggleGroup(t) {
-    var o, i;
+    var n, i;
     const e = this.collapsedGroups, s = e.includes(t) ? e.filter((r) => r !== t) : [...e, t];
-    this.controlledCollapsed === void 0 && (this.ownCollapsed = s), (i = (o = this.handlersNow).onCollapsedGroupsChange) == null || i.call(o, s), this.viewChanged();
+    this.controlledCollapsed === void 0 && (this.ownCollapsed = s), (i = (n = this.handlersNow).onCollapsedGroupsChange) == null || i.call(n, s), this.viewChanged();
   }
   /** `undefined`: the scene keeps the selection itself. */
   setControlledTask(t) {
@@ -1488,31 +1764,31 @@ class qs {
     return this.controlledTask !== void 0 ? this.controlledTask : this.ownTask;
   }
   select(t, e) {
-    var o, i;
+    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 = (o = this.handlersNow).onSelectedTaskChange) == null || i.call(o, t, e)), this.interactionChanged();
+    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();
   }
   /* ---------------------------------------------------------------- */
   /* DOM binding                                                       */
   /* ---------------------------------------------------------------- */
-  bind(t, e, s, o) {
-    this.root = t, this.plot = e, this.dataCanvas = s, this.overlayCanvas = o, this.unsubscribeTheme = Je(() => {
+  bind(t, e, s, n) {
+    this.root = t, this.plot = e, this.dataCanvas = s, this.overlayCanvas = n, this.unsubscribeTheme = ls(() => {
       this.colours = null, this.requestDraw();
     }), this.viewChanged();
   }
   unbind() {
     var t;
-    this.gestures.cancelEdit(), (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;
+    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)), o = Math.max(0, Math.round(e));
-    s === this.view.width && o === this.view.height || (this.view.width = s, this.view.height = o, this.viewChanged());
+    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());
   }
   /* ---------------------------------------------------------------- */
   /* Changes                                                           */
   /* ---------------------------------------------------------------- */
   viewChanged() {
-    this.view.collapsed = new Set(this.collapsedGroups), this.data.rebuild() && (this.colours = null, this.selected !== null && !this.data.subtaskById.has(this.selected) && (this.selected = null)), this.view.layout(), this.gestures.refreshHover(), this.interactionChanged();
+    this.view.collapsed = new Set(this.collapsedGroups), this.data.rebuild() && (this.colours = null, this.selected !== null && !this.data.subtaskById.has(this.selected) && (this.selected = null)), this.view.layout(), this.gestures.refreshHover(), this.keys.refresh(), this.interactionChanged();
   }
   interactionChanged() {
     this.publish(), this.requestDraw();
@@ -1531,27 +1807,29 @@ class qs {
       cursor: this.gestures.cursor,
       tooltip: this.tooltip(),
       now: t.nowX(),
-      bars: this.bars()
+      bars: this.bars(),
+      spoken: this.keys.spoken,
+      summary: this.summary()
     };
-    for (const o of this.listeners) o();
+    for (const n of this.listeners) n();
   }
   /** 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((o) => [o.id, o.label])), e = new Map(this.data.groups.map((o) => [o.id, o.label])), s = new Set(this.collapsedGroups);
-    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 : s.has(o.group),
-      top: o.top,
-      height: o.height
+    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.collapsedGroups);
+    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
     }));
   }
   /** The bars a label could stand in: the visible part of every main time,
@@ -1562,24 +1840,37 @@ class qs {
     if (t.width <= 0) return [];
     const e = this.colours;
     return t.boxes.flatMap((s) => {
-      if (!Le(s, t.width, t.height)) return [];
-      const o = cs(s, t.width);
-      if (o === null) return [];
-      const i = e === null ? void 0 : e.tasks.get(s.subtask.task), r = i === void 0 || e === null ? !0 : Ft(ht(s.subtask.appearance), i, e).onDark;
-      return [{ subtask: s.subtask, ...o, dark: r }];
+      if (!It(s, t.width, t.height)) return [];
+      const n = bs(s, t.width);
+      if (n === null) return [];
+      const i = e === null ? void 0 : e.tasks.get(s.subtask.task), r = i === void 0 || e === null ? !0 : Bt(ct(s.subtask.appearance), i, e).onDark;
+      return [{ subtask: s.subtask, ...n, dark: r }];
     });
   }
+  /** 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();
+    return {
+      lanes: this.data.lanes.length,
+      subtasks: t.boxes.filter((n) => It(n, t.width, t.height)).length,
+      from: e,
+      to: s,
+      overlaps: this.data.overlaps.length,
+      late: this.data.lateById.size
+    };
+  }
   tooltip() {
     const t = this.gestures.hover;
     if (!this.gestures.idle) return null;
     const e = this.data.tooltipTargetFor(t);
     if (e === null) return null;
-    const { x: s, y: o } = this.gestures.hoverPoint;
-    return { target: e, x: s, y: o };
+    const { x: s, y: n } = this.gestures.hoverPoint;
+    return { target: e, x: s, y: n };
   }
   /** The visible span, as two wall-clock instants. */
   visibleDomain() {
-    const t = j(this.view.options.calendar), e = (s) => t.intervals.length === 0 ? s : U(Math.max(0, Math.min(t.total, s)), t);
+    const t = V(this.view.options.calendar), e = (s) => t.intervals.length === 0 ? s : W(Math.max(0, Math.min(t.total, s)), t);
     return [e(this.view.domain[0]), e(this.view.domain[1])];
   }
   /** Reported once per frame, however many wheel steps a planner turns - and
@@ -1593,8 +1884,8 @@ class qs {
       return;
     }
     this.domainFrame === 0 && (this.domainFrame = requestAnimationFrame(() => {
-      var s, o;
-      this.domainFrame = 0, (o = (s = this.handlersNow).onDomainChange) == null || o.call(s, this.visibleDomain());
+      var s, n;
+      this.domainFrame = 0, (n = (s = this.handlersNow).onDomainChange) == null || n.call(s, this.visibleDomain());
     }));
   }
   /** The time and the lane at a client point, or null outside the plot. */
@@ -1602,8 +1893,8 @@ class qs {
     var r;
     const s = (r = this.plot) == null ? void 0 : r.getBoundingClientRect();
     if (s === void 0) return null;
-    const o = t - s.left, i = e - s.top;
-    return o < 0 || i < 0 || o > s.width || i > s.height ? null : { time: this.view.timeAt(o), lane: this.view.laneIdAt(i) };
+    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) };
   }
   /** The client point of a time, on a lane's middle where one is named, or
       null while the schedule is not on screen. */
@@ -1611,8 +1902,8 @@ class qs {
     var a;
     const s = (a = this.plot) == null ? void 0 : a.getBoundingClientRect();
     if (s === void 0) return null;
-    const o = this.view.viewport(), i = e === void 0 ? null : ct(o, e), r = i === null ? 0 : i.top + i.height / 2;
-    return { x: s.left + N(o, t), y: s.top + r };
+    const n = this.view.viewport(), i = e === void 0 ? null : ft(n, e), r = i === null ? 0 : i.top + i.height / 2;
+    return { x: s.left + R(n, t), y: s.top + r };
   }
   requestDraw() {
     this.frame !== 0 || this.dataCanvas === null || typeof requestAnimationFrame != "function" || (this.frame = requestAnimationFrame(() => {
@@ -1621,9 +1912,9 @@ class qs {
   }
   draw() {
     if (this.root === null) return;
-    this.colours === null && (this.colours = ws(this.root, this.data), this.publish());
-    const { width: t, height: e } = this.view, s = se(this.dataCanvas, t, e), o = se(this.overlayCanvas, t, e);
-    if (s === null || o === null || t === 0) return;
+    this.colours === null && (this.colours = _s(this.root, this.data), this.publish());
+    const { width: t, height: e } = this.view, s = fe(this.dataCanvas, t, e), n = fe(this.overlayCanvas, t, e);
+    if (s === null || n === null || t === 0) return;
     const i = {
       data: this.data,
       view: this.view,
@@ -1634,385 +1925,441 @@ class qs {
       hover: this.gestures.hover,
       ghost: this.gestures.ghostDrawing()
     };
-    ks(s, i), vs(o, i);
-  }
-}
-const js = "_root_p2o7g_4 _text_1hv7a_23", Vs = "_corner_p2o7g_18", Zs = "_dayBand_p2o7g_22", Js = "_tickBand_p2o7g_23", Qs = "_day_p2o7g_22", tn = "_dayLabel_p2o7g_46", en = "_tick_p2o7g_23", sn = "_tickLabel_p2o7g_64", nn = "_headers_p2o7g_72", on = "_header_p2o7g_72", rn = "_headerLabel_p2o7g_90", an = "_headerCount_p2o7g_103", ln = "_chevron_p2o7g_112", hn = "_plot_p2o7g_170", un = "_layer_p2o7g_176", cn = "_grip_p2o7g_185", dn = "_ghostLabel_p2o7g_195", fn = "_finding_p2o7g_208", pn = "_refusal_p2o7g_216", mn = "_tooltip_p2o7g_220", gn = "_tooltipHead_p2o7g_238", wn = "_tooltipTimes_p2o7g_243", kn = "_now_p2o7g_252", vn = "_barLabel_p2o7g_266", yn = "_barLabelText_p2o7g_279", v = {
-  root: js,
-  corner: Vs,
-  dayBand: Zs,
-  tickBand: Js,
-  day: Qs,
-  dayLabel: tn,
-  tick: en,
-  tickLabel: sn,
-  headers: nn,
-  header: on,
-  headerLabel: rn,
-  headerCount: an,
-  chevron: ln,
-  plot: hn,
-  layer: un,
-  grip: cn,
-  ghostLabel: dn,
-  finding: fn,
-  refusal: pn,
-  tooltip: mn,
-  tooltipHead: gn,
-  tooltipTimes: wn,
-  now: kn,
-  barLabel: vn,
-  barLabelText: yn
+    Fs(s, i), Ds(n, i);
+  }
+}
+const pn = "_root_19uyg_4 _text_k1tvc_23", mn = "_corner_19uyg_19", gn = "_dayBand_19uyg_23", kn = "_tickBand_19uyg_24", wn = "_day_19uyg_23", yn = "_dayLabel_19uyg_47", vn = "_tick_19uyg_24", bn = "_tickLabel_19uyg_65", Mn = "_headers_19uyg_73", Tn = "_header_19uyg_73", Cn = "_headerLabel_19uyg_91", Ln = "_headerCount_19uyg_104", Sn = "_chevron_19uyg_113", In = "_plot_19uyg_171", An = "_focusRing_19uyg_178", _n = "_layer_19uyg_196", Fn = "_grip_19uyg_205", Dn = "_ghostLabel_19uyg_215", En = "_finding_19uyg_228", Pn = "_refusal_19uyg_236", Rn = "_tooltip_19uyg_240", xn = "_tooltipHead_19uyg_259", Nn = "_tooltipTimes_19uyg_264", Gn = "_now_19uyg_273", $n = "_barLabel_19uyg_287", Bn = "_barLabelText_19uyg_300", y = {
+  root: pn,
+  corner: mn,
+  dayBand: gn,
+  tickBand: kn,
+  day: wn,
+  dayLabel: yn,
+  tick: vn,
+  tickLabel: bn,
+  headers: Mn,
+  header: Tn,
+  headerLabel: Cn,
+  headerCount: Ln,
+  chevron: Sn,
+  plot: In,
+  focusRing: An,
+  layer: _n,
+  grip: Fn,
+  ghostLabel: Dn,
+  finding: En,
+  refusal: Pn,
+  tooltip: Rn,
+  tooltipHead: xn,
+  tooltipTimes: Nn,
+  now: Gn,
+  barLabel: $n,
+  barLabelText: Bn
 };
-function bn({ target: n }) {
-  const t = ge(), e = we(), s = (l) => t.time(new Date(l), !1), o = (l) => {
-    const d = Math.round(l / q), p = Math.floor(d / 60), g = d % 60;
-    return [p > 0 ? e.hoursShort(p) : "", g > 0 || p === 0 ? e.minutesShort(g) : ""].filter(Boolean).join(" ");
+function Oe() {
+  const o = ut();
+  return (t) => {
+    const e = Math.round(t / X), s = Math.floor(e / 60), n = e % 60;
+    return [s > 0 ? o.hoursShort(s) : "", n > 0 || s === 0 ? o.minutesShort(n) : ""].filter(Boolean).join(" ");
   };
-  if (n.kind === "subtask") {
-    const { subtask: l, task: d } = n;
-    return /* @__PURE__ */ Y(Wt, { children: [
-      /* @__PURE__ */ k("span", { className: v.tooltipHead, children: (d == null ? void 0 : d.name) ?? l.task }),
+}
+function On({ target: o, lane: t }) {
+  const e = Et(), s = ut(), n = Oe(), i = (d) => e.time(new Date(d), !1);
+  if (o.kind === "subtask") {
+    const { subtask: d, task: p } = o, w = [
+      (p == null ? void 0 : p.name) ?? d.task,
+      d.name ?? d.id,
+      `${e.dateShort(new Date(d.from))} ${s.scheduleGhostTimes(i(d.from), i(d.to))}`,
+      ...o.overlapping.map((v) => s.scheduleOverlapWith(v.name ?? v.id)),
+      ...o.lateTransports.map((v) => s.scheduleLateBy(n(v.shortBy)))
+    ];
+    return /* @__PURE__ */ Y(St, { children: [
+      t,
+      `, ${w.join(", ")}`
+    ] });
+  }
+  const { transport: r, task: a, from: h, to: c, late: l } = o;
+  return [
+    (a == null ? void 0 : a.name) ?? (a == null ? void 0 : a.id) ?? r.id,
+    `${s.scheduleTransport} ${n(r.duration)}`,
+    s.scheduleRoute((h == null ? void 0 : h.name) ?? r.from, (c == null ? void 0 : c.name) ?? r.to),
+    ...l === void 0 ? [] : [s.scheduleLateBy(n(l.shortBy))]
+  ].join(", ");
+}
+function Hn({ target: o }) {
+  const t = Et(), e = ut(), s = (l) => t.time(new Date(l), !1), n = Oe();
+  if (o.kind === "subtask") {
+    const { subtask: l, task: d } = o;
+    return /* @__PURE__ */ Y(St, { children: [
+      /* @__PURE__ */ k("span", { className: y.tooltipHead, children: (d == null ? void 0 : d.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.setup ?? 0) > 0 && /* @__PURE__ */ k("span", { children: `${e.scheduleSetup} ${o(l.setup)}` }),
-      (l.teardown ?? 0) > 0 && /* @__PURE__ */ k("span", { children: `${e.scheduleTeardown} ${o(l.teardown)}` }),
-      n.overlapping.map((p) => /* @__PURE__ */ k("span", { className: v.finding, children: e.scheduleOverlapWith(p.name ?? p.id) }, p.id)),
-      n.lateTransports.map((p) => /* @__PURE__ */ k("span", { className: v.finding, children: e.scheduleLateBy(o(p.shortBy)) }, p.transport))
+      /* @__PURE__ */ k("span", { className: y.tooltipTimes, children: e.scheduleGhostTimes(s(l.from), s(l.to)) }),
+      (l.setup ?? 0) > 0 && /* @__PURE__ */ k("span", { children: `${e.scheduleSetup} ${n(l.setup)}` }),
+      (l.teardown ?? 0) > 0 && /* @__PURE__ */ k("span", { children: `${e.scheduleTeardown} ${n(l.teardown)}` }),
+      o.overlapping.map((p) => /* @__PURE__ */ k("span", { className: y.finding, children: e.scheduleOverlapWith(p.name ?? p.id) }, p.id)),
+      o.lateTransports.map((p) => /* @__PURE__ */ k("span", { className: y.finding, children: e.scheduleLateBy(n(p.shortBy)) }, p.transport))
     ] });
   }
-  const { transport: i, task: r, from: a, to: u, late: c } = n;
-  return /* @__PURE__ */ Y(Wt, { 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, (u == null ? void 0 : u.name) ?? i.to) }),
-    /* @__PURE__ */ k("span", { children: `${e.scheduleTransport} ${o(i.duration)}` }),
-    c !== void 0 && /* @__PURE__ */ k("span", { className: v.finding, children: e.scheduleLateBy(o(c.shortBy)) })
+  const { transport: i, task: r, from: a, to: h, late: c } = o;
+  return /* @__PURE__ */ Y(St, { children: [
+    /* @__PURE__ */ k("span", { className: y.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, (h == null ? void 0 : h.name) ?? i.to) }),
+    /* @__PURE__ */ k("span", { children: `${e.scheduleTransport} ${n(i.duration)}` }),
+    c !== void 0 && /* @__PURE__ */ k("span", { className: y.finding, children: e.scheduleLateBy(n(c.shortBy)) })
   ] });
 }
-const Mn = [], ce = { min: Tt, max: 28 * st }, Tn = [], de = 20, En = Xe(function(t, e) {
+const Yn = [], Me = { min: Dt, max: 28 * ot }, Kn = [], Te = 20, Jn = Qe(function(t, e) {
+  var se;
   const {
     ariaLabel: s,
-    initialDomain: o,
+    initialDomain: n,
     height: i = 400,
-    laneHeight: r = lt,
+    laneHeight: r = ht,
     headerWidth: a = 160,
-    calendar: u = Tn,
+    calendar: h = Kn,
     zoomLimits: c,
     snap: l = "ticks",
-    intents: d = Mn,
+    intents: d = Yn,
     onIntent: p,
-    canMoveTo: g,
-    onInteraction: b,
-    selectedTask: I,
+    canMoveTo: w,
+    onInteraction: v,
+    selectedTask: A,
     onSelectedTaskChange: _,
     collapsedGroups: S,
     defaultCollapsedGroups: m,
     onCollapsedGroupsChange: C,
     onDomainChange: L,
-    placing: E,
+    placing: D,
     route: F = "curve",
-    attach: R = "centre",
-    ends: V = "dot",
-    label: ot,
+    attach: G = "centre",
+    ends: J = "dot",
+    label: it,
     tooltip: z,
-    now: Z,
-    className: Et,
-    style: Ee,
-    children: De
-  } = t, [w] = it(() => new qs()), Dt = Ke(), Pt = O(null), Nt = O(null), Gt = O(null), Rt = O(null), X = ge(), K = we(), [dt, ft] = o, $t = (c == null ? void 0 : c.min) ?? ce.min, Ot = (c == null ? void 0 : c.max) ?? ce.max, xt = O(null), Bt = typeof l == "object" ? l.step : null, Ht = typeof l == "object" ? l.offset : null, Yt = typeof l == "object" ? null : l, [Pe, Ne] = it(() => Date.now());
-  x(() => {
-    if (Z !== !0) return;
-    const h = setInterval(() => Ne(Date.now()), q);
-    return () => clearInterval(h);
-  }, [Z]);
-  const Xt = Z === !0 ? Pe : typeof Z == "number" ? Z : null;
-  vt(() => {
-    const h = `${dt}|${ft}`, y = xt.current !== h;
-    xt.current = h;
-    const A = Yt ?? { step: Bt ?? 0, offset: Ht ?? 0 };
-    w.setOptions(
-      { laneHeight: r, calendar: u, zoomLimits: { min: $t, max: Ot }, snap: A, intents: d, now: Xt, route: F, attach: R, ends: V },
-      y ? [dt, ft] : null
+    now: Q,
+    className: Ot,
+    style: He,
+    children: Ye
+  } = t, [g] = rt(() => new fn()), pt = ts(), Ht = `${pt}-summary`, Yt = O(null), Kt = O(null), Ut = O(null), Xt = O(null), $ = Et(), x = ut(), [mt, gt] = n, Wt = (c == null ? void 0 : c.min) ?? Me.min, zt = (c == null ? void 0 : c.max) ?? Me.max, jt = O(null), qt = typeof l == "object" ? l.step : null, Vt = typeof l == "object" ? l.offset : null, Zt = typeof l == "object" ? null : l, [Ke, Ue] = rt(() => Date.now());
+  H(() => {
+    if (Q !== !0) return;
+    const u = setInterval(() => Ue(Date.now()), X);
+    return () => clearInterval(u);
+  }, [Q]);
+  const Jt = Q === !0 ? Ke : typeof Q == "number" ? Q : null;
+  Tt(() => {
+    const u = `${mt}|${gt}`, b = jt.current !== u;
+    jt.current = u;
+    const I = Zt ?? { step: qt ?? 0, offset: Vt ?? 0 };
+    g.setOptions(
+      { laneHeight: r, calendar: h, zoomLimits: { min: Wt, max: zt }, snap: I, intents: d, now: Jt, route: F, attach: G, ends: J },
+      b ? [mt, gt] : null
     );
-  }, [w, dt, ft, r, u, $t, Ot, Yt, Bt, Ht, d, Xt, F, R, V]), x(() => {
-    w.setHandlers({ onIntent: p, canMoveTo: g, onInteraction: b, onSelectedTaskChange: _, onCollapsedGroupsChange: C, onDomainChange: L });
-  }, [w, p, g, b, _, C, L]);
-  const Ge = O(m);
-  x(() => {
-    const h = Ge.current;
-    h !== void 0 && w.setDefaultCollapsedGroups(h);
-  }, [w]), x(() => {
-    w.setCollapsedGroups(S);
-  }, [w, S]), Ue(
+  }, [g, mt, gt, r, h, Wt, zt, Zt, qt, Vt, d, Jt, F, G, J]), H(() => {
+    g.setHandlers({ onIntent: p, canMoveTo: w, onInteraction: v, onSelectedTaskChange: _, onCollapsedGroupsChange: C, onDomainChange: L });
+  }, [g, p, w, v, _, C, L]);
+  const Xe = O(m);
+  H(() => {
+    const u = Xe.current;
+    u !== void 0 && g.setDefaultCollapsedGroups(u);
+  }, [g]), H(() => {
+    g.setCollapsedGroups(S);
+  }, [g, S]), es(
     e,
     () => ({
-      positionAt: (h, y) => w.positionAt(h, y),
-      clientPointOf: (h, y) => w.clientPointOf(h, y),
-      visibleDomain: () => w.visibleDomain()
+      positionAt: (u, b) => g.positionAt(u, b),
+      clientPointOf: (u, b) => g.clientPointOf(u, b),
+      visibleDomain: () => g.visibleDomain()
     }),
-    [w]
-  ), x(() => {
-    w.setControlledTask(I);
-  }, [w, I]), x(() => {
-    w.setPlacing(E ?? null);
-  }, [w, E]), x(() => {
-    const h = Pt.current, y = Nt.current, A = Gt.current, $ = Rt.current;
-    if (!h || !y || !A || !$) return;
-    w.bind(h, y, A, $);
-    const D = y.getBoundingClientRect();
-    w.resize(D.width, D.height);
-    const P = new ResizeObserver((G) => {
-      var zt;
-      const tt = (zt = G[G.length - 1]) == null ? void 0 : zt.contentRect;
-      tt !== void 0 && w.resize(tt.width, tt.height);
+    [g]
+  ), H(() => {
+    g.setControlledTask(A);
+  }, [g, A]), H(() => {
+    g.setPlacing(D ?? null);
+  }, [g, D]), H(() => {
+    const u = Yt.current, b = Kt.current, I = Ut.current, B = Xt.current;
+    if (!u || !b || !I || !B) return;
+    g.bind(u, b, I, B);
+    const E = b.getBoundingClientRect();
+    g.resize(E.width, E.height);
+    const P = new ResizeObserver((N) => {
+      var ne;
+      const st = (ne = N[N.length - 1]) == null ? void 0 : ne.contentRect;
+      st !== void 0 && g.resize(st.width, st.height);
     });
-    P.observe(y);
-    const J = (G) => w.wheel(G);
-    h.addEventListener("wheel", J, { passive: !1 });
-    const Q = (G) => {
-      G.key === "Escape" && w.cancelEdit() && G.preventDefault();
+    P.observe(b);
+    const tt = (N) => g.wheel(N);
+    u.addEventListener("wheel", tt, { passive: !1 });
+    const et = (N) => {
+      N.key === "Escape" && g.cancelEdit() && N.preventDefault();
     };
-    return window.addEventListener("keydown", Q), () => {
-      window.removeEventListener("keydown", Q), h.removeEventListener("wheel", J), P.disconnect(), w.unbind();
+    return window.addEventListener("keydown", et), () => {
+      window.removeEventListener("keydown", et), u.removeEventListener("wheel", tt), P.disconnect(), g.unbind();
     };
-  }, [w]);
-  const T = ze(w.subscribe, w.getSnapshot, w.getServerSnapshot), Re = (h, y) => {
-    const A = new Date(h);
-    return y >= 200 ? X.dateLong(A) : y >= 84 ? X.date(A) : y >= 44 ? X.dateShort(A) : "";
-  }, M = T.ghost, pt = (h) => `${Dt}-row-${encodeURIComponent(h.key)}`, $e = W(() => {
-    const h = /* @__PURE__ */ new Map();
-    for (const y of T.headers)
-      for (const A of y.within)
-        y.kind === "groupHead" && A === y.group || h.set(A, [...h.get(A) ?? [], pt(y)]);
-    return h;
-  }, [T.headers, Dt]), Oe = W(() => new Set((M == null ? void 0 : M.refusedLanes) ?? []), [M == null ? void 0 : M.refusedLanes]), Kt = O(null), [mt, xe] = it({ x: 0, y: 0, at: "" }), gt = M === null ? "" : `${M.x}:${M.y}:${M.from}:${M.to}:${M.overlap}:${M.late}`;
-  vt(() => {
-    const h = Kt.current;
-    if (M === null || h === null) return;
-    const y = 4, A = M.y - h.offsetHeight - y, $ = M.y + M.height + y, D = {
-      x: Math.max(2, Math.min(M.x, T.width - h.offsetWidth - 2)),
-      y: A >= 2 ? A : Math.min($, T.height - h.offsetHeight - 2),
-      at: gt
+  }, [g]);
+  const M = ss(g.subscribe, g.getSnapshot, g.getServerSnapshot), We = (u, b) => {
+    const I = new Date(u);
+    return b >= 200 ? $.dateLong(I) : b >= 84 ? $.date(I) : b >= 44 ? $.dateShort(I) : "";
+  }, T = M.ghost, j = M.spoken, kt = M.summary, Qt = (u) => `${$.dateShort(new Date(u))} ${$.time(new Date(u), !1)}`, wt = (u) => `${pt}-row-${encodeURIComponent(u.key)}`, ze = q(() => {
+    const u = /* @__PURE__ */ new Map();
+    for (const b of M.headers)
+      for (const I of b.within)
+        b.kind === "groupHead" && I === b.group || u.set(I, [...u.get(I) ?? [], wt(b)]);
+    return u;
+  }, [M.headers, pt]), je = q(() => new Set((T == null ? void 0 : T.refusedLanes) ?? []), [T == null ? void 0 : T.refusedLanes]), te = O(null), [yt, qe] = rt({ x: 0, y: 0, at: "" }), vt = T === null ? "" : `${T.x}:${T.y}:${T.from}:${T.to}:${T.overlap}:${T.late}`;
+  Tt(() => {
+    const u = te.current;
+    if (T === null || u === null) return;
+    const b = 4, I = T.y - u.offsetHeight - b, B = T.y + T.height + b, E = {
+      x: Math.max(2, Math.min(T.x, M.width - u.offsetWidth - 2)),
+      y: I >= 2 ? I : Math.min(B, M.height - u.offsetHeight - 2),
+      at: vt
     };
-    xe((P) => P.x === D.x && P.y === D.y && P.at === D.at ? P : D);
-  }, [M, gt, T.width, T.height]);
-  const Ut = O(null), [wt, Be] = it({ x: 0, y: 0, at: "" }), H = T.tooltip, kt = H === null ? "" : `${H.x}:${H.y}:${H.target.kind}`;
-  return vt(() => {
-    const h = Ut.current;
-    if (H === null || h === null) return;
-    const y = 12, A = (D, P, J) => {
-      const Q = D + y, G = D - y - P, tt = Q + P <= J - 4 || G < 4 ? Q : G;
-      return Math.max(4, Math.min(tt, J - P - 4));
-    }, $ = {
-      x: A(H.x, h.offsetWidth, T.width),
-      y: A(H.y, h.offsetHeight, T.height),
-      at: kt
+    qe((P) => P.x === E.x && P.y === E.y && P.at === E.at ? P : E);
+  }, [T, vt, M.width, M.height]);
+  const ee = O(null), [bt, Ve] = rt({ x: 0, y: 0, at: "" }), U = M.tooltip, Mt = U === null ? "" : `${U.x}:${U.y}:${U.target.kind}`;
+  return Tt(() => {
+    const u = ee.current;
+    if (U === null || u === null) return;
+    const b = 12, I = (E, P, tt) => {
+      const et = E + b, N = E - b - P, st = et + P <= tt - 4 || N < 4 ? et : N;
+      return Math.max(4, Math.min(st, tt - P - 4));
+    }, B = {
+      x: I(U.x, u.offsetWidth, M.width),
+      y: I(U.y, u.offsetHeight, M.height),
+      at: Mt
     };
-    Be((D) => D.x === $.x && D.y === $.y && D.at === $.at ? D : $);
-  }, [H, kt, T.width, T.height]), /* @__PURE__ */ Y(ke.Provider, { value: w, children: [
+    Ve((E) => E.x === B.x && E.y === B.y && E.at === B.at ? E : B);
+  }, [U, Mt, M.width, M.height]), /* @__PURE__ */ Y(Ie.Provider, { value: g, children: [
     /* @__PURE__ */ Y(
       "div",
       {
-        ref: Pt,
+        ref: Yt,
         role: "figure",
         "aria-label": s,
-        className: Et ? `${v.root} ${Et}` : v.root,
-        style: { height: `${i}px`, gridTemplateColumns: `min(${a}px, 40%) minmax(0, 1fr)`, ...Ee },
+        className: Ot ? `${y.root} ${Ot}` : y.root,
+        style: { height: `${i}px`, gridTemplateColumns: `min(${a}px, 40%) minmax(0, 1fr)`, ...He },
         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: T.days.map((h) => {
-            const y = Math.max(0, -h.x), A = Math.min(h.x + h.width, T.width) - Math.max(h.x, 0);
-            return /* @__PURE__ */ k("span", { className: v.day, style: { left: `${h.x}px`, width: `${h.width}px` }, children: /* @__PURE__ */ k("span", { className: v.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${y}px` }, children: Re(h.start, A) }) }, h.start);
+          /* @__PURE__ */ k("div", { className: y.corner }),
+          /* @__PURE__ */ k("div", { className: y.dayBand, "aria-hidden": "true", "data-schedule-days": "", "data-schedule-clip": "day band", children: M.days.map((u) => {
+            const b = Math.max(0, -u.x), I = Math.min(u.x + u.width, M.width) - Math.max(u.x, 0);
+            return /* @__PURE__ */ k("span", { className: y.day, style: { left: `${u.x}px`, width: `${u.width}px` }, children: /* @__PURE__ */ k("span", { className: y.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${b}px` }, children: We(u.start, I) }) }, u.start);
           }) }),
-          /* @__PURE__ */ k("div", { className: v.headers, "data-schedule-headers": "", children: /* @__PURE__ */ k("div", { className: v.headerRun, style: { transform: `translateY(${-T.scrollY}px)` }, children: T.headers.map((h) => /* @__PURE__ */ Y(
+          /* @__PURE__ */ k("div", { className: y.headers, "data-schedule-headers": "", children: /* @__PURE__ */ k("div", { className: y.headerRun, style: { transform: `translateY(${-M.scrollY}px)` }, children: M.headers.map((u) => /* @__PURE__ */ Y(
             "div",
             {
-              id: pt(h),
-              className: v.header,
-              style: { height: `${h.height}px`, paddingLeft: `calc(var(--u-space-3) + ${h.depth} * var(--u-space-3))` },
-              "data-lane": h.lane,
-              "data-group": h.group,
-              "data-row": h.kind,
-              "data-schedule-clip": `header ${h.kind}`,
-              "data-refused": h.lane !== void 0 && Oe.has(h.lane) ? "" : void 0,
+              id: wt(u),
+              className: y.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 && je.has(u.lane) ? "" : void 0,
               children: [
-                h.kind !== "lane" && h.group !== void 0 && /* @__PURE__ */ k(
+                u.kind !== "lane" && u.group !== void 0 && /* @__PURE__ */ k(
                   "button",
                   {
                     type: "button",
-                    className: v.chevron,
+                    className: y.chevron,
                     "data-schedule-overlay": "fold control",
-                    "aria-expanded": h.collapsed === !1,
-                    "aria-controls": ($e.get(h.group) ?? [pt(h)]).join(" "),
-                    "aria-label": `${h.collapsed === !0 ? K.scheduleUnfoldGroup : K.scheduleFoldGroup}: ${typeof h.label == "string" ? h.label : h.group}`,
-                    onClick: () => w.toggleGroup(h.group),
-                    children: /* @__PURE__ */ k(Qe, { size: 9, "data-open": h.collapsed === !1 ? "" : void 0 })
+                    "aria-expanded": u.collapsed === !1,
+                    "aria-controls": (ze.get(u.group) ?? [wt(u)]).join(" "),
+                    "aria-label": `${u.collapsed === !0 ? x.scheduleUnfoldGroup : x.scheduleFoldGroup}: ${typeof u.label == "string" ? u.label : u.group}`,
+                    onClick: () => g.toggleGroup(u.group),
+                    children: /* @__PURE__ */ k(hs, { size: 9, "data-open": u.collapsed === !1 ? "" : void 0 })
                   }
                 ),
-                /* @__PURE__ */ k("span", { className: v.headerLabel, "data-schedule-overlay": "header label", children: h.label }),
-                h.kind !== "lane" && /* @__PURE__ */ k("span", { className: v.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": h.lanes, children: K.scheduleLaneCount(h.lanes) })
+                /* @__PURE__ */ k("span", { className: y.headerLabel, "data-schedule-overlay": "header label", children: u.label }),
+                u.kind !== "lane" && /* @__PURE__ */ k("span", { className: y.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": u.lanes, children: x.scheduleLaneCount(u.lanes) })
               ]
             },
-            h.key
+            u.key
           )) }) }),
           /* @__PURE__ */ Y(
             "div",
             {
-              ref: Nt,
-              className: v.plot,
+              ref: Kt,
+              className: y.plot,
               "data-schedule-plot": "",
               "data-schedule-clip": "plot",
-              style: { cursor: T.cursor },
-              onPointerDown: (h) => w.pointerDown(h.nativeEvent),
-              onPointerMove: (h) => w.pointerMove(h.nativeEvent),
-              onPointerUp: (h) => w.pointerUp(h.nativeEvent),
-              onPointerCancel: (h) => w.pointerCancel(h.nativeEvent),
-              onPointerLeave: () => w.pointerLeave(),
-              onContextMenu: (h) => w.contextMenu(h.nativeEvent),
-              onDragOver: (h) => w.dragOver(h.nativeEvent),
-              onDrop: (h) => w.drop(h.nativeEvent),
-              onDragLeave: (h) => {
-                const y = h.nativeEvent.relatedTarget;
-                (!(y instanceof Node) || !h.currentTarget.contains(y)) && w.dragLeave();
+              style: { cursor: M.cursor },
+              tabIndex: 0,
+              role: "application",
+              "aria-roledescription": x.scheduleRoleDescription,
+              "aria-label": s,
+              "aria-describedby": Ht,
+              onKeyDown: (u) => {
+                g.key(u.nativeEvent) && u.preventDefault();
+              },
+              onFocus: (u) => g.focus(Un(u.currentTarget)),
+              onBlur: () => g.blur(),
+              onPointerDown: (u) => g.pointerDown(u.nativeEvent),
+              onPointerMove: (u) => g.pointerMove(u.nativeEvent),
+              onPointerUp: (u) => g.pointerUp(u.nativeEvent),
+              onPointerCancel: (u) => g.pointerCancel(u.nativeEvent),
+              onPointerLeave: () => g.pointerLeave(),
+              onContextMenu: (u) => g.contextMenu(u.nativeEvent),
+              onDragOver: (u) => g.dragOver(u.nativeEvent),
+              onDrop: (u) => g.drop(u.nativeEvent),
+              onDragLeave: (u) => {
+                const b = u.nativeEvent.relatedTarget;
+                (!(b instanceof Node) || !u.currentTarget.contains(b)) && g.dragLeave();
               },
               children: [
-                /* @__PURE__ */ k("canvas", { ref: Gt, className: v.layer, "aria-hidden": "true" }),
-                /* @__PURE__ */ k("canvas", { ref: Rt, className: v.layer, "aria-hidden": "true" }),
-                T.grips.map((h) => /* @__PURE__ */ k(
+                /* @__PURE__ */ k("canvas", { ref: Ut, className: y.layer, "aria-hidden": "true" }),
+                /* @__PURE__ */ k("canvas", { ref: Xt, className: y.layer, "aria-hidden": "true" }),
+                M.grips.map((u) => /* @__PURE__ */ k(
                   "span",
                   {
-                    "data-grip": h.kind,
-                    "data-schedule-overlay": `${h.kind} grip`,
+                    "data-grip": u.kind,
+                    "data-schedule-overlay": `${u.kind} grip`,
                     "aria-hidden": "true",
-                    className: v.grip,
-                    style: { left: `${h.x}px`, top: `${h.y}px`, height: `${h.height}px` }
+                    className: y.grip,
+                    style: { left: `${u.x}px`, top: `${u.y}px`, height: `${u.height}px` }
                   },
-                  h.kind
+                  u.kind
                 )),
-                ot !== void 0 && T.bars.map((h) => /* @__PURE__ */ k(
+                it !== void 0 && M.bars.map((u) => /* @__PURE__ */ k(
                   "span",
                   {
-                    className: v.barLabel,
-                    "data-bar-label": h.subtask.id,
+                    className: y.barLabel,
+                    "data-bar-label": u.subtask.id,
                     "data-schedule-overlay": "bar label",
                     "data-schedule-may-cover": "",
-                    "data-on": h.dark ? "dark" : "light",
-                    style: { left: `${h.x}px`, top: `${h.y}px`, width: `${h.width}px`, height: `${h.height}px` },
-                    children: /* @__PURE__ */ k("span", { className: v.barLabelText, children: ot(h.subtask) })
+                    "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: y.barLabelText, children: it(u.subtask) })
                   },
-                  h.subtask.id
+                  u.subtask.id
                 )),
-                z !== !1 && T.tooltip !== null && /* @__PURE__ */ k(
+                z !== !1 && M.tooltip !== null && /* @__PURE__ */ k(
                   "span",
                   {
-                    ref: Ut,
+                    ref: ee,
                     role: "tooltip",
-                    className: v.tooltip,
+                    className: y.tooltip,
                     "data-schedule-tooltip": "",
                     "data-schedule-overlay": "tooltip",
                     style: {
-                      left: `${wt.x}px`,
-                      top: `${wt.y}px`,
-                      visibility: wt.at === kt ? void 0 : "hidden"
+                      left: `${bt.x}px`,
+                      top: `${bt.y}px`,
+                      visibility: bt.at === Mt ? void 0 : "hidden"
                     },
-                    children: typeof z == "function" ? z(T.tooltip.target) : /* @__PURE__ */ k(bn, { target: T.tooltip.target })
+                    children: typeof z == "function" ? z(M.tooltip.target) : /* @__PURE__ */ k(Hn, { target: M.tooltip.target })
                   }
                 ),
-                M !== null && /* @__PURE__ */ Y(
+                T !== null && /* @__PURE__ */ Y(
                   "span",
                   {
-                    ref: Kt,
-                    className: v.ghostLabel,
+                    ref: te,
+                    className: y.ghostLabel,
                     "data-ghost": "",
                     "data-schedule-overlay": "ghost label",
-                    "data-findings": [M.overlap ? "overlap" : "", M.late ? "late-transport" : ""].filter(Boolean).join(" "),
-                    "data-refused": M.refused ? "" : void 0,
+                    "data-findings": [T.overlap ? "overlap" : "", T.late ? "late-transport" : ""].filter(Boolean).join(" "),
+                    "data-refused": T.refused ? "" : void 0,
                     style: {
-                      left: `${mt.x}px`,
-                      top: `${mt.y}px`,
-                      visibility: mt.at === gt ? void 0 : "hidden"
+                      left: `${yt.x}px`,
+                      top: `${yt.y}px`,
+                      visibility: yt.at === vt ? void 0 : "hidden"
                     },
                     children: [
-                      K.scheduleGhostTimes(X.time(new Date(M.from), !1), X.time(new Date(M.to), !1)),
-                      M.refused && /* @__PURE__ */ k("span", { className: v.refusal, children: K.scheduleLaneRefused }),
-                      M.overlap && /* @__PURE__ */ k("span", { className: v.finding, children: K.scheduleOverlap }),
-                      M.late && /* @__PURE__ */ k("span", { className: v.finding, children: K.scheduleLateTransport })
+                      x.scheduleGhostTimes($.time(new Date(T.from), !1), $.time(new Date(T.to), !1)),
+                      T.refused && /* @__PURE__ */ k("span", { className: y.refusal, children: x.scheduleLaneRefused }),
+                      T.overlap && /* @__PURE__ */ k("span", { className: y.finding, children: x.scheduleOverlap }),
+                      T.late && /* @__PURE__ */ k("span", { className: y.finding, children: x.scheduleLateTransport })
                     ]
                   }
-                )
+                ),
+                /* @__PURE__ */ k("span", { className: y.focusRing, "aria-hidden": "true" })
               ]
             }
           ),
-          /* @__PURE__ */ k("div", { className: v.corner }),
-          /* @__PURE__ */ Y("div", { className: v.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
-            T.now !== null && /* @__PURE__ */ k("span", { className: v.now, "data-now": "", "data-schedule-overlay": "now mark", style: { left: `${T.now}px` } }),
-            T.ticks.map((h) => /* @__PURE__ */ k("span", { className: v.tick, style: { left: `${h.x}px` }, children: h.x >= de && h.x <= T.width - de && /* @__PURE__ */ k("span", { className: v.tickLabel, "data-schedule-overlay": "time label", children: T.step >= st ? X.dateShort(new Date(h.wallClock)) : X.time(new Date(h.wallClock), !1) }) }, h.wallClock))
-          ] })
+          /* @__PURE__ */ k("div", { className: y.corner }),
+          /* @__PURE__ */ Y("div", { className: y.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
+            M.now !== null && /* @__PURE__ */ k("span", { className: y.now, "data-now": "", "data-schedule-overlay": "now mark", style: { left: `${M.now}px` } }),
+            M.ticks.map((u) => /* @__PURE__ */ k("span", { className: y.tick, style: { left: `${u.x}px` }, children: u.x >= Te && u.x <= M.width - Te && /* @__PURE__ */ k("span", { className: y.tickLabel, "data-schedule-overlay": "time label", children: M.step >= ot ? $.dateShort(new Date(u.wallClock)) : $.time(new Date(u.wallClock), !1) }) }, u.wallClock))
+          ] }),
+          /* @__PURE__ */ k(oe, { "aria-live": "polite", children: j !== null && /* @__PURE__ */ k(
+            On,
+            {
+              target: j.target,
+              lane: j.lane === null ? null : ((se = g.data.lanes.find((u) => u.id === j.lane)) == null ? void 0 : se.label) ?? j.lane
+            },
+            j.count
+          ) }),
+          /* @__PURE__ */ k(oe, { id: Ht, children: `${x.scheduleSummary({ ...kt, from: Qt(kt.from), to: Qt(kt.to) })} ${x.scheduleKeyHelp}` })
         ]
       }
     ),
-    De
+    Ye
   ] });
 });
-function Dn({ id: n, label: t }) {
-  const e = ye(), s = W(() => ({ id: n, label: t ?? n, ...e === null ? {} : { parent: e } }), [n, t, e]);
-  return es(s), null;
+function Un(o) {
+  try {
+    return o.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}
+function Qn({ id: o, label: t }) {
+  const e = _e(), s = q(() => ({ id: o, label: t ?? o, ...e === null ? {} : { parent: e } }), [o, t, e]);
+  return cs(s), null;
 }
-function Pn({ id: n, label: t, children: e }) {
-  const s = ye(), o = W(() => ({ id: n, label: t ?? n, ...s === null ? {} : { parent: s } }), [n, t, s]);
-  return ss(o), /* @__PURE__ */ k(ve.Provider, { value: n, children: e });
+function to({ id: o, label: t, children: e }) {
+  const s = _e(), n = q(() => ({ id: o, label: t ?? o, ...s === null ? {} : { parent: s } }), [o, t, s]);
+  return ds(n), /* @__PURE__ */ k(Ae.Provider, { value: o, children: e });
 }
-function Nn({ data: n, tasks: t }) {
-  const e = W(() => ({ kind: "subtasks", data: n, tasks: t }), [n, t]);
-  return be("Subtasks", e), null;
+function eo({ data: o, tasks: t }) {
+  const e = q(() => ({ kind: "subtasks", data: o, tasks: t }), [o, t]);
+  return Fe("Subtasks", e), null;
 }
-function Gn({ data: n }) {
-  const t = W(() => ({ kind: "transports", data: n }), [n]);
-  return be("Transports", t), null;
+function so({ data: o }) {
+  const t = q(() => ({ kind: "transports", data: o }), [o]);
+  return Fe("Transports", t), null;
 }
-function Rn(n, t, e) {
+function no(o, t, e) {
   if (e.kind === "place") return [];
-  const s = new Map(n.map((u) => [u.id, jt(u, e)])), o = /* @__PURE__ */ new Map();
-  for (const u of t) {
-    const c = o.get(u.from) ?? [];
-    c.push(u), o.set(u.from, c);
+  const s = new Map(o.map((h) => [h.id, re(h, e)])), n = /* @__PURE__ */ new Map();
+  for (const h of t) {
+    const c = n.get(h.from) ?? [];
+    c.push(h), n.set(h.from, c);
   }
   const i = /* @__PURE__ */ new Map(), r = [e.subtask];
-  let a = (n.length + 1) * (t.length + 1);
+  let a = (o.length + 1) * (t.length + 1);
   for (; r.length > 0 && a-- > 0; ) {
-    const u = r.shift(), c = s.get(u);
+    const h = r.shift(), c = s.get(h);
     if (c !== void 0)
-      for (const l of o.get(u) ?? []) {
+      for (const l of n.get(h) ?? []) {
         if (l.to === e.subtask) continue;
         const d = s.get(l.to);
         if (d === void 0) continue;
-        const p = St(l, c) + l.duration - It(l, d);
+        const p = xt(l, c) + l.duration - Nt(l, d);
         if (!(p > 0)) continue;
-        const g = { kind: "move", subtask: d.id, from: d.from + p, to: d.to + p };
-        s.set(d.id, jt(d, g)), i.set(d.id, g), r.push(d.id);
+        const w = { kind: "move", subtask: d.id, from: d.from + p, to: d.to + p };
+        s.set(d.id, re(d, w)), i.set(d.id, w), r.push(d.id);
       }
   }
   return [...i.values()];
 }
-function $n(n, t, e) {
-  return e === 0 || !Number.isFinite(e) ? [] : n.filter((s) => s.task === t).map((s) => ({ kind: "move", subtask: s.id, from: s.from + e, to: s.to + e }));
+function oo(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 }));
 }
 export {
-  Dn as Lane,
-  Pn as LaneGroup,
-  En as Schedule,
-  Nn as Subtasks,
-  Gn as Transports,
-  jt as applyIntent,
-  It as arrival,
-  St as departure,
-  Fn as findings,
-  _t as lateTransports,
-  ut as occupied,
-  At as overlaps,
-  ht as resolveAppearance,
-  Rn as ripple,
-  $n as shiftTask,
-  $s as snapTime,
-  _n as subtaskFromPlace
+  Qn as Lane,
+  to as LaneGroup,
+  Jn as Schedule,
+  eo as Subtasks,
+  so as Transports,
+  re as applyIntent,
+  Nt as arrival,
+  xt as departure,
+  Zn as findings,
+  $t as lateTransports,
+  dt as occupied,
+  Gt as overlaps,
+  ct as resolveAppearance,
+  no as ripple,
+  oo as shiftTask,
+  qs as snapTime,
+  Vn as subtaskFromPlace
 };