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

package/dist/index.js

@@ -0,0 +1,3237 @@
+// src/Gantt.tsx
+import * as React5 from "react";
+
+// src/version.ts
+var VERSION = "1.0.0-rc.1";
+
+// src/Gantt.tsx
+import {
+  useEffect as useEffect3,
+  useLayoutEffect,
+  useMemo as useMemo2,
+  useRef as useRef3,
+  useState as useState4
+} from "react";
+
+// ../core/dist/chunk-ZAYD57MJ.js
+var MAX = 80;
+function clean(value) {
+  const s = String(value ?? "").replace(/[\u0000-\u001f\u007f]+/g, " ").trim();
+  return s.length > MAX ? `${s.slice(0, MAX - 1)}\u2026` : s;
+}
+function envOf(win) {
+  if (win) return win;
+  return typeof window === "undefined" ? {} : window;
+}
+function ancestors(env) {
+  try {
+    const list = env.location?.ancestorOrigins;
+    return list ? Array.from(list, String) : [];
+  } catch {
+    return [];
+  }
+}
+function hostnameOf(origin) {
+  return origin.replace(/^[a-z]+:\/\//i, "").replace(/[:/].*$/, "").toLowerCase();
+}
+var endsWith = (host, suffix) => host === suffix || host.endsWith(`.${suffix}`);
+function detectHost(win) {
+  const env = envOf(win);
+  const xrm = env.Xrm;
+  if (xrm) {
+    try {
+      if (xrm.Utility?.getPageContext?.()?.input?.pageType === "custom") return "custom page";
+    } catch {
+    }
+    return "model-driven";
+  }
+  const up = ancestors(env).map(hostnameOf);
+  if (up.some((h) => endsWith(h, "powerbi.com") || endsWith(h, "fabric.microsoft.com"))) return "Power BI";
+  const host = (env.location?.hostname ?? "").toLowerCase();
+  if (endsWith(host, "powerbi.com")) return "Power BI";
+  if (up.some((h) => endsWith(h, "dynamics.com"))) return "custom page";
+  if (host.startsWith("authoring.") && endsWith(host, "powerapps.com")) return "canvas (Studio)";
+  if (endsWith(host, "powerapps.com") || endsWith(host, "powerplatformusercontent.com")) return "canvas";
+  return "web page";
+}
+var BRANDS = [
+  [/Edg(?:e|A|iOS)?\/(\d+)/, "Edge"],
+  [/OPR\/(\d+)/, "Opera"],
+  [/Firefox\/(\d+)/, "Firefox"],
+  [/FxiOS\/(\d+)/, "Firefox"],
+  [/CriOS\/(\d+)/, "Chrome"],
+  [/Chrome\/(\d+)/, "Chrome"],
+  [/Version\/(\d+)[.\d]* (?:Mobile\/\S+ )?Safari\//, "Safari"]
+];
+var PLATFORMS = [
+  [/iPhone|iPad|iPod/, "iOS"],
+  [/Android/, "Android"],
+  [/Windows/, "Windows"],
+  [/Mac OS X|Macintosh/, "macOS"],
+  [/CrOS/, "ChromeOS"],
+  [/Linux/, "Linux"]
+];
+function describeBrowser(win) {
+  const nav = envOf(win).navigator;
+  const ua = nav?.userAgent ?? "";
+  let name = "";
+  for (const [re, brand2] of BRANDS) {
+    const m = re.exec(ua);
+    if (m) {
+      name = `${brand2} ${m[1]}`;
+      break;
+    }
+  }
+  if (!name) {
+    const brands = nav?.userAgentData?.brands ?? [];
+    const b = brands.find((x) => !/not.?a.?brand|chromium/i.test(x.brand)) ?? brands[0];
+    name = b ? `${b.brand.replace("Microsoft ", "")} ${b.version}` : "Unknown browser";
+  }
+  const platform = PLATFORMS.find(([re]) => re.test(ua))?.[1] ?? nav?.userAgentData?.platform;
+  return clean(platform ? `${name} on ${platform}` : name);
+}
+function offsetLabel(minutes) {
+  const sign = minutes < 0 ? "\u2212" : "+";
+  const abs = Math.abs(minutes);
+  return `UTC${sign}${String(Math.floor(abs / 60)).padStart(2, "0")}:${String(abs % 60).padStart(2, "0")}`;
+}
+function licenceOf(l) {
+  if (!l) return { state: "not checked" };
+  const p = l.payload ?? void 0;
+  let state = clean(l.status) || "unknown";
+  if ((state === "valid" || state === "unverifiable") && p?.tier === "trial") state = "trial";
+  else if (state === "unverifiable") state = "valid (browser cannot verify)";
+  const out = { state };
+  if (p?.org) out.org = clean(p.org);
+  if (p?.exp && /^\d{4}-\d{2}-\d{2}$/.test(p.exp)) out.expires = p.exp;
+  return out;
+}
+function propertiesOf(p) {
+  if (!p) return [];
+  if (Array.isArray(p)) return p.map(clean).filter(Boolean);
+  return Object.keys(p).map((name) => {
+    const column = p[name];
+    return column ? `${clean(name)} \u2192 ${clean(column)}` : `${clean(name)} (not mapped)`;
+  }).filter(Boolean);
+}
+function collectDiagnostics(input, win) {
+  const env = envOf(win);
+  const now = input.now ?? /* @__PURE__ */ new Date();
+  let locale = clean(env.navigator?.language);
+  let zone = "";
+  try {
+    const opts = Intl.DateTimeFormat().resolvedOptions();
+    if (!locale) locale = opts.locale;
+    else if (opts.locale && opts.locale !== locale) locale = `${locale} (formats ${opts.locale})`;
+    zone = opts.timeZone ?? "";
+  } catch {
+  }
+  const offset = offsetLabel(-now.getTimezoneOffset());
+  const extra = Object.keys(input.extra ?? {}).filter((k) => input.extra[k] !== void 0 && input.extra[k] !== null).map((k) => [clean(k), clean(input.extra[k])]);
+  const d = {
+    product: clean(input.product),
+    control: clean(input.control),
+    version: clean(input.version),
+    licence: licenceOf(input.licence),
+    host: input.host ?? detectHost(env),
+    browser: describeBrowser(env),
+    locale: locale || "unknown",
+    timeZone: zone ? `${clean(zone)} (${offset})` : offset,
+    properties: propertiesOf(input.properties),
+    extra,
+    at: now.toISOString().replace(/\.\d{3}Z$/, "Z")
+  };
+  if (typeof input.rows === "number" && Number.isFinite(input.rows)) d.rows = Math.max(0, Math.round(input.rows));
+  return d;
+}
+function formatDiagnostics(d) {
+  const lic = [d.licence.state, d.licence.org, d.licence.expires && `expires ${d.licence.expires}`].filter(Boolean).join(" \xB7 ");
+  const lines = [
+    "Ninth Forge diagnostics",
+    `Product: ${d.product} \xB7 ${d.control} ${d.version}`,
+    `Licence: ${lic}`,
+    `Host: ${d.host}`,
+    `Browser: ${d.browser}`,
+    `Locale: ${d.locale}`,
+    `Time zone: ${d.timeZone}`,
+    `Properties: ${d.properties.length ? d.properties.join(", ") : "none mapped"}`
+  ];
+  if (d.rows !== void 0) lines.push(`Rows: ${d.rows}`);
+  for (const [k, v] of d.extra) lines.push(`${k}: ${v}`);
+  lines.push(`Copied: ${d.at}`);
+  return lines.join("\n");
+}
+async function copyText(text, win) {
+  const env = win ?? (typeof window === "undefined" ? {} : window);
+  const fallback = () => {
+    const doc = env.document;
+    if (!doc?.body) return false;
+    const active = doc.activeElement;
+    const area = doc.createElement("textarea");
+    area.value = text;
+    area.setAttribute("readonly", "");
+    area.setAttribute("aria-hidden", "true");
+    area.style.cssText = "position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none";
+    doc.body.appendChild(area);
+    let ok = false;
+    try {
+      area.select();
+      ok = doc.execCommand("copy");
+    } catch {
+      ok = false;
+    }
+    area.remove();
+    active?.focus?.();
+    return ok;
+  };
+  const write = env.navigator?.clipboard?.writeText;
+  if (write) {
+    try {
+      await write.call(env.navigator.clipboard, text);
+      return true;
+    } catch {
+      return fallback();
+    }
+  }
+  return fallback();
+}
+var DIAGNOSTICS_COPIED = "Diagnostics copied. Paste them into your e-mail to support.";
+var DIAGNOSTICS_NOT_COPIED = "Couldn't copy diagnostics. Your browser blocked the clipboard.";
+async function copyDiagnostics(input, win) {
+  const text = formatDiagnostics(collectDiagnostics(input, win));
+  const ok = await copyText(text, win);
+  return { ok, text, message: ok ? DIAGNOSTICS_COPIED : DIAGNOSTICS_NOT_COPIED };
+}
+
+// ../core/dist/index.js
+var DAY_MS = 864e5;
+var ISO = /^(\d{4})-(\d{2})-(\d{2})/;
+var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+var MONTHS_LONG = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var WEEKDAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+function toDay(iso) {
+  if (!iso) return NaN;
+  const m = ISO.exec(iso);
+  if (!m) return NaN;
+  const y = Number(m[1]);
+  const mo = Number(m[2]);
+  const d = Number(m[3]);
+  if (mo < 1 || mo > 12 || d < 1 || d > 31) return NaN;
+  return Math.round(Date.UTC(y, mo - 1, d) / DAY_MS);
+}
+function fromDay(day) {
+  return new Date(day * DAY_MS).toISOString().slice(0, 10);
+}
+function weekday(day) {
+  return ((day + 3) % 7 + 7) % 7;
+}
+function parts(day) {
+  const d = new Date(day * DAY_MS);
+  return { year: d.getUTCFullYear(), month: d.getUTCMonth(), date: d.getUTCDate() };
+}
+function dayOf(year, month, date = 1) {
+  return Math.round(Date.UTC(year, month, date) / DAY_MS);
+}
+function startOfWeek(day) {
+  return day - weekday(day);
+}
+function startOfMonth(day) {
+  const p = parts(day);
+  return dayOf(p.year, p.month, 1);
+}
+function addMonths(day, n) {
+  const p = parts(day);
+  return dayOf(p.year, p.month + n, 1);
+}
+function startOfQuarter(day) {
+  const p = parts(day);
+  return dayOf(p.year, Math.floor(p.month / 3) * 3, 1);
+}
+function today(now = /* @__PURE__ */ new Date()) {
+  return dayOf(now.getFullYear(), now.getMonth(), now.getDate());
+}
+function formatShort(day) {
+  const p = parts(day);
+  return `${MONTHS[p.month]} ${p.date}`;
+}
+function formatLong(day) {
+  const p = parts(day);
+  return `${p.date} ${MONTHS[p.month]} ${p.year}`;
+}
+function isWorkingDay(day, week = "mon-fri") {
+  return week === "all" || weekday(day) < 5;
+}
+function workingDaysBetween(start, end, week = "mon-fri") {
+  if (Number.isNaN(start) || Number.isNaN(end) || end < start) return 0;
+  const total = end - start + 1;
+  if (week === "all") return total;
+  const full = Math.floor(total / 7);
+  let count = full * 5;
+  for (let d = start + full * 7; d <= end; d++) if (isWorkingDay(d, week)) count++;
+  return count;
+}
+function snapToWorkingDay(day, dir, week = "mon-fri") {
+  if (Number.isNaN(day)) return day;
+  const step = dir < 0 ? -1 : 1;
+  let d = day;
+  for (let i = 0; i < 7 && !isWorkingDay(d, week); i++) d += step;
+  return d;
+}
+function addWorkingDays(day, n, week = "mon-fri") {
+  let d = snapToWorkingDay(day, 1, week);
+  if (week === "all") return d + n;
+  d += Math.floor(n / 5) * 7;
+  for (let left = n % 5; left > 0; ) {
+    d++;
+    if (isWorkingDay(d, week)) left--;
+  }
+  return d;
+}
+var ZOOMS = ["week", "month", "quarter"];
+var DAY_WIDTH = { week: 36, month: 9, quarter: 3 };
+function snapStart(day, zoom) {
+  if (zoom === "week") return startOfWeek(day);
+  if (zoom === "month") return startOfMonth(day);
+  return startOfQuarter(day);
+}
+function snapEnd(day, zoom) {
+  if (zoom === "week") return startOfWeek(day) + 7;
+  if (zoom === "month") return addMonths(day, 1);
+  return addMonths(startOfQuarter(day), 3);
+}
+function createTimeScale({ from, to, zoom, padDays, minWidth = 0 }) {
+  const pad = padDays ?? (zoom === "week" ? 3 : zoom === "month" ? 10 : 30);
+  const startDay = snapStart(from, zoom);
+  const dayWidth = DAY_WIDTH[zoom];
+  let endDay = snapEnd(Math.max(to, from) + pad, zoom);
+  for (let guard = 0; (endDay - startDay) * dayWidth < minWidth && guard < 120; guard++) {
+    endDay = snapEnd(endDay, zoom);
+  }
+  const x = (day) => (day - startDay) * dayWidth;
+  const major = [];
+  const minor = [];
+  const weekends = [];
+  if (zoom === "quarter") {
+    for (let d = startDay; d < endDay; d = addMonths(d, 3)) {
+      const p = parts(d);
+      const next2 = addMonths(d, 3);
+      major.push({ day: d, x: x(d), width: (next2 - d) * dayWidth, label: `Q${Math.floor(p.month / 3) + 1} ${p.year}` });
+    }
+    for (let d = startDay; d < endDay; d = addMonths(d, 1)) {
+      const next2 = addMonths(d, 1);
+      minor.push({ day: d, x: x(d), width: (next2 - d) * dayWidth, label: MONTHS[parts(d).month] ?? "" });
+    }
+  } else {
+    let first = true;
+    for (let d = startOfMonth(startDay); d < endDay; d = addMonths(d, 1)) {
+      const next2 = addMonths(d, 1);
+      const left = Math.max(d, startDay);
+      const p = parts(d);
+      const label = first || p.month === 0 ? `${MONTHS_LONG[p.month]} ${p.year}` : `${MONTHS_LONG[p.month]}`;
+      major.push({ day: left, x: x(left), width: (Math.min(next2, endDay) - left) * dayWidth, label });
+      first = false;
+    }
+    if (zoom === "week") {
+      for (let d = startDay; d < endDay; d++) {
+        minor.push({ day: d, x: x(d), width: dayWidth, label: String(parts(d).date) });
+        if (weekday(d) === 5) weekends.push({ x: x(d), width: dayWidth * 2 });
+      }
+    } else {
+      for (let d = startOfWeek(startDay); d < endDay; d += 7) {
+        if (d < startDay) continue;
+        minor.push({ day: d, x: x(d), width: 7 * dayWidth, label: String(parts(d).date) });
+      }
+    }
+  }
+  return {
+    zoom,
+    startDay,
+    endDay,
+    dayWidth,
+    width: (endDay - startDay) * dayWidth,
+    x,
+    dayAt: (px) => startDay + Math.floor(px / dayWidth),
+    major,
+    minor,
+    weekends
+  };
+}
+function escapeHtml(s) {
+  return s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
+function exportFileName(title, isoDay, ext = "png", fallback = "plan") {
+  const slug = title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || fallback;
+  return `${slug}-${isoDay}.${ext}`;
+}
+function printDocument(html, doc = document) {
+  const frame = doc.createElement("iframe");
+  frame.setAttribute("aria-hidden", "true");
+  frame.setAttribute("tabindex", "-1");
+  frame.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;visibility:hidden";
+  doc.body.appendChild(frame);
+  const win = frame.contentWindow;
+  const fdoc = frame.contentDocument;
+  if (!win || !fdoc) {
+    frame.remove();
+    return;
+  }
+  fdoc.open();
+  fdoc.write(html);
+  fdoc.close();
+  let done = false;
+  const cleanup = () => {
+    if (done) return;
+    done = true;
+    frame.remove();
+  };
+  win.addEventListener("afterprint", () => setTimeout(cleanup, 0));
+  setTimeout(cleanup, 6e4);
+  setTimeout(() => {
+    win.focus();
+    win.print();
+  }, 50);
+}
+function isMultiSelect(e) {
+  return !!(e.ctrlKey || e.metaKey);
+}
+var HOST_DIM = 0.3;
+function isHighlighted(id, highlighted) {
+  if (!highlighted) return true;
+  if (isSet(highlighted)) return highlighted.size === 0 || highlighted.has(id);
+  return highlighted.length === 0 || highlighted.indexOf(id) !== -1;
+}
+function isSet(v) {
+  return typeof v.has === "function" && !Array.isArray(v);
+}
+function isContextMenuKey(e) {
+  return e.key === "ContextMenu" || e.key === "F10" && !!e.shiftKey;
+}
+var ratio = (drawn, layout) => layout > 0 && drawn > 0 && Number.isFinite(drawn / layout) ? drawn / layout : 1;
+function cssScale(el) {
+  if (!el) return { x: 1, y: 1 };
+  const r = el.getBoundingClientRect();
+  return { x: ratio(r.width, el.offsetWidth), y: ratio(r.height, el.offsetHeight) };
+}
+function localPoint(el, clientX, clientY) {
+  if (!el) return { x: 0, y: 0 };
+  const r = el.getBoundingClientRect();
+  return { x: (clientX - r.left) / ratio(r.width, el.offsetWidth), y: (clientY - r.top) / ratio(r.height, el.offsetHeight) };
+}
+
+// ../license/dist/chunk-Q7LEK2CU.js
+var PREFIX = "NF1";
+function utf8(s) {
+  return new TextEncoder().encode(s);
+}
+function b64urlDecode(s) {
+  if (!/^[A-Za-z0-9_-]*$/.test(s)) throw new Error("Invalid base64url");
+  const pad = s.length % 4 === 0 ? "" : "=".repeat(4 - s.length % 4);
+  const bin = atob(s.replace(/-/g, "+").replace(/_/g, "/") + pad);
+  const out = new Uint8Array(bin.length);
+  for (let i = 0; i < bin.length; i++) out[i] = bin.charCodeAt(i);
+  return out;
+}
+function hexToBytes(hex) {
+  if (!/^[0-9a-f]*$/i.test(hex) || hex.length % 2 !== 0) throw new Error("Invalid hex");
+  const out = new Uint8Array(hex.length / 2);
+  for (let i = 0; i < out.length; i++) out[i] = parseInt(hex.slice(i * 2, i * 2 + 2), 16);
+  return out;
+}
+function subtle() {
+  const c = globalThis.crypto;
+  return c && c.subtle ? c.subtle : void 0;
+}
+var ED25519 = { name: "Ed25519" };
+
+// ../license/dist/index.js
+function normaliseHost(host) {
+  return host.trim().toLowerCase().replace(/\.+$/, "");
+}
+function browserHost() {
+  const loc = globalThis.location;
+  const name = loc && typeof loc.hostname === "string" ? normaliseHost(loc.hostname) : "";
+  return name || void 0;
+}
+function hostMatches(host, pattern) {
+  const h = normaliseHost(host);
+  const p = normaliseHost(pattern);
+  if (!h || !p) return false;
+  if (p.startsWith("*.")) {
+    const suffix = p.slice(1);
+    return suffix.length > 1 && h.length > suffix.length && h.endsWith(suffix);
+  }
+  return h === p;
+}
+var GRACE_DAYS = 14;
+var SUITE_PRODUCTS = ["plan", "charts"];
+var PUBLIC_KEYS = {
+  "nf-2027-1": "ad97c33249018681b3b315a303551442552d917d337690cac9b4783e931f88d1"
+};
+var DAY = 864e5;
+function isoToUtcMs(iso) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
+  if (!m) return NaN;
+  return Date.UTC(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+}
+function parsePayload(segment) {
+  try {
+    const json = JSON.parse(new TextDecoder().decode(b64urlDecode(segment)));
+    if (!json || typeof json.kid !== "string" || typeof json.exp !== "string") return void 0;
+    if (json.v === 1) return json;
+    if (json.v === 2 && Array.isArray(json.hosts) && json.hosts.length > 0 && json.hosts.every((h) => typeof h === "string" && h.trim() !== "")) {
+      return json;
+    }
+  } catch {
+  }
+  return void 0;
+}
+async function verifySignature(pubHex, message, signature) {
+  const s = subtle();
+  if (!s) return "unsupported";
+  let key;
+  try {
+    key = await s.importKey("raw", hexToBytes(pubHex), ED25519, false, ["verify"]);
+  } catch (err) {
+    return err?.name === "NotSupportedError" ? "unsupported" : false;
+  }
+  try {
+    return await s.verify(ED25519, key, signature, message);
+  } catch {
+    return false;
+  }
+}
+async function verifyLicense(key, opts) {
+  const trimmed = (key ?? "").trim();
+  if (!trimmed) return { status: "missing", licensed: false };
+  const parts2 = trimmed.split(".");
+  if (parts2.length !== 3 || parts2[0] !== PREFIX) return { status: "invalid", licensed: false };
+  const [, payloadSeg, sigSeg] = parts2;
+  const payload = parsePayload(payloadSeg);
+  const keys = opts.publicKeys ?? PUBLIC_KEYS;
+  const pubHex = payload ? keys[payload.kid] : void 0;
+  if (!payload || !pubHex) return { status: "invalid", licensed: false };
+  let sig;
+  try {
+    sig = b64urlDecode(sigSeg);
+  } catch {
+    return { status: "invalid", licensed: false };
+  }
+  const ok = await verifySignature(pubHex, utf8(payloadSeg), sig);
+  if (ok === false) return { status: "invalid", licensed: false };
+  if (payload.v === 2) {
+    const host = opts.host === void 0 ? "" : normaliseHost(opts.host);
+    const onHost = host !== "" && (payload.hosts ?? []).some((p) => hostMatches(host, p));
+    if (opts.tenantId !== void 0 && opts.tenantId !== null || !onHost) return { status: "wrong-host", licensed: false, payload };
+  }
+  if (ok === "unsupported") return { status: "unverifiable", licensed: true, payload };
+  const suiteCovers = payload.pid === "suite" && SUITE_PRODUCTS.includes(opts.product);
+  if (payload.pid !== opts.product && !suiteCovers) {
+    return { status: "wrong-product", licensed: false, payload };
+  }
+  const tenant = typeof opts.tenantId === "string" && opts.tenantId.trim() ? opts.tenantId : void 0;
+  if (payload.v === 1 && payload.tid !== "*" && tenant !== void 0 && payload.tid.toLowerCase() !== tenant.toLowerCase()) {
+    return { status: "wrong-tenant", licensed: false, payload };
+  }
+  const now = (opts.now ?? /* @__PURE__ */ new Date()).getTime();
+  const expMs = isoToUtcMs(payload.exp) + DAY;
+  if (Number.isNaN(expMs)) return { status: "invalid", licensed: false };
+  const daysLeft = Math.floor((expMs - now) / DAY);
+  if (now > expMs + GRACE_DAYS * DAY) return { status: "expired", licensed: false, payload, daysLeft };
+  if (now > expMs) return { status: "grace", licensed: true, payload, daysLeft };
+  return { status: "valid", licensed: true, payload, daysLeft };
+}
+var FAILURE_RANK = {
+  expired: 0,
+  "wrong-tenant": 1,
+  "wrong-host": 2,
+  "wrong-product": 3,
+  invalid: 4,
+  missing: 5
+};
+async function verifyLicenses(keys, opts) {
+  const list = (keys ?? "").split(/[\s,;]+/).filter(Boolean);
+  if (list.length <= 1) return verifyLicense(list[0], opts);
+  let best;
+  for (const key of list) {
+    const r = await verifyLicense(key, opts);
+    if (r.licensed) return r;
+    if (!best || (FAILURE_RANK[r.status] ?? 9) < (FAILURE_RANK[best.status] ?? 9)) best = r;
+  }
+  return best ?? { status: "missing", licensed: false };
+}
+var RENEW_URL = "https://ninthforge.com/licence?ref=renewal";
+function renewalNotice(result, now = /* @__PURE__ */ new Date()) {
+  if (!result || result.status !== "grace" || !result.payload) return null;
+  const expMs = isoToUtcMs(result.payload.exp) + DAY;
+  if (Number.isNaN(expMs)) return null;
+  const daysLeft = Math.min(GRACE_DAYS, Math.max(1, Math.ceil((expMs + GRACE_DAYS * DAY - now.getTime()) / DAY)));
+  const days = daysLeft === 1 ? "1 day" : `${daysLeft} days`;
+  return {
+    text: `Licence expired \xB7 renew within ${days}`,
+    detail: `Your Ninth Forge licence expired on ${result.payload.exp}. Renew within ${days} to keep the watermark off. Only makers see this.`,
+    href: RENEW_URL,
+    daysLeft
+  };
+}
+function licenseMessage(result) {
+  switch (result.status) {
+    case "valid":
+    case "unverifiable":
+      return `Licensed to ${result.payload?.org ?? "your organisation"}`;
+    case "grace":
+      return "Licence expired \u2014 renew within 14 days to keep the watermark off";
+    case "expired":
+      return "Licence expired";
+    case "missing":
+      return "Unlicensed \u2014 add a licence key in the control properties";
+    case "wrong-product":
+      return "This key is for a different Ninth Forge product";
+    case "wrong-tenant":
+      return "This key belongs to a different Microsoft tenant";
+    case "wrong-host":
+      return `This demo key only works on ${result.payload?.hosts?.[0] ?? "the Ninth Forge website"}`;
+    default:
+      return "Licence key not recognised";
+  }
+}
+var PAID_TIERS = ["team", "business", "enterprise"];
+function unlocksPro(r) {
+  if (!r) return false;
+  if (r.licensed) return true;
+  return r.status === "expired" && !!r.payload && PAID_TIERS.includes(r.payload.tier);
+}
+
+// ../tokens/dist/index.js
+var TEXT_ROLES = ["caption", "body", "label", "value", "callout", "header", "title", "hero"];
+var TEXT_SIZES = {
+  caption: 11,
+  body: 13,
+  label: 12,
+  value: 12,
+  callout: 12,
+  header: 13,
+  title: 16,
+  hero: 28
+};
+var TEXT_SCALE_MIN = 0.75;
+var TEXT_SCALE_MAX = 2;
+function clampTextScale(scale) {
+  if (typeof scale !== "number" || !Number.isFinite(scale) || scale <= 0) return 1;
+  return Math.min(TEXT_SCALE_MAX, Math.max(TEXT_SCALE_MIN, scale));
+}
+var half = (px) => Math.round(px * 2) / 2;
+function textSize(role, scale = 1, sizes) {
+  const base = sizes?.[role] ?? TEXT_SIZES[role];
+  return half(base * clampTextScale(scale));
+}
+function textVars(scale = 1, sizes) {
+  const out = {};
+  for (const role of TEXT_ROLES) out[`--nf-text-${role}`] = `${textSize(role, scale, sizes)}px`;
+  return out;
+}
+function scaleWithText(px, scale = 1) {
+  const s = clampTextScale(scale);
+  if (s === 1) return px;
+  return Math.ceil(px * s / 8) * 8;
+}
+var brand = {
+  ink: "#0E1116",
+  ember: "#D9480F",
+  paper: "#F6F6F3",
+  line: "#E4E5E9",
+  muted: "#5D6472",
+  cobalt: "#2E54FF"
+};
+var semantic = {
+  milestone: "#E8930C",
+  positive: "#138A52",
+  negative: "#D93F2B"
+};
+var font = {
+  sans: "'Geist', 'Segoe UI', system-ui, -apple-system, sans-serif",
+  mono: "'Geist Mono', 'Cascadia Mono', ui-monospace, monospace",
+  /** Components inherit the host app's font unless a theme says otherwise. */
+  inherit: "inherit"
+};
+var motion = {
+  fast: "150ms",
+  base: "220ms",
+  ease: "cubic-bezier(0.2, 0.8, 0.2, 1)"
+};
+var lightTheme = {
+  accent: brand.cobalt,
+  accentTint: "#DCE3FF",
+  accentText: "#FFFFFF",
+  surface: "#FFFFFF",
+  surfaceAlt: "#F6F6F3",
+  ink: brand.ink,
+  muted: brand.muted,
+  line: brand.line,
+  lineSoft: "#F2F3F5",
+  phase: brand.ink,
+  milestone: semantic.milestone,
+  baseline: "#B9BDC7",
+  selected: "#F4F6FF",
+  focus: brand.cobalt,
+  positive: semantic.positive,
+  negative: semantic.negative,
+  tooltipBg: brand.ink,
+  tooltipInk: "#FFFFFF",
+  font: font.inherit,
+  monoFont: font.mono
+};
+var darkTheme = {
+  accent: "#6F8BFF",
+  accentTint: "#28305A",
+  accentText: "#0E1116",
+  surface: "#14171D",
+  surfaceAlt: "#0E1116",
+  ink: "#F2F3F5",
+  muted: "#A3A9B6",
+  line: "#2A2F3A",
+  lineSoft: "#1D2129",
+  phase: "#E4E5E9",
+  milestone: "#F2A53A",
+  baseline: "#5D6472",
+  selected: "#1C2238",
+  focus: "#8FA6FF",
+  positive: "#3FBF7F",
+  negative: "#F06A58",
+  tooltipBg: "#F2F3F5",
+  tooltipInk: "#0E1116",
+  font: font.inherit,
+  monoFont: font.mono
+};
+var kebab = (s) => s.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+function themeVars(theme = {}, base = lightTheme) {
+  const merged = { ...base, ...theme };
+  const out = {};
+  Object.keys(merged).forEach((k) => {
+    out[`--nf-${kebab(k)}`] = merged[k];
+  });
+  return out;
+}
+function markSvg({ size = 40, tile = true, ink = brand.ink, ember = brand.ember } = {}) {
+  const stroke = tile ? "#FFFFFF" : ink;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 40 40" role="img" aria-label="Ninth Forge">` + (tile ? `<rect width="40" height="40" rx="10" fill="${ink}"/>` : "") + `<rect x="8.5" y="10" width="4.6" height="20" fill="${stroke}"/><path d="M17 10 L31.5 30" stroke="${stroke}" stroke-width="4.6"/><path d="M31.5 10 L17 30" stroke="${stroke}" stroke-width="4.6"/><path d="M31.5 10 L27.6 15.4" stroke="${ember}" stroke-width="4.6"/></svg>`;
+}
+function luminance(hex) {
+  const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
+  if (!m) return null;
+  const h = m[1].length === 3 ? m[1].replace(/./g, (c) => c + c) : m[1];
+  const ch = [0, 2, 4].map((i) => {
+    const v = parseInt(h.slice(i, i + 2), 16) / 255;
+    return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * ch[0] + 0.7152 * ch[1] + 0.0722 * ch[2];
+}
+function contrastRatio(a, b) {
+  const la = luminance(a);
+  const lb = luminance(b);
+  if (la === null || lb === null) return null;
+  const [hi, lo] = la > lb ? [la, lb] : [lb, la];
+  return (hi + 0.05) / (lo + 0.05);
+}
+function readableTextOn(background, light = "#FFFFFF", dark = brand.ink) {
+  const onLight = contrastRatio(background, light);
+  const onDark = contrastRatio(background, dark);
+  if (onLight === null || onDark === null) return light;
+  return onLight >= onDark ? light : dark;
+}
+function mixHex(a, b, t) {
+  const p = (h) => {
+    const s = h.replace("#", "");
+    const f = s.length === 3 ? s.replace(/./g, (c) => c + c) : s;
+    return [0, 2, 4].map((i) => parseInt(f.slice(i, i + 2), 16));
+  };
+  const [x, y] = [p(a), p(b)];
+  return "#" + x.map((v, i) => Math.round(v + (y[i] - v) * t).toString(16).padStart(2, "0")).join("").toUpperCase();
+}
+function accentForText(accent, light = "#FFFFFF", dark = brand.ink) {
+  const text = readableTextOn(accent, light, dark);
+  if ((contrastRatio(accent, text) ?? 21) >= 4.5) return { background: accent, text };
+  const toward = text === light ? "#000000" : "#FFFFFF";
+  for (let t = 0.05; t <= 1.0001; t += 0.05) {
+    const bg = mixHex(accent, toward, t);
+    if ((contrastRatio(bg, text) ?? 0) >= 4.5) return { background: bg, text };
+  }
+  return { background: toward === "#000000" ? "#000000" : "#FFFFFF", text };
+}
+function visibleOn(color, background, ratio2 = 3) {
+  const own = contrastRatio(color, background);
+  if (own === null || own >= ratio2) return color;
+  const dark = (luminance(background) ?? 1) < 0.18;
+  const toward = dark ? "#FFFFFF" : "#000000";
+  for (let t = 0.1; t <= 1.0001; t += 0.1) {
+    const mixed = mixHex(color, toward, t);
+    if ((contrastRatio(mixed, background) ?? 0) >= ratio2) return mixed;
+  }
+  return toward;
+}
+
+// ../editing/dist/chunk-S4GYYU33.js
+var isEmpty = (v) => v === void 0 || v === null || v === "";
+function defaultEqual(_key, a, b) {
+  if (isEmpty(a) && isEmpty(b)) return true;
+  return a === b;
+}
+function sameStringSet(a, b) {
+  const x = Array.isArray(a) ? [...a].sort() : [];
+  const y = Array.isArray(b) ? [...b].sort() : [];
+  return x.length === y.length && x.every((v, i) => v === y[i]);
+}
+function fieldsOf(change, spec) {
+  const out = {};
+  for (const k of spec.keys) if (k in change) out[k] = change[k];
+  return out;
+}
+function previousOf(item, next2, spec) {
+  const prev = {};
+  for (const k of spec.keys) if (k in next2) prev[k] = item[k];
+  return prev;
+}
+function isNoop(item, change, spec) {
+  const eq = spec.equal ?? defaultEqual;
+  const f = fieldsOf(change, spec);
+  return Object.keys(f).every((k) => eq(k, item[k], f[k]));
+}
+function applyOverrides(items, overrides) {
+  if (overrides.size === 0) return items;
+  return items.map((t) => {
+    const o = overrides.get(t.id);
+    return o ? { ...t, ...o.patch } : t;
+  });
+}
+function reconcileOverrides(items, overrides, spec = {}) {
+  const eq = spec.equal ?? defaultEqual;
+  const byId = new Map(items.map((t) => [t.id, t]));
+  const next2 = new Map(overrides);
+  for (const [id, o] of overrides) {
+    const t = byId.get(id);
+    if (!t) {
+      next2.delete(id);
+      continue;
+    }
+    const matches = Object.keys(o.patch).every(
+      (k) => eq(k, t[k], o.patch[k])
+    );
+    if (matches) next2.delete(id);
+  }
+  return next2;
+}
+var HISTORY_LIMIT = 20;
+function emptyHistory() {
+  return { undo: [], redo: [] };
+}
+function pushHistory(h, change) {
+  return { undo: [...h.undo, change].slice(-HISTORY_LIMIT), redo: [] };
+}
+function dropFromHistory(h, change) {
+  return { undo: h.undo.filter((c) => c !== change), redo: h.redo.filter((c) => c !== change) };
+}
+function invertChange(change, source, spec) {
+  const forward = fieldsOf(change, spec);
+  const back = {};
+  for (const k of Object.keys(forward)) {
+    const v = change.previous[k];
+    back[k] = v !== void 0 ? v : spec.blank ? spec.blank(k) : void 0;
+  }
+  return { id: change.id, ...back, previous: forward, source };
+}
+function undoStep(h, undoSource, spec) {
+  const entry = h.undo[h.undo.length - 1];
+  if (!entry) return null;
+  return { commit: invertChange(entry, undoSource, spec), entry, history: { undo: h.undo.slice(0, -1), redo: [...h.redo, entry] } };
+}
+function redoStep(h, redoSource) {
+  const entry = h.redo[h.redo.length - 1];
+  if (!entry) return null;
+  const commit = { ...entry, source: redoSource };
+  return { commit, entry, history: { undo: [...h.undo, entry].slice(-HISTORY_LIMIT), redo: h.redo.slice(0, -1) } };
+}
+function errorText(err, fallback = "The change was not saved.") {
+  if (err instanceof Error && err.message) return err.message;
+  if (typeof err === "string" && err) return err;
+  const m = err?.message;
+  return typeof m === "string" && m ? m : fallback;
+}
+
+// ../editing/dist/index.js
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import * as React from "react";
+import * as React2 from "react";
+import * as React3 from "react";
+import * as React4 from "react";
+var INFO_MS = 5e3;
+var ERROR_MS = 9e3;
+function trialUrl(ref) {
+  return `https://ninthforge.com/trial?ref=${encodeURIComponent(ref)}`;
+}
+function lockedMessage(product) {
+  return `Saving changes needs a Ninth Forge ${product} key. Start a free 30-day trial at ninthforge.com/trial.`;
+}
+function lockFor(license, unlocked, product, trialRef) {
+  if (unlocked) return { locked: false };
+  if (!license) return { locked: true };
+  return trialRef ? { locked: true, lockedMessage: lockedMessage(product), lockedTrialUrl: trialUrl(trialRef) } : { locked: true, lockedMessage: lockedMessage(product) };
+}
+var toastedLocks = /* @__PURE__ */ new Set();
+function firstLockToast(message) {
+  if (toastedLocks.has(message)) return false;
+  toastedLocks.add(message);
+  return true;
+}
+function openTrial(url) {
+  if (typeof window !== "undefined") window.open(url, "_blank", "noopener");
+}
+function useEditing(items, onChange, spec) {
+  const [overrides, setOverrides] = useState(() => /* @__PURE__ */ new Map());
+  const historyRef = useRef(emptyHistory());
+  const [, setHistoryVersion] = useState(0);
+  const setHistory = (fn) => {
+    historyRef.current = fn(historyRef.current);
+    setHistoryVersion((v) => v + 1);
+  };
+  const seqRef = useRef(0);
+  const [toasts, setToasts] = useState([]);
+  const [announcement, setAnnouncement] = useState({ text: "", n: 0 });
+  const timers = useRef(/* @__PURE__ */ new Map());
+  const itemsRef = useRef(items);
+  itemsRef.current = items;
+  const handlerRef = useRef(onChange);
+  handlerRef.current = onChange;
+  const specRef = useRef(spec);
+  specRef.current = spec;
+  useEffect(() => {
+    setOverrides((o) => o.size ? reconcileOverrides(items, o, specRef.current) : o);
+  }, [items]);
+  useEffect(() => {
+    const map = timers.current;
+    return () => map.forEach((t) => clearTimeout(t));
+  }, []);
+  const dismiss = useCallback((id) => {
+    const t = timers.current.get(id);
+    if (t) clearTimeout(t);
+    timers.current.delete(id);
+    setToasts((list) => list.filter((x) => x.id !== id));
+  }, []);
+  const toast = useCallback(
+    (item) => {
+      const id = ++seqRef.current;
+      setToasts((list) => [...list.filter((x) => x.tone === "error"), { ...item, id }].slice(-4));
+      timers.current.set(
+        id,
+        setTimeout(() => dismiss(id), item.tone === "error" ? ERROR_MS : INFO_MS)
+      );
+    },
+    [dismiss]
+  );
+  const announce = useCallback((text) => setAnnouncement((a) => ({ text, n: a.n + 1 })), []);
+  const [lockNote, setLockNote] = useState(null);
+  const refuse = useCallback(() => {
+    const msg = specRef.current.lockedMessage;
+    if (!msg) return;
+    announce(msg);
+    setLockNote(msg);
+    if (!firstLockToast(msg)) return;
+    const url = specRef.current.lockedTrialUrl;
+    toast({ text: msg, tone: "info", action: url ? { label: specRef.current.lockedTrialLabel ?? "Start a free trial", run: () => openTrial(url) } : void 0 });
+  }, [announce, toast]);
+  const nameOf = (id) => {
+    const item = itemsRef.current.find((t) => t.id === id);
+    const s = specRef.current;
+    if (!item) return s.noun ?? "item";
+    return s.name ? s.name(item) : item.name ?? s.noun ?? "item";
+  };
+  const undoRef = useRef(() => void 0);
+  const redoRef = useRef(() => void 0);
+  const commit = (change, mode, entry) => {
+    if (specRef.current.locked) return refuse();
+    const seq = ++seqRef.current;
+    setOverrides((m) => {
+      const next2 = new Map(m);
+      next2.set(change.id, { patch: { ...m.get(change.id)?.patch, ...fieldsOf(change, specRef.current) }, seq });
+      return next2;
+    });
+    if (mode === "new") setHistory((h) => pushHistory(h, change));
+    const text = specRef.current.describe(change, nameOf);
+    announce(text);
+    toast({
+      text,
+      tone: "info",
+      action: mode === "undo" ? { label: "Redo", run: () => redoRef.current() } : { label: "Undo", run: () => undoRef.current() }
+    });
+    let result;
+    try {
+      result = handlerRef.current?.(change);
+    } catch (err) {
+      result = Promise.reject(err);
+    }
+    if (result && typeof result.then === "function") {
+      result.then(void 0, (err) => {
+        setOverrides((m) => {
+          const o = m.get(change.id);
+          if (!o || o.seq !== seq) return m;
+          const next2 = new Map(m);
+          next2.delete(change.id);
+          return next2;
+        });
+        setHistory((h) => {
+          if (mode === "new") return dropFromHistory(h, change);
+          if (!entry) return h;
+          return mode === "undo" ? { undo: [...h.undo, entry], redo: h.redo.filter((c) => c !== entry) } : { undo: h.undo.filter((c) => c !== entry), redo: [...h.redo, entry] };
+        });
+        const msg = errorText(err);
+        toast({ text: `Couldn't save '${nameOf(change.id)}', so it was put back. ${msg}`, tone: "error" });
+        announce(`Not saved, put back. ${msg}`);
+      });
+    }
+  };
+  const undo = () => {
+    const step = undoStep(historyRef.current, "undo", specRef.current);
+    if (!step) return announce("Nothing to undo");
+    setHistory(() => step.history);
+    commit(step.commit, "undo", step.entry);
+  };
+  const redo = () => {
+    const step = redoStep(historyRef.current, "redo");
+    if (!step) return announce("Nothing to redo");
+    setHistory(() => step.history);
+    commit(step.commit, "redo", step.entry);
+  };
+  undoRef.current = undo;
+  redoRef.current = redo;
+  const shown = useMemo(() => applyOverrides(items, overrides), [items, overrides]);
+  return {
+    overrides,
+    shown,
+    commit: (change) => commit(change, "new"),
+    undo,
+    redo,
+    canUndo: historyRef.current.undo.length > 0,
+    canRedo: historyRef.current.redo.length > 0,
+    toasts,
+    toast,
+    dismiss,
+    announcement,
+    announce,
+    /** View-only: Pro actions are refused (see `EditingSpec.locked`). */
+    locked: !!spec.locked,
+    /** Call instead of an action that bypasses `commit` (create, add) while `locked`. */
+    refuse,
+    /** The locked message once an action was refused, for a quiet status line. */
+    lockNote: spec.locked ? lockNote : null
+  };
+}
+function Toasts({
+  items,
+  announcement,
+  onDismiss,
+  prefix = "nf-g"
+}) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-sr`, "aria-live": "polite", "aria-atomic": "true" }, /* @__PURE__ */ React.createElement("span", { key: announcement.n }, announcement.text)), items.length ? /* @__PURE__ */ React.createElement("div", { className: `${prefix}-toasts` }, items.map((t) => /* @__PURE__ */ React.createElement("div", { key: t.id, className: `${prefix}-toast`, "data-tone": t.tone, role: t.tone === "error" ? "alert" : "status" }, /* @__PURE__ */ React.createElement("span", { className: `${prefix}-toast-text` }, t.text), t.action ? /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      className: `${prefix}-toast-btn`,
+      onClick: () => {
+        t.action.run();
+        onDismiss(t.id);
+      }
+    },
+    t.action.label
+  ) : null, /* @__PURE__ */ React.createElement("button", { type: "button", className: `${prefix}-toast-x`, "aria-label": "Dismiss", onClick: () => onDismiss(t.id) }, "\xD7")))) : null);
+}
+function EmptyActionView({ action, prefix, buttonClass }) {
+  return /* @__PURE__ */ React2.createElement("div", { className: `${prefix}-emptyaction` }, action.busy ? /* @__PURE__ */ React2.createElement("span", { role: "status" }, action.status ?? `${action.label}\u2026`) : /* @__PURE__ */ React2.createElement("button", { type: "button", className: buttonClass, onClick: action.onClick }, action.label), action.hint && !action.busy ? /* @__PURE__ */ React2.createElement("small", null, action.hint) : null, action.error ? /* @__PURE__ */ React2.createElement("span", { role: "alert" }, action.error) : null);
+}
+var PLAN_WATERMARK_URL = "https://ninthforge.com/plan?ref=watermark";
+function Watermark({ prefix, title, markHtml, variant = "mark", onClick, href = PLAN_WATERMARK_URL }) {
+  const mark = variant === "text" ? null : /* @__PURE__ */ React4.createElement("span", { "aria-hidden": "true", style: { display: "inline-flex" }, dangerouslySetInnerHTML: { __html: markHtml } });
+  return onClick ? /* @__PURE__ */ React4.createElement("button", { type: "button", className: `${prefix}-mark`, title, onClick }, mark, "Ninth Forge \xB7 Unlicensed") : /* @__PURE__ */ React4.createElement("a", { className: `${prefix}-mark`, href, target: "_blank", rel: "noreferrer", title }, mark, "Ninth Forge \xB7 Unlicensed");
+}
+var next = 0;
+function nextUid(prefix) {
+  next += 1;
+  return `${prefix}${next.toString(36)}`;
+}
+
+// src/edit.ts
+function canEdit(editable, hasHandler, action, row) {
+  if (!hasHandler || editable === false) return false;
+  if (typeof editable === "object" && editable[action] === false) return false;
+  if (!row || action === "add") return true;
+  if (row.task.readOnly) return false;
+  if (action === "rename") return true;
+  if (row.kind === "phase") return false;
+  if (row.kind === "milestone" && (action === "resize" || action === "progress")) return false;
+  return true;
+}
+function pxToDays(dx, dayWidth) {
+  return Math.round(dx / dayWidth) || 0;
+}
+function shiftSpan(mode, span, days, week = "all") {
+  if (week === "all" || days === 0) {
+    if (mode === "move") return { start: span.start + days, end: span.end + days };
+    if (mode === "start") return { start: Math.min(span.start + days, span.end), end: span.end };
+    return { start: span.start, end: Math.max(span.end + days, span.start) };
+  }
+  const snap = (d) => snapToWorkingDay(d, days, week);
+  if (mode === "move") {
+    const start = snap(span.start + days);
+    const len = workingDaysBetween(span.start, span.end, week);
+    const end = len > 0 ? addWorkingDays(start, len - 1, week) : start + (span.end - span.start);
+    return { start, end };
+  }
+  if (mode === "start") return { start: Math.min(snap(span.start + days), span.end), end: span.end };
+  return { start: span.start, end: Math.max(snap(span.end + days), span.start) };
+}
+function durationLabel(start, end, week = "all") {
+  const n = week === "all" ? end - start + 1 : workingDaysBetween(start, end, week);
+  const unit = week === "all" ? "day" : "working day";
+  return `${n} ${unit}${n === 1 ? "" : "s"}`;
+}
+function dragProgress(progress, dx, barWidth) {
+  if (barWidth <= 0) return clampProgress(progress);
+  return clampProgress(Math.round(progress + dx / barWidth * 100));
+}
+function clampProgress(p) {
+  return Math.max(0, Math.min(100, Math.round(p)));
+}
+function keyEdit(e) {
+  if (!e.altKey || e.ctrlKey || e.metaKey) return null;
+  switch (e.key) {
+    case "ArrowLeft":
+      return { kind: "span", mode: e.shiftKey ? "end" : "move", days: -1 };
+    case "ArrowRight":
+      return { kind: "span", mode: e.shiftKey ? "end" : "move", days: 1 };
+    case "ArrowUp":
+      return e.shiftKey ? null : { kind: "progress", delta: 10 };
+    case "ArrowDown":
+      return e.shiftKey ? null : { kind: "progress", delta: -10 };
+    default:
+      return null;
+  }
+}
+var GANTT_FIELDS = {
+  keys: ["name", "start", "end", "date", "progress", "parentId", "dependsOn"],
+  equal: (key, a, b) => key === "dependsOn" ? sameStringSet(a, b) : defaultEqual(key, a, b),
+  blank: (key) => key === "dependsOn" ? [] : key === "parentId" ? null : void 0
+};
+function fieldsOf2(change) {
+  return fieldsOf(change, GANTT_FIELDS);
+}
+function previousOf2(task, next2) {
+  return previousOf(task, next2, GANTT_FIELDS);
+}
+function spanChange(task, isMilestone, span, source) {
+  let next2;
+  if (isMilestone) next2 = task.date !== void 0 ? { date: fromDay(span.start) } : { start: fromDay(span.start) };
+  else next2 = { start: fromDay(span.start), end: fromDay(span.end) };
+  return { id: task.id, ...next2, previous: previousOf2(task, next2), source };
+}
+function progressChange(task, progress, source) {
+  const next2 = { progress: clampProgress(progress) };
+  return { id: task.id, ...next2, previous: previousOf2(task, next2), source };
+}
+function renameChange(task, name, source) {
+  const next2 = name.trim();
+  if (!next2 || next2 === task.name) return null;
+  return { id: task.id, name: next2, previous: { name: task.name }, source };
+}
+function dateCellChange(task, isMilestone, span, field, day, source) {
+  if (isMilestone) return spanChange(task, true, { start: day, end: day }, source);
+  const next2 = field === "start" ? { start: day, end: Math.max(span.end, day) } : { start: span.start, end: Math.max(day, span.start) };
+  return spanChange(task, false, next2, source);
+}
+function isNoop2(task, change) {
+  return isNoop(task, change, GANTT_FIELDS);
+}
+var emptyHistory2 = emptyHistory();
+function brokenLinks(rows) {
+  const byId = new Map(rows.map((r) => [r.task.id, r]));
+  const out = /* @__PURE__ */ new Set();
+  for (const to of rows) {
+    for (const fromId of to.task.dependsOn ?? []) {
+      const from = byId.get(fromId);
+      if (!from || Number.isNaN(from.end) || Number.isNaN(to.start)) continue;
+      const broken = from.kind === "milestone" ? to.start < from.end : to.start <= from.end;
+      if (broken) out.add(`${fromId}>${to.task.id}`);
+    }
+  }
+  return out;
+}
+function brokenAmong(links, rows) {
+  const out = /* @__PURE__ */ new Set();
+  for (const l of links) {
+    const from = rows[l.fromIndex];
+    const to = rows[l.toIndex];
+    if (!from || !to || Number.isNaN(from.end) || Number.isNaN(to.start)) continue;
+    const broken = from.kind === "milestone" ? to.start < from.end : to.start <= from.end;
+    if (broken) out.add(l.key);
+  }
+  return out;
+}
+function validateLink(tasks, fromId, toId) {
+  if (fromId === toId) return "self";
+  const byId = new Map(tasks.map((t) => [t.id, t]));
+  if (byId.get(toId)?.dependsOn?.includes(fromId)) return "exists";
+  const seen = /* @__PURE__ */ new Set();
+  const stack = [fromId];
+  while (stack.length) {
+    const id = stack.pop();
+    if (id === toId) return "cycle";
+    if (seen.has(id)) continue;
+    seen.add(id);
+    for (const p of byId.get(id)?.dependsOn ?? []) stack.push(p);
+  }
+  return "ok";
+}
+function linkChange(to, fromId, single, source) {
+  const existing = to.dependsOn ?? [];
+  const dependsOn = single ? [fromId] : [...existing, fromId];
+  const replaces = single && existing.length > 0 && existing[0] !== fromId ? existing[0] : null;
+  return { change: { id: to.id, dependsOn, previous: { dependsOn: existing }, source }, replaces };
+}
+function unlinkChange(to, fromId, source) {
+  const existing = to.dependsOn ?? [];
+  const dependsOn = fromId === void 0 ? [] : existing.filter((d) => d !== fromId);
+  return { id: to.id, dependsOn, previous: { dependsOn: existing }, source };
+}
+function dayLabel(day) {
+  const p = parts(day);
+  return `${WEEKDAYS[weekday(day)]} ${p.date} ${MONTHS[p.month]}`;
+}
+function spanLabel(span, isMilestone, week = "all") {
+  if (isMilestone) return dayLabel(span.start);
+  return `${dayLabel(span.start)} \u2192 ${dayLabel(span.end)} \xB7 ${durationLabel(span.start, span.end, week)}`;
+}
+function describeChange(change, name) {
+  const who = `'${name(change.id)}'`;
+  const prefix = change.source === "undo" ? "Undone: " : change.source === "redo" ? "Redone: " : "";
+  const d = (iso) => iso ? dayLabel(Math.round(Date.parse(iso) / 864e5)) : "";
+  let text;
+  if (change.name !== void 0) {
+    const before = change.previous.name;
+    text = before ? `'${before}' renamed to '${change.name}'` : `Renamed to '${change.name}'`;
+  } else if (change.dependsOn !== void 0) {
+    text = change.dependsOn.length ? `${who} now follows ${change.dependsOn.map((id) => `'${name(id)}'`).join(", ")}` : `${who} no longer depends on another task`;
+  } else if (change.progress !== void 0) {
+    text = `${who} is ${change.progress}% done`;
+  } else if (change.date !== void 0 || change.start !== void 0 && change.end === void 0) {
+    text = `${who} moved to ${d(change.date ?? change.start)}`;
+  } else {
+    text = `${who} now runs ${d(change.start)} to ${d(change.end)}`;
+  }
+  return prefix + text;
+}
+
+// src/layout.ts
+var ROW_H = 40;
+var HEADER_H = 52;
+function kindOf(t, hasChildren) {
+  if (t.kind) return t.kind;
+  if (hasChildren) return "phase";
+  if (t.date || t.start && !t.end) return "milestone";
+  return "task";
+}
+function buildRows(tasks, collapsed = /* @__PURE__ */ new Set()) {
+  const byId = new Map(tasks.map((t) => [t.id, t]));
+  const children = /* @__PURE__ */ new Map();
+  const roots = [];
+  const inCycle = (id) => {
+    const seen = /* @__PURE__ */ new Set();
+    for (let cur = byId.get(id)?.parentId; cur && byId.has(cur); cur = byId.get(cur).parentId) {
+      if (cur === id) return true;
+      if (seen.has(cur)) return false;
+      seen.add(cur);
+    }
+    return false;
+  };
+  for (const t of tasks) {
+    const p = t.parentId && byId.has(t.parentId) && t.parentId !== t.id && !inCycle(t.id) ? t.parentId : null;
+    if (p) {
+      const list = children.get(p) ?? [];
+      list.push(t);
+      children.set(p, list);
+    } else {
+      roots.push(t);
+    }
+  }
+  const spanCache = /* @__PURE__ */ new Map();
+  const visiting = /* @__PURE__ */ new Set();
+  const span = (t) => {
+    const cached = spanCache.get(t.id);
+    if (cached) return cached;
+    if (visiting.has(t.id)) return [NaN, NaN];
+    visiting.add(t.id);
+    let s = toDay(t.date ?? t.start);
+    let e = toDay(t.date ?? t.end ?? t.start);
+    for (const c of children.get(t.id) ?? []) {
+      const [cs, ce] = span(c);
+      if (!Number.isNaN(cs)) s = Number.isNaN(s) ? cs : Math.min(s, cs);
+      if (!Number.isNaN(ce)) e = Number.isNaN(e) ? ce : Math.max(e, ce);
+    }
+    visiting.delete(t.id);
+    const result = [s, e];
+    spanCache.set(t.id, result);
+    return result;
+  };
+  const progCache = /* @__PURE__ */ new Map();
+  const prog = (t, guard) => {
+    const cached = progCache.get(t.id);
+    if (cached) return cached;
+    if (guard.has(t.id)) return [0, 0];
+    guard.add(t.id);
+    const kids = children.get(t.id) ?? [];
+    let result;
+    if (kids.length === 0) {
+      const [s, e] = span(t);
+      const days = Number.isNaN(s) || Number.isNaN(e) || t.date ? 0 : e - s + 1;
+      result = [pct(t.progress) * days, days];
+    } else {
+      result = kids.reduce(
+        (acc, c) => {
+          const [p, d] = prog(c, guard);
+          return [acc[0] + p, acc[1] + d];
+        },
+        [0, 0]
+      );
+    }
+    guard.delete(t.id);
+    progCache.set(t.id, result);
+    return result;
+  };
+  const progressOf = (t) => {
+    if (!children.has(t.id)) return pct(t.progress);
+    const [p, d] = prog(t, /* @__PURE__ */ new Set());
+    return d > 0 ? Math.round(p / d) : 0;
+  };
+  const rows = [];
+  const walk = (list, depth, seen) => {
+    for (const t of list) {
+      if (seen.has(t.id)) continue;
+      seen.add(t.id);
+      const kids = children.get(t.id) ?? [];
+      const [s, e] = span(t);
+      const isCollapsed = collapsed.has(t.id);
+      rows.push({
+        task: t,
+        kind: kindOf(t, kids.length > 0),
+        depth,
+        index: rows.length,
+        hasChildren: kids.length > 0,
+        collapsed: isCollapsed,
+        start: s,
+        end: e,
+        baselineStart: toDay(t.baselineStart),
+        baselineEnd: toDay(t.baselineEnd),
+        progress: progressOf(t)
+      });
+      if (!isCollapsed) walk(kids, depth + 1, seen);
+    }
+  };
+  walk(roots, 0, /* @__PURE__ */ new Set());
+  return rows;
+}
+var OVERSCAN = 8;
+function visibleRange(scrollTop, viewportHeight, rowCount, rowH = ROW_H, headerH = HEADER_H, overscan = OVERSCAN) {
+  if (rowCount <= 0) return { first: 0, last: -1 };
+  const top = Math.max(0, scrollTop - headerH);
+  const last = Math.min(rowCount - 1, Math.ceil((top + Math.max(viewportHeight, rowH)) / rowH) + overscan);
+  const first = Math.min(last, Math.max(0, Math.floor(top / rowH) - overscan));
+  return { first, last };
+}
+function parentIds(rows) {
+  return new Set(rows.filter((r) => r.hasChildren).map((r) => r.task.id));
+}
+var COLUMN_ORDER = ["owner", "progress", "start", "end", "duration"];
+var COLUMN_LABEL = {
+  owner: "Owner",
+  progress: "Done",
+  start: "Start",
+  end: "End",
+  duration: "Days"
+};
+var COLUMN_WIDTH = { owner: 56, progress: 56, start: 92, end: 92, duration: 56 };
+var MIN_COLUMN_WIDTH = 40;
+function scaleColumns(widths, textScale = 1) {
+  const out = { ...widths };
+  if (textScale === 1) return out;
+  Object.keys(out).forEach((k) => {
+    out[k] = Math.max(MIN_COLUMN_WIDTH, Math.round(out[k] * textScale));
+  });
+  return out;
+}
+var MIN_NAME_WIDTH = 120;
+function visibleColumns(columns = {}) {
+  const defaults = { owner: true, progress: true, start: false, end: false, duration: false };
+  return COLUMN_ORDER.filter((c) => columns[c] ?? defaults[c]);
+}
+function rowMatches(r, query) {
+  const q = query.trim().toLowerCase();
+  return !!q && (r.task.name.toLowerCase().includes(q) || (r.task.owner?.name.toLowerCase().includes(q) ?? false));
+}
+function filterRows(rows, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return rows;
+  const byId = new Map(rows.map((r) => [r.task.id, r]));
+  const keep = /* @__PURE__ */ new Set();
+  for (const r of rows) {
+    if (!rowMatches(r, q)) continue;
+    let cur = r;
+    const guard = /* @__PURE__ */ new Set();
+    while (cur && !guard.has(cur.task.id)) {
+      guard.add(cur.task.id);
+      keep.add(cur.task.id);
+      cur = cur.task.parentId ? byId.get(cur.task.parentId) : void 0;
+    }
+  }
+  return rows.filter((r) => keep.has(r.task.id)).map((r, index) => ({ ...r, index }));
+}
+function rowsRange(rows) {
+  const days = [];
+  for (const r of rows) {
+    for (const d of [r.start, r.end, r.baselineStart, r.baselineEnd]) {
+      if (Number.isFinite(d)) days.push(d);
+    }
+  }
+  if (!days.length) return null;
+  days.sort((a, b) => a - b);
+  const from = days[0];
+  const to = days[days.length - 1];
+  if (to - from <= MAX_SPAN_DAYS) return { from, to };
+  const mid = days[Math.floor(days.length / 2)];
+  const lo = Math.max(from, Math.min(mid - MAX_SPAN_DAYS / 2, to - MAX_SPAN_DAYS));
+  return { from: lo, to: lo + MAX_SPAN_DAYS };
+}
+var MAX_SPAN_DAYS = Math.round(15 * 365.25);
+function pct(v) {
+  const n = typeof v === "number" ? v : Number(v);
+  return Number.isFinite(n) ? Math.max(0, Math.min(100, n)) : 0;
+}
+function barGeometry(start, end, scale) {
+  if (Number.isNaN(start) || Number.isNaN(end)) return null;
+  const left = scale.x(start);
+  return { left, width: Math.max(scale.x(end + 1) - left, scale.dayWidth) };
+}
+function dependencyLinks(rows, scale, rowH = ROW_H, window2) {
+  const index = new Map(rows.map((r) => [r.task.id, r]));
+  const out = [];
+  const r1 = (n) => Math.round(n * 10) / 10;
+  for (const to of rows) {
+    for (const fromId of to.task.dependsOn ?? []) {
+      const from = index.get(fromId);
+      if (!from || Number.isNaN(from.end) || Number.isNaN(to.start)) continue;
+      if (window2 && (Math.min(from.index, to.index) > window2.last || Math.max(from.index, to.index) < window2.first)) continue;
+      const fromMs = from.kind === "milestone";
+      const toMs = to.kind === "milestone";
+      const x1 = r1(fromMs ? scale.x(from.end) + scale.dayWidth / 2 + 7 : scale.x(from.end + 1));
+      const x2 = r1(toMs ? scale.x(to.start) + scale.dayWidth / 2 - 8 : scale.x(to.start));
+      const y1 = from.index * rowH + rowH / 2;
+      const y2 = to.index * rowH + rowH / 2;
+      let d;
+      let hit;
+      const away = y1 + (y2 >= y1 ? 10 : -10);
+      if (x2 >= x1 + 12) {
+        d = `M${x1} ${y1}H${r1(x1 + 6)}V${y2}H${x2}`;
+        hit = `M${r1(x1 + 6)} ${away}V${y2}H${r1(Math.max(x1 + 6, x2 - 10))}`;
+      } else {
+        const ym = y1 + (y2 > y1 ? rowH / 2 : -rowH / 2);
+        d = `M${x1} ${y1}H${r1(x1 + 6)}V${ym}H${r1(x2 - 8)}V${y2}H${x2}`;
+        hit = `M${r1(x1 + 6)} ${away}V${ym}H${r1(x2 - 8)}V${y2}`;
+      }
+      out.push({
+        key: `${fromId}>${to.task.id}`,
+        from: fromId,
+        to: to.task.id,
+        fromIndex: from.index,
+        toIndex: to.index,
+        d,
+        arrow: `M${x2} ${y2}l-6 -4v8z`,
+        hit
+      });
+    }
+  }
+  return out;
+}
+function dependencyPaths(rows, scale, rowH = ROW_H) {
+  const links = dependencyLinks(rows, scale, rowH);
+  return { lines: links.map((l) => l.d).join(" "), arrows: links.map((l) => l.arrow).join(" ") };
+}
+var TIP_GAP = 14;
+function placeTip(bar, rowTop, view, w, h, rowH = ROW_H) {
+  let left = bar.left + bar.width + TIP_GAP;
+  if (left + w > view.right - 8) {
+    const before = bar.left - w - TIP_GAP;
+    left = before >= view.left + 8 ? before : Math.max(view.left + 8, view.right - 8 - w);
+  }
+  if (left < view.left + 8) left = view.left + 8;
+  let top = rowTop - 4;
+  if (top + h > view.bottom - 4) top = rowTop + rowH - h;
+  top = Math.max(top, view.top + 4);
+  return { left, top };
+}
+var MINOR_CHAR_W = 6.6;
+var TAG_CHAR_W = 6;
+var TAG_PAD_X = 6;
+function todayTagWidth(label, textScale = 1) {
+  return label.length * TAG_CHAR_W * textScale + TAG_PAD_X * 2;
+}
+function ticksUnderTag(ticks, centerX, tagWidth, gap = 2, textScale = 1) {
+  const left = centerX - tagWidth / 2 - gap;
+  const right = centerX + tagWidth / 2 + gap;
+  const out = /* @__PURE__ */ new Set();
+  ticks.forEach((t, i) => {
+    const a = t.x + 4;
+    const b = a + t.label.length * MINOR_CHAR_W * textScale;
+    if (b > left && a < right) out.add(i);
+  });
+  return out;
+}
+
+// src/styles.ts
+var css = `
+.nf-gantt{--nf-row:${ROW_H}px;--nf-head:${HEADER_H}px;position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;box-sizing:border-box;min-height:0;height:100%;box-sizing:border-box;background:var(--nf-surface);color:var(--nf-ink);font-family:var(--nf-font);font-size:var(--nf-text-body);line-height:1.3;border:1px solid var(--nf-line);border-radius:16px;overflow:hidden;-webkit-font-smoothing:antialiased}
+.nf-gantt *,.nf-gantt *::before,.nf-gantt *::after{box-sizing:border-box}
+.nf-g-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:60px;padding:10px 16px;border-bottom:1px solid var(--nf-line)}
+.nf-g-title{font-weight:600;font-size:var(--nf-text-title);letter-spacing:-0.01em;margin-inline-end:6px}
+.nf-g-seg{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:var(--nf-line-soft)}
+.nf-g-btn{font:inherit;font-size:var(--nf-text-body);border:1px solid var(--nf-line);background:var(--nf-surface);color:var(--nf-ink);padding:7px 12px;border-radius:9px;cursor:pointer;min-height:32px}
+.nf-g-btn:hover{background:var(--nf-line-soft)}
+.nf-g-seg .nf-g-btn{border:0;background:transparent;color:var(--nf-muted);padding:6px 12px;border-radius:7px}
+.nf-g-seg .nf-g-btn[aria-pressed="true"]{background:var(--nf-surface);color:var(--nf-ink);font-weight:500;box-shadow:0 1px 2px rgba(14,17,22,.12)}
+.nf-g-btn:focus-visible,.nf-g-scroll:focus-visible,.nf-g-chev:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-g-switch{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:var(--nf-text-body);color:var(--nf-ink);background:none;border:0;padding:6px 4px;cursor:pointer;border-radius:8px}
+.nf-g-switch-track{position:relative;width:30px;height:18px;border-radius:9px;background:var(--nf-line)}
+.nf-g-switch-track::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:7px;background:#fff;transition:transform ${motion.base} ${motion.ease}}
+.nf-g-switch[aria-pressed="true"] .nf-g-switch-track{background:var(--nf-accent)}
+.nf-g-switch[aria-pressed="true"] .nf-g-switch-track::after{transform:translateX(12px)}
+.nf-g-spacer{flex:1}
+.nf-g-scroll{position:relative;flex:1;min-height:0;overflow:auto;outline:none}
+.nf-g-head{position:sticky;top:0;z-index:4;display:flex;height:var(--nf-head);background:var(--nf-surface);border-bottom:1px solid var(--nf-line)}
+.nf-g-cols{position:sticky;left:0;z-index:5;flex:none;display:grid;align-items:end;padding:0 16px 10px;background:var(--nf-surface);border-right:1px solid var(--nf-line);font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);letter-spacing:.06em;color:var(--nf-muted);text-transform:uppercase}
+.nf-g-cols>:not(:first-child){text-align:end}
+.nf-g-colhead{position:relative}
+.nf-g-colresize{position:absolute;z-index:1;top:-8px;bottom:-10px;inset-inline-end:-6px;width:8px;cursor:col-resize;touch-action:none}
+.nf-g-colresize:hover{background:var(--nf-line)}
+.nf-g-divider{position:absolute;top:0;bottom:0;right:-4px;width:8px;cursor:col-resize;touch-action:none;z-index:1;outline:none}
+.nf-g-divider:hover,.nf-g-divider:focus-visible{background:var(--nf-accent);opacity:.5}
+.nf-g-filter{font:inherit;font-size:var(--nf-text-body);min-height:32px;width:calc(var(--nf-text-body) * 180 / 13);max-width:40vw;padding:6px 10px;border-radius:9px;border:1px solid var(--nf-line);background:var(--nf-surface);color:var(--nf-ink)}
+.nf-g-filter:focus-visible{outline:2px solid var(--nf-focus);outline-offset:1px}
+.nf-g-menuwrap{position:relative}
+.nf-g-colmenu{top:calc(100% + 6px);inset-inline-end:0;inset-inline-start:auto}
+.nf-g-check{display:inline-block;width:16px;color:var(--nf-accent);font-weight:700}
+.nf-g-inline{font:inherit;font-size:var(--nf-text-body);width:100%;min-width:0;padding:3px 6px;border-radius:6px;border:1.5px solid var(--nf-accent);background:var(--nf-surface);color:var(--nf-ink);outline:none}
+.nf-g-datecell .nf-g-inline{font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);padding:2px 2px}
+.nf-g-datecell[data-editable]{cursor:text}
+.nf-g-row[aria-selected="true"] .nf-g-name>span[title]{cursor:text}
+.nf-g-axis{position:relative;flex:none}
+.nf-g-major{position:absolute;top:0;height:calc(var(--nf-text-label) * 26 / 12);padding:8px 10px 0;border-left:1px solid var(--nf-line);font-size:var(--nf-text-label);font-weight:600;white-space:nowrap;clip-path:inset(0)}
+.nf-g-major-label{position:sticky;display:inline-block}
+.nf-g-minor{position:absolute;top:calc(var(--nf-text-label) * 30 / 12);padding-left:4px;font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);color:var(--nf-muted);white-space:nowrap}
+.nf-g-today-tag{position:absolute;top:calc(var(--nf-text-label) * 30 / 12);transform:translateX(-50%);padding:2px 6px;border-radius:5px;background:var(--nf-accent-solid,var(--nf-accent));color:var(--nf-accent-text);font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);font-weight:500;white-space:nowrap;z-index:1}
+.nf-g-body{position:relative}
+.nf-g-layer{position:absolute;top:0;pointer-events:none}
+.nf-g-vline{position:absolute;top:0;bottom:0;width:1px;background:var(--nf-line-soft)}
+.nf-g-weekend{position:absolute;top:0;bottom:0;background:var(--nf-surface-alt);opacity:.6}
+.nf-g-band{position:absolute;left:0;right:0;height:var(--nf-row);background:var(--nf-selected)}
+.nf-g-today{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--nf-accent)}
+.nf-g-row{position:absolute;left:0;display:flex;height:var(--nf-row);cursor:default}
+.nf-g-addwrap{position:absolute;left:0;height:var(--nf-row)}
+.nf-g-settled .nf-g-bar,.nf-g-settled .nf-g-phase,.nf-g-settled .nf-g-ms{animation:none}
+.nf-g-row[data-dim] .nf-g-lane>*,.nf-g-row[data-dim] .nf-g-name{opacity:${HOST_DIM}}
+.nf-g-cell{position:sticky;left:0;z-index:3;flex:none;display:grid;align-items:center;padding:0 16px;background:var(--nf-surface);border-right:1px solid var(--nf-line);border-bottom:1px solid var(--nf-line-soft)}
+.nf-g-row[aria-selected="true"] .nf-g-cell{background:var(--nf-selected)}
+.nf-g-name{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
+.nf-g-name span{overflow:hidden;text-overflow:ellipsis}
+.nf-g-row[data-kind="phase"] .nf-g-name{font-weight:600}
+.nf-g-chev{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-inline-start:-4px;border:0;border-radius:5px;background:none;color:var(--nf-ink);cursor:pointer;padding:0}
+.nf-g-chev:hover{background:var(--nf-line-soft)}
+.nf-g-chev svg{transition:transform ${motion.fast} ${motion.ease}}
+.nf-g-chev[aria-expanded="false"] svg{transform:rotate(-90deg)}
+.nf-g-dot{flex:none;width:8px;height:8px;border-radius:2px;background:var(--nf-milestone);transform:rotate(45deg)}
+.nf-gantt[data-hc] .nf-g-avatar{background:var(--nf-surface);color:var(--nf-ink);box-shadow:inset 0 0 0 1px var(--nf-ink)}
+.nf-g-avatar{justify-self:end;width:calc(var(--nf-text-caption) * 26 / 11);height:calc(var(--nf-text-caption) * 26 / 11);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--nf-text-caption);font-weight:600;background:var(--nf-accent-tint);color:var(--nf-ink)}
+.nf-g-num{text-align:end;font-family:var(--nf-mono-font);font-size:var(--nf-text-value);color:var(--nf-muted)}
+.nf-g-lane{position:relative;flex:none;border-bottom:1px solid var(--nf-line-soft);user-select:none}
+.nf-g-bar{position:absolute;top:calc((var(--nf-row) - 20px) / 2);height:20px;border-radius:6px;background:var(--nf-accent-tint);overflow:hidden;transform-origin:left center;animation:nf-g-grow ${motion.base} ${motion.ease} both;cursor:pointer}
+.nf-g-bar::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--nf-accent);pointer-events:none}
+.nf-g-fill{height:100%;background:var(--nf-accent)}
+.nf-g-row[aria-selected="true"] .nf-g-bar{box-shadow:0 0 0 2px var(--nf-surface),0 0 0 4px var(--nf-accent)}
+.nf-g-phase{position:absolute;top:calc((var(--nf-row) - 8px) / 2);height:8px;border-radius:2px;background:var(--nf-phase);transform-origin:left center;animation:nf-g-grow ${motion.base} ${motion.ease} both}
+.nf-g-ms{position:absolute;top:calc((var(--nf-row) - 14px) / 2);width:14px;height:14px;margin-left:-7px;border-radius:3px;background:var(--nf-milestone);border:1.5px solid var(--nf-milestone-edge,color-mix(in srgb,var(--nf-milestone) 55%,var(--nf-ink)));box-sizing:border-box;transform:rotate(45deg);animation:nf-g-pop ${motion.base} ${motion.ease} both;cursor:pointer}
+.nf-g-base{position:absolute;top:calc((var(--nf-row) - 20px) / 2 + 22px);height:3px;border-radius:2px;background:var(--nf-baseline)}
+.nf-g-deps{z-index:2;pointer-events:none;overflow:visible}
+.nf-g-deps path{fill:none;stroke:var(--nf-muted);stroke-width:1.4;opacity:.75}
+.nf-g-deps path.nf-g-arrow{fill:var(--nf-muted);stroke:none}
+.nf-g-deps .is-broken path{stroke:var(--nf-negative);opacity:1}
+.nf-g-deps .is-broken path.nf-g-arrow{fill:var(--nf-negative);stroke:none}
+.nf-g-deps .is-selected path{stroke:var(--nf-accent);stroke-width:2.4;opacity:1}
+.nf-g-deps .is-selected path.nf-g-arrow{fill:var(--nf-accent);stroke:none}
+.nf-g-deps path.nf-g-hit{stroke:transparent;stroke-width:10;opacity:1;pointer-events:stroke;cursor:pointer}
+.nf-g-deps path.nf-g-linkline{stroke:var(--nf-accent);stroke-width:2;stroke-dasharray:4 3;opacity:1}
+.nf-g-bar[data-editable]{cursor:grab}
+.nf-g-ms[data-editable]{cursor:grab}
+.nf-g-bar[data-locked],.nf-g-ms[data-locked]{cursor:not-allowed}
+.nf-g-dragging,.nf-g-dragging *{cursor:grabbing!important;user-select:none}
+.nf-g-h{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;touch-action:none}
+.nf-g-h-l{left:0}
+.nf-g-h-r{right:0}
+.nf-g-knob{position:absolute;top:2px;bottom:2px;width:8px;border-radius:4px;background:var(--nf-surface);box-shadow:0 0 0 1.5px var(--nf-accent);cursor:ew-resize;opacity:0;transition:opacity ${motion.fast} ${motion.ease};touch-action:none}
+.nf-g-row:hover .nf-g-knob,.nf-g-row[aria-selected="true"] .nf-g-knob{opacity:1}
+.nf-g-bar,.nf-g-ms,.nf-g-linkdot{touch-action:none}
+.nf-g-linkdot{position:absolute;top:calc((var(--nf-row) - 10px) / 2);width:10px;height:10px;border-radius:5px;background:var(--nf-surface);box-shadow:0 0 0 2px var(--nf-accent);cursor:crosshair;opacity:0;transition:opacity ${motion.fast} ${motion.ease};z-index:1}
+.nf-g-row:hover .nf-g-linkdot,.nf-g-row[aria-selected="true"] .nf-g-linkdot{opacity:1}
+.nf-g-linktarget .nf-g-bar,.nf-g-linktarget .nf-g-ms{box-shadow:0 0 0 2px var(--nf-surface),0 0 0 4px var(--nf-accent)}
+.nf-g-linksource .nf-g-bar{box-shadow:0 0 0 2px var(--nf-surface),0 0 0 4px var(--nf-milestone)}
+.nf-g-ghost{position:absolute;top:calc((var(--nf-row) - 20px) / 2);height:20px;border-radius:6px;border:1.5px dashed var(--nf-muted);opacity:.6;pointer-events:none}
+.nf-g-draglabel{position:absolute;z-index:6;padding:4px 8px;border-radius:7px;background:var(--nf-tooltip-bg);color:var(--nf-tooltip-ink);font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);white-space:nowrap;pointer-events:none}
+.nf-g-rowadd{flex:none;margin-left:auto;width:22px;height:22px;border:0;border-radius:6px;background:none;color:var(--nf-muted);font:inherit;font-size:var(--nf-text-title);line-height:1;cursor:pointer;opacity:0;transition:opacity ${motion.fast} ${motion.ease}}
+.nf-g-row:hover .nf-g-rowadd,.nf-g-row[aria-selected="true"] .nf-g-rowadd{opacity:1}
+.nf-g-rowadd:hover{background:var(--nf-line-soft);color:var(--nf-ink)}
+.nf-g-addrow{position:sticky;left:0;z-index:3;height:var(--nf-row);display:flex;align-items:center;padding:0 10px;background:var(--nf-surface);border-right:1px solid var(--nf-line)}
+.nf-g-addbtn{font:inherit;font-size:var(--nf-text-body);color:var(--nf-muted);background:none;border:0;padding:6px 8px;border-radius:7px;cursor:pointer}
+.nf-g-addbtn:hover{background:var(--nf-line-soft);color:var(--nf-ink)}
+.nf-g-addbtn:focus-visible,.nf-g-rowadd:focus-visible,.nf-g-menu button:focus-visible,.nf-g-toast button:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-g-menu{position:absolute;z-index:9;min-width:200px;padding:4px;border-radius:10px;background:var(--nf-surface);border:1px solid var(--nf-line);box-shadow:0 12px 28px rgba(14,17,22,.18);display:flex;flex-direction:column;animation:nf-g-fade ${motion.fast} ${motion.ease} both}
+.nf-g-menu button{display:flex;justify-content:space-between;gap:16px;font:inherit;font-size:var(--nf-text-body);text-align:left;color:var(--nf-ink);background:none;border:0;padding:8px 10px;border-radius:7px;cursor:pointer}
+.nf-g-menu button:hover{background:var(--nf-line-soft)}
+.nf-g-menu kbd{font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);color:var(--nf-muted)}
+.nf-g-confirm{position:absolute;z-index:8;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border-radius:10px;background:var(--nf-surface);border:1px solid var(--nf-line);box-shadow:0 12px 28px rgba(14,17,22,.18);font-size:var(--nf-text-body);white-space:nowrap;animation:nf-g-fade ${motion.fast} ${motion.ease} both}
+.nf-g-primary{background:var(--nf-accent-solid,var(--nf-accent));border-color:var(--nf-accent-solid,var(--nf-accent));color:var(--nf-accent-text)}
+.nf-g-primary:hover{background:var(--nf-accent);opacity:.9}
+.nf-g-toasts{position:absolute;left:12px;bottom:12px;z-index:9;display:flex;flex-direction:column;gap:8px;max-width:min(440px,calc(100% - 200px))}
+.nf-g-toast{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:10px;background:var(--nf-tooltip-bg);color:var(--nf-tooltip-ink);box-shadow:0 8px 24px rgba(14,17,22,.24);font-size:var(--nf-text-body);animation:nf-g-fade ${motion.fast} ${motion.ease} both}
+.nf-g-toast[data-tone="error"]{background:var(--nf-negative);color:#fff}
+.nf-g-toast-text{flex:1;min-width:0}
+.nf-g-toast-btn{font:inherit;font-size:var(--nf-text-body);font-weight:600;color:inherit;background:rgba(255,255,255,.14);border:0;padding:5px 10px;border-radius:7px;cursor:pointer}
+.nf-g-toast-x{font:inherit;font-size:var(--nf-text-title);line-height:1;color:inherit;opacity:.7;background:none;border:0;padding:4px 6px;border-radius:6px;cursor:pointer}
+.nf-g-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
+
+.nf-g-tip{position:absolute;z-index:6;width:var(--nf-tip-w,264px);padding:12px 14px;border-radius:12px;background:var(--nf-tooltip-bg);color:var(--nf-tooltip-ink);box-shadow:0 12px 28px rgba(14,17,22,.24);display:flex;flex-direction:column;gap:6px;pointer-events:none;animation:nf-g-fade ${motion.fast} ${motion.ease} both}
+.nf-g-tip b{font-size:var(--nf-text-body);font-weight:600}
+.nf-g-tip .nf-g-meta{font-family:var(--nf-mono-font);font-size:var(--nf-text-value);opacity:.75}
+.nf-g-tip .nf-g-warn{display:flex;align-items:center;gap:6px;font-size:var(--nf-text-callout);color:var(--nf-tip-warn,var(--nf-milestone))}
+.nf-g-tip .nf-g-warn::before{content:"";width:6px;height:6px;border-radius:3px;background:currentColor}
+.nf-g-tip .nf-g-warn[data-tone="danger"]{color:var(--nf-tip-danger,var(--nf-negative))}
+.nf-g-empty{padding:48px 16px;text-align:center;color:var(--nf-muted)}.nf-g-emptyaction{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;color:var(--nf-muted);font-size:var(--nf-text-body)}.nf-g-emptyaction small{font-size:var(--nf-text-callout);max-width:360px}.nf-g-emptyaction [role="alert"]{color:var(--nf-negative,#D93F2B)}
+.nf-g-mark{position:absolute;right:12px;bottom:12px;z-index:7;display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 6px;border-radius:8px;background:var(--nf-surface);border:1px solid var(--nf-line);box-shadow:0 2px 8px rgba(14,17,22,.08);font-size:var(--nf-text-caption);color:var(--nf-muted);text-decoration:none;font-family:inherit;cursor:pointer}
+.nf-g-mark:hover{color:var(--nf-ink)}
+.nf-g-renew{position:absolute;right:12px;bottom:12px;z-index:7;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:var(--nf-surface);border:1px solid var(--nf-line);box-shadow:0 2px 8px rgba(14,17,22,.08);font-size:var(--nf-text-caption);color:var(--nf-muted);text-decoration:none}
+.nf-g-renew:hover{color:var(--nf-ink)}
+.nf-g-locknote{position:absolute;left:12px;bottom:12px;z-index:7;margin:0;max-width:calc(100% - 220px);padding:5px 9px;border-radius:8px;background:var(--nf-surface);border:1px solid var(--nf-line);font-size:var(--nf-text-caption);color:var(--nf-muted)}
+.nf-g-key{margin-inline-start:6px;vertical-align:-1px;opacity:.7}
+.nf-g-loading{position:absolute;left:0;right:0;z-index:3;pointer-events:none}
+.nf-g-renew:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-g-renew::before{content:"";width:6px;height:6px;border-radius:3px;background:var(--nf-milestone)}
+@keyframes nf-g-grow{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
+@keyframes nf-g-pop{from{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}
+@keyframes nf-g-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
+@media (prefers-reduced-motion: reduce){.nf-gantt *{animation:none!important;transition:none!important}}
+.nf-gantt[data-static] *{animation:none!important;transition:none!important}
+.nf-g-switch:focus-visible,.nf-g-mark:focus-visible,.nf-g-primary:focus-visible,.nf-g-divider:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-gantt[data-rtl] .nf-g-chev[aria-expanded="false"] svg{transform:rotate(90deg)}
+@media (forced-colors: active){
+.nf-gantt{border-color:CanvasText}
+.nf-g-bar,.nf-g-ms,.nf-g-phase,.nf-g-fill,.nf-g-base,.nf-g-today,.nf-g-today-tag,.nf-g-knob,.nf-g-linkdot,.nf-g-switch-track,.nf-g-switch-track::after,.nf-g-avatar,.nf-g-dot,.nf-g-ghost,.nf-g-band,.nf-g-weekend{forced-color-adjust:none}
+.nf-g-bar{background:Canvas;border:1px solid CanvasText}
+.nf-g-bar::after{display:none}
+.nf-g-ms{border-color:CanvasText}
+.nf-g-fill{background:Highlight}
+.nf-g-phase,.nf-g-ms,.nf-g-base{background:CanvasText}
+.nf-g-today{background:Highlight}
+.nf-g-today-tag{background:Highlight;color:HighlightText}
+.nf-g-knob,.nf-g-linkdot{background:Canvas;border-color:CanvasText}
+.nf-g-avatar,.nf-g-dot{background:Canvas;color:CanvasText;border:1px solid CanvasText}
+.nf-g-ghost{background:transparent;border:1px dashed CanvasText}
+.nf-g-band{background:transparent}
+.nf-g-weekend{background:transparent}
+.nf-g-switch-track{background:Canvas;border:1px solid CanvasText}
+.nf-g-switch-track::after{background:CanvasText}
+.nf-g-switch[aria-pressed="true"] .nf-g-switch-track{background:Highlight}
+.nf-g-row[aria-selected="true"] .nf-g-cell{outline:2px solid Highlight;outline-offset:-2px}
+.nf-g-row[aria-selected="true"] .nf-g-bar,.nf-g-linktarget .nf-g-bar,.nf-g-linktarget .nf-g-ms,.nf-g-linksource .nf-g-bar{box-shadow:none;outline:2px solid Highlight;outline-offset:2px}
+.nf-g-deps path{stroke:CanvasText}
+.nf-g-deps path.nf-g-arrow{fill:CanvasText}
+.nf-g-deps .is-broken path{stroke:CanvasText;stroke-dasharray:4 3}
+.nf-g-deps .is-broken path.nf-g-arrow{fill:CanvasText;stroke:none}
+.nf-g-deps .is-selected path{stroke:Highlight}
+.nf-g-deps .is-selected path.nf-g-arrow{fill:Highlight}
+.nf-g-deps path.nf-g-hit{stroke:transparent}
+.nf-gantt :focus-visible{outline:2px solid Highlight}
+.nf-g-tip,.nf-g-toast,.nf-g-menu,.nf-g-confirm,.nf-g-draglabel,.nf-g-renew{border:1px solid CanvasText}
+.nf-g-seg .nf-g-btn[aria-pressed="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText}
+}
+`;
+
+// src/exportPng.ts
+var MAX_CANVAS_SIDE = 16e3;
+var MAX_CANVAS_AREA = 12e7;
+var TITLE_H = 44;
+function pngLayout(rowCount, gridWidth, timelineWidth, preferredRatio = 2) {
+  const width = Math.ceil(gridWidth + timelineWidth);
+  const height = TITLE_H + HEADER_H + Math.max(1, rowCount) * ROW_H;
+  const ratio2 = Math.min(preferredRatio, MAX_CANVAS_SIDE / width, MAX_CANVAS_SIDE / height, Math.sqrt(MAX_CANVAS_AREA / (width * height)));
+  return ratio2 >= 0.5 ? { width, height, ratio: ratio2 } : null;
+}
+function pngFileName(title, isoDay) {
+  return exportFileName(title, isoDay);
+}
+function solid(ctx, color, fallback) {
+  ctx.fillStyle = fallback;
+  ctx.fillStyle = color;
+  return String(ctx.fillStyle);
+}
+function drawChart(ctx, layout, o) {
+  const c = (k, fb = "#888") => solid(ctx, o.theme[k], fb);
+  const T = {
+    surface: c("surface", "#fff"),
+    ink: c("ink", "#111"),
+    muted: c("muted", "#666"),
+    line: c("line", "#ddd"),
+    lineSoft: c("lineSoft", "#eee"),
+    accent: c("accent", "#2E54FF"),
+    phase: c("phase", "#111"),
+    milestone: c("milestone", "#d90"),
+    baseline: c("baseline", "#bbb"),
+    negative: c("negative", "#d33")
+  };
+  const font2 = 'Geist, system-ui, -apple-system, "Segoe UI", sans-serif';
+  const mono = '"Geist Mono", ui-monospace, monospace';
+  const { width, height, ratio: ratio2 } = layout;
+  const { scale, gridWidth } = o;
+  ctx.save();
+  ctx.scale(ratio2, ratio2);
+  ctx.fillStyle = T.surface;
+  ctx.fillRect(0, 0, width, height);
+  ctx.textBaseline = "middle";
+  ctx.fillStyle = T.ink;
+  ctx.font = `600 16px ${font2}`;
+  ctx.fillText(o.title, 16, TITLE_H / 2);
+  line(ctx, 0, TITLE_H - 0.5, width, TITLE_H - 0.5, T.line);
+  const top = TITLE_H;
+  ctx.font = `500 11px ${mono}`;
+  ctx.fillStyle = T.muted;
+  ctx.fillText("TASK", 16, top + HEADER_H - 16);
+  for (const tk of scale.major) {
+    ctx.fillStyle = T.ink;
+    ctx.font = `500 12px ${font2}`;
+    ctx.fillText(tk.label, gridWidth + tk.x + 8, top + 16);
+    line(ctx, gridWidth + tk.x + 0.5, top, gridWidth + tk.x + 0.5, height, T.line);
+  }
+  ctx.font = `11px ${mono}`;
+  ctx.fillStyle = T.muted;
+  for (const tk of scale.minor) {
+    if (tk.width >= 24) ctx.fillText(tk.label, gridWidth + tk.x + 4, top + HEADER_H - 14);
+  }
+  line(ctx, 0, top + HEADER_H - 0.5, width, top + HEADER_H - 0.5, T.line);
+  line(ctx, gridWidth - 0.5, top, gridWidth - 0.5, height, T.line);
+  const body = top + HEADER_H;
+  ctx.fillStyle = T.lineSoft;
+  for (const w of scale.weekends) ctx.fillRect(gridWidth + w.x, body, w.width, height - body);
+  const tint = (alpha) => {
+    ctx.globalAlpha = alpha;
+  };
+  for (const r of o.rows) {
+    const y = body + r.index * ROW_H;
+    line(ctx, 0, y + ROW_H - 0.5, width, y + ROW_H - 0.5, T.lineSoft);
+    ctx.save();
+    ctx.beginPath();
+    ctx.rect(0, y, gridWidth - 8, ROW_H);
+    ctx.clip();
+    ctx.fillStyle = T.ink;
+    ctx.font = `${r.kind === "phase" ? 600 : 400} 13px ${font2}`;
+    ctx.fillText(r.task.name, 16 + r.depth * 18 + (r.hasChildren || r.depth > 0 ? 18 : 0), y + ROW_H / 2);
+    ctx.restore();
+    ctx.save();
+    ctx.translate(gridWidth, y);
+    if (o.showBaseline && !Number.isNaN(r.baselineStart) && !Number.isNaN(r.baselineEnd)) {
+      const g = barGeometry(r.baselineStart, r.baselineEnd, scale);
+      if (g) roundRect(ctx, g.left, 32, g.width, 3, 1.5, T.baseline);
+    }
+    if (r.kind === "milestone") {
+      if (!Number.isNaN(r.start)) {
+        const cx = scale.x(r.start) + scale.dayWidth / 2;
+        ctx.save();
+        ctx.translate(cx, ROW_H / 2);
+        ctx.rotate(Math.PI / 4);
+        roundRect(ctx, -7, -7, 14, 14, 3, T.milestone);
+        ctx.restore();
+      }
+    } else {
+      const g = barGeometry(r.start, r.end, scale);
+      if (g && r.kind === "phase") roundRect(ctx, g.left, 16, g.width, 8, 2, T.phase);
+      else if (g) {
+        tint(0.22);
+        roundRect(ctx, g.left, 10, g.width, 20, 6, T.accent);
+        tint(1);
+        if (r.progress > 0) {
+          ctx.save();
+          ctx.beginPath();
+          ctx.rect(g.left, 10, g.width * r.progress / 100, 20);
+          ctx.clip();
+          roundRect(ctx, g.left, 10, g.width, 20, 6, T.accent);
+          ctx.restore();
+        }
+      }
+    }
+    ctx.restore();
+  }
+  if (typeof Path2D !== "undefined") {
+    ctx.save();
+    ctx.translate(gridWidth, body);
+    ctx.lineWidth = 1.5;
+    for (const l of dependencyLinks(o.rows, scale)) {
+      const bad = o.broken.has(l.key);
+      ctx.strokeStyle = bad ? T.negative : T.muted;
+      ctx.fillStyle = bad ? T.negative : T.muted;
+      ctx.stroke(new Path2D(l.d));
+      ctx.fill(new Path2D(l.arrow));
+    }
+    ctx.restore();
+  }
+  if (!Number.isNaN(o.today) && o.today >= scale.startDay && o.today < scale.endDay) {
+    const x = gridWidth + scale.x(o.today);
+    ctx.fillStyle = T.accent;
+    ctx.fillRect(x - 1, top, 2, height - top);
+    ctx.font = `500 10px ${mono}`;
+    const label = formatShort(o.today);
+    const w = ctx.measureText(label).width + 12;
+    roundRect(ctx, x - w / 2, top + HEADER_H - 22, w, 16, 5, solid(ctx, accentForText(T.accent).background, T.accent));
+    ctx.fillStyle = solid(ctx, o.theme.accentText, "#fff");
+    ctx.fillText(label, x - w / 2 + 6, top + HEADER_H - 14);
+  }
+  ctx.restore();
+}
+function line(ctx, x1, y1, x2, y2, color) {
+  ctx.strokeStyle = color;
+  ctx.lineWidth = 1;
+  ctx.beginPath();
+  ctx.moveTo(x1, y1);
+  ctx.lineTo(x2, y2);
+  ctx.stroke();
+}
+function roundRect(ctx, x, y, w, h, r, color) {
+  const rr = Math.min(r, w / 2, h / 2);
+  ctx.fillStyle = color;
+  ctx.beginPath();
+  ctx.moveTo(x + rr, y);
+  ctx.arcTo(x + w, y, x + w, y + h, rr);
+  ctx.arcTo(x + w, y + h, x, y + h, rr);
+  ctx.arcTo(x, y + h, x, y, rr);
+  ctx.arcTo(x, y, x + w, y, rr);
+  ctx.closePath();
+  ctx.fill();
+}
+function exportPng(o, fileName, doc = document) {
+  const layout = pngLayout(o.rows.length, o.gridWidth, o.scale.width);
+  if (!layout) return false;
+  const canvas = doc.createElement("canvas");
+  canvas.width = Math.round(layout.width * layout.ratio);
+  canvas.height = Math.round(layout.height * layout.ratio);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return false;
+  drawChart(ctx, layout, o);
+  canvas.toBlob((blob) => {
+    if (!blob) return;
+    const url = URL.createObjectURL(blob);
+    const a = doc.createElement("a");
+    a.href = url;
+    a.download = fileName;
+    a.style.display = "none";
+    doc.body.appendChild(a);
+    a.click();
+    a.remove();
+    setTimeout(() => URL.revokeObjectURL(url), 1e4);
+  }, "image/png");
+  return true;
+}
+
+// src/print.ts
+var PRINT_TIMELINE_W = 560;
+var PRINT_ROW_H = 26;
+function printAxis(rows, width, today2 = NaN) {
+  const range = rowsRange(rows);
+  if (!range) return null;
+  let from = range.from;
+  let to = range.to;
+  if (!Number.isNaN(today2) && today2 >= from - 14 && today2 <= to + 14) {
+    from = Math.min(from, today2);
+    to = Math.max(to, today2);
+  }
+  const short = to - from < 70;
+  from = short ? startOfWeek(from) : startOfMonth(from);
+  const end = short ? startOfWeek(to) + 7 : addMonths(startOfMonth(to), 1);
+  const per = width / (end - from);
+  const x = (d) => Math.round((d - from) * per * 10) / 10;
+  const ticks = [];
+  for (let d = from; d < end; d = short ? d + 7 : addMonths(d, 1)) {
+    const p = parts(d);
+    ticks.push({ x: x(d), label: short ? formatShort(d) : p.month === 0 || ticks.length === 0 ? `${MONTHS[p.month]} ${p.year}` : MONTHS[p.month] });
+  }
+  return { from, to: end, x, ticks };
+}
+function barSvg(r, axis, w, o) {
+  const t = o.theme;
+  const h = PRINT_ROW_H;
+  const parts2 = [];
+  for (const tk of axis.ticks) parts2.push(`<line x1="${tk.x}" x2="${tk.x}" y1="0" y2="${h}" stroke="${t.lineSoft}"/>`);
+  if (!Number.isNaN(o.today) && o.today >= axis.from && o.today < axis.to) {
+    const tx = axis.x(o.today) + 0.5;
+    parts2.push(`<line x1="${tx}" x2="${tx}" y1="0" y2="${h}" stroke="${t.accent}" stroke-width="1.5"/>`);
+  }
+  if (o.showBaseline && !Number.isNaN(r.baselineStart) && !Number.isNaN(r.baselineEnd)) {
+    const bx = axis.x(r.baselineStart);
+    parts2.push(`<rect x="${bx}" y="${h - 5}" width="${Math.max(2, axis.x(r.baselineEnd + 1) - bx)}" height="2" rx="1" fill="${t.baseline}"/>`);
+  }
+  if (!Number.isNaN(r.start)) {
+    const x = axis.x(r.start);
+    const bw = Math.max(2, axis.x(r.end + 1) - x);
+    if (r.kind === "milestone") {
+      const cx = axis.x(r.start) + (axis.x(r.start + 1) - axis.x(r.start)) / 2;
+      parts2.push(`<rect x="${cx - 5}" y="${h / 2 - 5}" width="10" height="10" rx="2" fill="${t.milestone}" transform="rotate(45 ${cx} ${h / 2})"/>`);
+    } else if (r.kind === "phase") {
+      parts2.push(`<rect x="${x}" y="${h / 2 - 3}" width="${bw}" height="6" rx="2" fill="${t.phase}"/>`);
+    } else {
+      parts2.push(`<rect x="${x}" y="${h / 2 - 7}" width="${bw}" height="14" rx="4" fill="${t.accent}" fill-opacity=".22"/>`);
+      if (r.progress > 0)
+        parts2.push(`<rect x="${x}" y="${h / 2 - 7}" width="${Math.round(bw * r.progress / 10) / 10}" height="14" rx="4" fill="${t.accent}"/>`);
+    }
+  }
+  return `<svg width="${w}" height="${h}" viewBox="0 0 ${w} ${h}" aria-hidden="true">${parts2.join("")}</svg>`;
+}
+function printHtml(o) {
+  const t = o.theme;
+  const w = o.timelineWidth ?? PRINT_TIMELINE_W;
+  const axis = printAxis(o.rows, w, o.today);
+  const e = escapeHtml;
+  const head = axis ? `<svg width="${w}" height="22" viewBox="0 0 ${w} 22" aria-hidden="true">${axis.ticks.map((tk) => `<line x1="${tk.x}" x2="${tk.x}" y1="0" y2="22" stroke="${t.line}"/><text x="${tk.x + 4}" y="15">${e(tk.label)}</text>`).join("")}</svg>` : "";
+  const body = o.rows.map((r) => {
+    const isMs = r.kind === "milestone";
+    const dates = Number.isNaN(r.start) ? "" : isMs ? formatShort(r.start) : `${formatShort(r.start)} \u2013 ${formatShort(r.end)}`;
+    const dur = Number.isNaN(r.start) || isMs ? "" : durationLabel(r.start, r.end, o.week).replace(" working", "").replace(/ days?$/, "d");
+    return `<tr class="${r.kind}"><td class="name" style="padding-left:${8 + r.depth * 14}px">${e(r.task.name)}</td><td>${e(
+      r.task.owner?.name ?? ""
+    )}</td><td class="num">${dates}</td><td class="num">${dur}</td><td class="num">${isMs ? "" : `${r.progress}%`}</td><td class="tl">${axis ? barSvg(r, axis, w, o) : ""}</td></tr>`;
+  }).join("");
+  const legend = [
+    `<span><i style="border-radius:3px"><u style="background:${t.accent}"></u><b style="background:${t.accent}"></b></i>Task (dark part done)</span>`,
+    `<span><i style="background:${t.phase};height:5px"></i>Phase</span>`,
+    `<span><i style="background:${t.milestone};width:9px;height:9px;transform:rotate(45deg);border-radius:2px"></i>Milestone</span>`,
+    Number.isNaN(o.today) ? "" : `<span><i style="background:${t.accent};width:2px;height:12px"></i>Today</span>`,
+    o.showBaseline ? `<span><i style="background:${t.baseline};height:2px"></i>Baseline</span>` : ""
+  ].join("");
+  const unit = o.week === "mon-fri" ? "Working days" : "Days";
+  return `<!doctype html><html><head><meta charset="utf-8"><title>${e(o.title)}</title><style>
+@page{size:landscape;margin:10mm}
+*{box-sizing:border-box}
+html,body{margin:0;background:#fff;color:${t.ink};font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
+header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}
+h1{font-size:16px;margin:0;letter-spacing:-0.01em}
+.meta{color:${t.muted};font-size:10px}
+.legend{display:flex;flex-wrap:wrap;gap:14px;margin-left:auto;color:${t.muted}}
+.legend span{display:inline-flex;align-items:center;gap:6px}
+.legend i{display:inline-block;position:relative;width:22px;height:9px;overflow:hidden}
+.legend u{position:absolute;inset:0;opacity:.22}
+.legend b{position:absolute;inset:0 50% 0 0}
+table{width:100%;border-collapse:collapse;table-layout:fixed}
+thead{display:table-header-group}
+tr{page-break-inside:avoid;break-inside:avoid}
+th{font-family:"Geist Mono",ui-monospace,monospace;font-weight:500;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:${t.muted};text-align:left;padding:0 6px 4px;border-bottom:1px solid ${t.line};vertical-align:bottom}
+th.tl{padding:0}
+th.tl text{font-family:inherit;font-size:8.5px;fill:${t.muted}}
+td{height:${PRINT_ROW_H}px;padding:0 6px;border-bottom:1px solid ${t.lineSoft};white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
+td.tl{padding:0;width:${w}px}
+td.tl svg{display:block}
+.num{text-align:right;font-variant-numeric:tabular-nums}
+th.num{text-align:right}
+tr.phase td.name{font-weight:600}
+footer{margin-top:8px;color:${t.muted}}
+</style></head><body>
+<header><h1>${e(o.title)}</h1><span class="meta">Printed on ${formatLong(o.printedOn)} \xB7 ${o.rows.length} ${o.rows.length === 1 ? "row" : "rows"}</span><div class="legend">${legend}</div></header>
+<table><colgroup><col><col style="width:90px"><col style="width:124px"><col style="width:48px"><col style="width:44px"><col style="width:${w}px"></colgroup>
+<thead><tr><th>Task</th><th>Owner</th><th class="num">Dates</th><th class="num" title="${unit}">${o.week === "mon-fri" ? "Wkdays" : "Days"}</th><th class="num">Done</th><th class="tl">${head}</th></tr></thead>
+<tbody>${body}</tbody></table>
+</body></html>`;
+}
+
+// src/useEditing.ts
+var SPEC = {
+  ...GANTT_FIELDS,
+  describe: (change, nameOf) => describeChange(change, nameOf),
+  noun: "task"
+};
+function useEditing2(tasks, onTaskChange, lock = {}) {
+  return useEditing(tasks, onTaskChange, { ...SPEC, ...lock });
+}
+
+// src/useLicense.ts
+import { useEffect as useEffect2, useState as useState3 } from "react";
+function licenseOptions(opts) {
+  return { product: opts.product, tenantId: opts.tenantId, host: browserHost() };
+}
+function useLicense(key, opts) {
+  const [result, setResult] = useState3(null);
+  const { product, tenantId } = opts;
+  useEffect2(() => {
+    let live = true;
+    Promise.resolve(key).catch(() => void 0).then((k) => verifyLicenses(k, licenseOptions({ product, tenantId }))).then((r) => {
+      if (live) setResult(r);
+    });
+    return () => {
+      live = false;
+    };
+  }, [key, product, tenantId]);
+  return result;
+}
+
+// src/Gantt.tsx
+var ZOOM_LABEL = { week: "Week", month: "Month", quarter: "Quarter" };
+var TIP_W = 264;
+var TIP_BASE_H = 42;
+var TIP_LINE_H = 22;
+var DRAG_THRESHOLD = 4;
+var MIN_HANDLE_BAR = 24;
+var CONFIRM_W = 440;
+var MAX_GRID_WIDTH = 900;
+var NARROW_WIDTH = 600;
+var NARROW_SHARE = 0.42;
+var DIVIDER_STEP = 24;
+var EDIT_CLICK_DELAY = 280;
+var INITIAL_ROWS = 60;
+var SETTLE_MS = 900;
+var COLUMN_FULL_LABEL = {
+  owner: "Owner",
+  progress: "% done",
+  start: "Start date",
+  end: "End date",
+  duration: "Duration"
+};
+function initials(name) {
+  return name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("");
+}
+function resolveTheme(theme, accent, colors) {
+  const base = theme === "dark" ? darkTheme : lightTheme;
+  const overrides = { ...typeof theme === "object" ? theme : {}, ...hostColors(colors) };
+  const ownText = overrides.accentText;
+  if (accent && !colors?.progress) {
+    overrides.accent = accent;
+    overrides.focus = overrides.focus ?? accent;
+    const surface = overrides.surface ?? base.surface;
+    const dark = theme === "dark";
+    overrides.accentTint = overrides.accentTint ?? `color-mix(in srgb, ${accent} ${dark ? 32 : 20}%, ${surface})`;
+    overrides.selected = overrides.selected ?? `color-mix(in srgb, ${accent} ${dark ? 14 : 6}%, ${surface})`;
+  }
+  const finalAccent = overrides.accent ?? base.accent;
+  const pair = ownText ? { background: finalAccent, text: ownText } : accentForText(finalAccent);
+  overrides.accentText = pair.text;
+  const tipBg = overrides.tooltipBg ?? base.tooltipBg;
+  return {
+    ...themeVars(overrides, base),
+    "--nf-accent-solid": pair.background,
+    "--nf-tip-warn": visibleOn(overrides.milestone ?? base.milestone, tipBg, 4.5),
+    "--nf-tip-danger": visibleOn(overrides.negative ?? base.negative, tipBg, 4.5)
+  };
+}
+function hostColors(c) {
+  if (!c) return {};
+  const o = {};
+  if (c.bar) o.accentTint = c.bar;
+  if (c.progress) o.accent = o.focus = c.progress;
+  if (c.phase) o.phase = c.phase;
+  if (c.milestone) o.milestone = c.milestone;
+  if (c.background) o.surface = o.surfaceAlt = o.selected = o.lineSoft = o.tooltipInk = c.background;
+  if (c.foreground) o.ink = o.muted = o.line = o.baseline = o.tooltipBg = c.foreground;
+  if (c.foreground) o.negative = c.milestone ?? c.foreground;
+  return o;
+}
+function palette(theme, accent, forceLight) {
+  const base = theme === "dark" && !forceLight ? darkTheme : lightTheme;
+  const own = typeof theme === "object" && !forceLight ? theme : {};
+  return { ...base, ...own, ...accent ? { accent, accentText: own.accentText ?? accentForText(accent).text } : {} };
+}
+var KeyIcon = () => /* @__PURE__ */ React5.createElement("svg", { className: "nf-g-key", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true" }, /* @__PURE__ */ React5.createElement("circle", { cx: "4", cy: "6", r: "2.4", fill: "none", stroke: "currentColor", strokeWidth: "1.4" }), /* @__PURE__ */ React5.createElement("path", { d: "M6.4 6 H11 M9.2 6 V8 M10.6 6 V7.4", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" }));
+var Chevron = () => /* @__PURE__ */ React5.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true" }, /* @__PURE__ */ React5.createElement("path", { d: "M3 4.5 L6 7.5 L9 4.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }));
+function Tooltip({
+  row,
+  left,
+  top,
+  fmtDay,
+  fmtPct,
+  brokenFrom,
+  locked,
+  week,
+  rtl
+}) {
+  const t = row.task;
+  const isMs = row.kind === "milestone";
+  const slip = !Number.isNaN(row.baselineEnd) && !Number.isNaN(row.end) ? row.end - row.baselineEnd : 0;
+  return /* @__PURE__ */ React5.createElement("div", { className: "nf-g-tip", style: { left, top }, role: "tooltip", dir: rtl ? "rtl" : void 0 }, /* @__PURE__ */ React5.createElement("b", null, t.name), /* @__PURE__ */ React5.createElement("div", { className: "nf-g-meta" }, isMs ? fmtDay(row.start) : `${fmtDay(row.start)} \u2192 ${fmtDay(row.end)} \xB7 ${durationLabel(row.start, row.end, week)}`, !isMs ? ` \xB7 ${fmtPct(row.progress, "tooltip")} done` : ""), t.owner ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-meta" }, t.owner.name) : null, slip !== 0 ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-warn" }, Math.abs(slip), " ", Math.abs(slip) === 1 ? "day" : "days", " ", slip > 0 ? "behind" : "ahead of", " baseline") : null, brokenFrom.map((name) => /* @__PURE__ */ React5.createElement("div", { key: name, className: "nf-g-warn", "data-tone": "danger" }, "Starts before '", name, "' ends")), locked ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-meta" }, "Read-only") : null);
+}
+function Gantt(props) {
+  const {
+    tasks,
+    title = "Work plan",
+    showToolbar = true,
+    height = "100%",
+    gridWidth: initialGridWidthProp,
+    columns: columnsProp = {},
+    showFilter = true,
+    onOpen,
+    onTaskChange,
+    onAddTask,
+    singlePredecessor = false,
+    workingWeek = "mon-fri"
+  } = props;
+  const [columnOverride, setColumnOverride] = useState4({});
+  const [boxWidth, setBoxWidth] = useState4(0);
+  const gridTouched = useRef3(false);
+  const narrow = boxWidth > 0 && boxWidth < NARROW_WIDTH;
+  const allCols = visibleColumns({ ...columnsProp, ...columnOverride });
+  const cols = narrow ? allCols.filter((c) => columnOverride[c] === true) : allCols;
+  const [colWidths, setColWidths] = useState4(() => scaleColumns(COLUMN_WIDTH, clampTextScale(props.textScale ?? 1)));
+  const [gridWidthState, setGridWidthState] = useState4(() => initialGridWidthProp ?? Math.round(360 * clampTextScale(props.textScale ?? 1)));
+  const minGrid = Math.round(MIN_NAME_WIDTH * clampTextScale(props.textScale ?? 1)) + 32 + cols.reduce((s, c) => s + colWidths[c], 0);
+  const gridWidth = Math.max(narrow && !gridTouched.current ? Math.min(gridWidthState, Math.round(boxWidth * NARROW_SHARE)) : gridWidthState, minGrid);
+  const setGridWidth = (w) => {
+    const next2 = Math.round(Math.max(minGrid, Math.min(w, MAX_GRID_WIDTH)));
+    gridTouched.current = true;
+    setGridWidthState(next2);
+    props.onGridWidthChange?.(next2);
+  };
+  const toggleColumn = (c) => {
+    const adding = !cols.includes(c);
+    gridTouched.current = true;
+    const nextWidth = Math.min(MAX_GRID_WIDTH, gridWidth + (adding ? colWidths[c] : -colWidths[c]));
+    setGridWidthState(nextWidth);
+    props.onGridWidthChange?.(nextWidth);
+    const nextOverride = { ...columnOverride, [c]: adding };
+    setColumnOverride(nextOverride);
+    const now = visibleColumns({ ...columnsProp, ...nextOverride });
+    props.onColumnsChange?.(Object.fromEntries(COLUMN_ORDER.map((k) => [k, now.includes(k)])));
+  };
+  const [filter, setFilter] = useState4("");
+  const filtering = filter.trim() !== "";
+  const [toolMenu, setToolMenu] = useState4(null);
+  const colMenu = toolMenu === "columns";
+  const toolMenuRef = useRef3(null);
+  useEffect3(() => {
+    if (!toolMenu) return;
+    toolMenuRef.current?.querySelector("button")?.focus();
+    const close = (e) => {
+      if (e.target.closest?.(".nf-g-menuwrap")?.getAttribute("data-menu") !== toolMenu) setToolMenu(null);
+    };
+    document.addEventListener("pointerdown", close, true);
+    return () => document.removeEventListener("pointerdown", close, true);
+  }, [toolMenu]);
+  const menuKeys = (e) => {
+    const items = Array.from(toolMenuRef.current?.querySelectorAll("button") ?? []);
+    const at = items.indexOf(document.activeElement);
+    if (e.key === "Escape" || e.key === "Tab") {
+      setToolMenu(null);
+      if (e.key === "Tab") return;
+      toolMenuRef.current?.parentElement?.querySelector("[aria-haspopup]")?.focus();
+    } else if (e.key === "ArrowDown") items[(at + 1) % items.length]?.focus();
+    else if (e.key === "ArrowUp") items[(at - 1 + items.length) % items.length]?.focus();
+    else if (e.key === "Home") items[0]?.focus();
+    else if (e.key === "End") items[items.length - 1]?.focus();
+    else return;
+    e.preventDefault();
+  };
+  const uid = useState4(() => nextUid("nfg"))[0];
+  const textScale = clampTextScale(props.textScale ?? 1);
+  const rowH = scaleWithText(ROW_H, textScale);
+  const headerH = scaleWithText(HEADER_H, textScale);
+  const tipW = Math.round(TIP_W * textScale);
+  const rootRef = useRef3(null);
+  const [inheritedRtl, setInheritedRtl] = useState4(false);
+  useLayoutEffect(() => {
+    const parent = rootRef.current?.parentElement;
+    if (parent) setInheritedRtl(getComputedStyle(parent).direction === "rtl");
+  }, []);
+  const rtl = props.dir ? props.dir === "rtl" : inheritedRtl;
+  const scrollRef = useRef3(null);
+  const bodyRef = useRef3(null);
+  const [zoomState, setZoomState] = useState4(props.defaultZoom ?? "month");
+  const zoom = props.zoom ?? zoomState;
+  const setZoom = (z) => {
+    if (props.zoom === void 0) setZoomState(z);
+    props.onZoomChange?.(z);
+  };
+  const [selState, setSelState] = useState4(null);
+  const selectedId = props.selectedId !== void 0 ? props.selectedId : selState;
+  const select = (id, multi = false) => {
+    if (props.selectedId === void 0) setSelState(id);
+    props.onSelect?.(id, { multi });
+  };
+  const fmtDay = (day) => props.formatDate ? props.formatDate(fromDay(day)) : formatShort(day);
+  const fmtPct = (v, use) => props.formatValue ? props.formatValue(v, { field: "progress", use }) : `${v}%`;
+  const hl = props.highlighted && props.highlighted.length ? new Set(props.highlighted) : void 0;
+  const hovering = useRef3(false);
+  const hostHover = (task, at) => {
+    if (!props.onHover) return;
+    if (task === null && !hovering.current) return;
+    hovering.current = task !== null;
+    props.onHover(task, at);
+  };
+  const anchorOf = (id) => {
+    const el = typeof document !== "undefined" ? document.getElementById(`${uid}-${id}`) : null;
+    const mark = el?.querySelector(".nf-g-bar, .nf-g-ms") ?? el;
+    const r = mark?.getBoundingClientRect();
+    return r ? { clientX: r.left + r.width / 2, clientY: r.top + r.height / 2, multi: false } : null;
+  };
+  const [baselineState, setBaselineState] = useState4(true);
+  const showBaseline = props.showBaseline ?? baselineState;
+  const [collapsed, setCollapsed] = useState4(() => /* @__PURE__ */ new Set());
+  const [hoverId, setHoverId] = useState4(null);
+  const toggle = (id, open) => setCollapsed((prev) => {
+    const next2 = new Set(prev);
+    const shouldOpen = open ?? next2.has(id);
+    if (shouldOpen) next2.delete(id);
+    else next2.add(id);
+    return next2;
+  });
+  const license = useLicense(props.licenseKey, { product: "plan", tenantId: props.tenantId });
+  const pro = unlocksPro(license);
+  const editing = useEditing2(tasks, onTaskChange, lockFor(license, pro, "Plan", "gantt"));
+  const [preview, setPreview] = useState4(null);
+  const [linkDrag, setLinkDrag] = useState4(null);
+  const [linkMode, setLinkMode] = useState4(null);
+  const [selectedLink, setSelectedLink] = useState4(null);
+  const [menu, setMenu] = useState4(null);
+  const [confirm, setConfirm] = useState4(null);
+  const dragRef = useRef3(null);
+  const rafRef = useRef3(0);
+  const suppressClick = useRef3(false);
+  const can = (action, row) => canEdit(props.editable, action === "add" ? !!onAddTask : !!onTaskChange, action, row);
+  const committed = editing.shown;
+  const shown = useMemo2(
+    () => preview ? committed.map((t) => t.id === preview.id ? { ...t, ...preview.patch } : t) : committed,
+    [committed, preview]
+  );
+  const taskById = useMemo2(() => new Map(shown.map((t) => [t.id, t])), [shown]);
+  const nameOf = (id) => taskById.get(id)?.name ?? "task";
+  const [viewport, setViewport] = useState4(0);
+  useEffect3(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const measure = () => {
+      setBoxWidth(el.clientWidth);
+      setViewport(Math.max(0, el.clientWidth - gridWidth));
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [gridWidth]);
+  const noneCollapsed = useMemo2(() => /* @__PURE__ */ new Set(), []);
+  const allRows = useMemo2(() => buildRows(shown, filtering ? noneCollapsed : collapsed), [shown, collapsed, filtering, noneCollapsed]);
+  const rows = useMemo2(() => filterRows(allRows, filter), [allRows, filter]);
+  useEffect3(() => {
+    const n = rows.filter((r) => rowMatches(r, filter)).length;
+    if (filtering) editing.announce(`${n} ${n === 1 ? "task matches" : "tasks match"}`);
+  }, [filter]);
+  const range = useMemo2(() => rowsRange(buildRows(committed)), [committed]);
+  const todayDay = props.today ? toDay(props.today) : today();
+  const scale = useMemo2(() => {
+    const r = range ?? { from: todayDay - 14, to: todayDay + 60 };
+    return createTimeScale({ from: r.from, to: r.to, zoom, minWidth: viewport });
+  }, [range, zoom, todayDay, viewport]);
+  const rowsRef = useRef3(rows);
+  rowsRef.current = rows;
+  const scaleRef = useRef3(scale);
+  scaleRef.current = scale;
+  const rowHRef = useRef3(rowH);
+  rowHRef.current = rowH;
+  const headerHRef = useRef3(headerH);
+  headerHRef.current = headerH;
+  const renewal = props.renewalNotice !== false ? renewalNotice(license) : null;
+  const style = {
+    ...resolveTheme(props.theme, props.accent, props.colors),
+    ...textVars(textScale, props.textSizes),
+    "--nf-row": `${rowH}px`,
+    "--nf-head": `${headerH}px`,
+    "--nf-tip-w": `${tipW}px`,
+    height
+  };
+  const todayInView = todayDay >= scale.startDay && todayDay < scale.endDay;
+  const todayX = scale.x(todayDay) + scale.dayWidth / 2;
+  const underTag = useMemo2(
+    () => todayInView ? ticksUnderTag(scale.minor, todayX, todayTagWidth(formatShort(todayDay), textScale), 2, textScale) : /* @__PURE__ */ new Set(),
+    [todayInView, scale, todayX, todayDay]
+  );
+  useEffect3(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    el.scrollLeft = todayInView ? Math.max(0, todayX - 200) : 0;
+  }, [zoom]);
+  const scrollToToday = () => {
+    const el = scrollRef.current;
+    if (!el || !todayInView) return;
+    const still = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+    el.scrollTo({ left: Math.max(0, todayX - 200), behavior: still ? "auto" : "smooth" });
+    editing.announce(`Scrolled to today, ${formatShort(todayDay)}`);
+  };
+  const selectedIndex = rows.findIndex((r) => r.task.id === selectedId);
+  const [vis, setVis] = useState4(() => ({ first: 0, last: Math.min(rows.length, INITIAL_ROWS) - 1 }));
+  const scrollRaf = useRef3(0);
+  const updateVisible = () => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const v = visibleRange(el.scrollTop, el.clientHeight, rowsRef.current.length, rowHRef.current, headerHRef.current);
+    setVis((prev) => prev.first === v.first && prev.last === v.last ? prev : v);
+  };
+  const tipShown = useRef3(false);
+  const [, setScrollTick] = useState4(0);
+  const onScroll = () => {
+    if (scrollRaf.current) return;
+    scrollRaf.current = requestAnimationFrame(() => {
+      scrollRaf.current = 0;
+      updateVisible();
+      if (tipShown.current) setScrollTick((t) => t + 1);
+    });
+  };
+  useEffect3(() => {
+    updateVisible();
+  }, [rows.length, viewport]);
+  useEffect3(() => () => cancelAnimationFrame(scrollRaf.current), []);
+  const visLinks = useMemo2(() => dependencyLinks(rows, scale, rowH, vis), [rows, scale, vis, rowH]);
+  const broken = useMemo2(() => brokenAmong(visLinks, rows), [visLinks, rows]);
+  const [settled, setSettled] = useState4(props.animate === false);
+  useEffect3(() => {
+    if (props.animate === false) return;
+    const t = setTimeout(() => setSettled(true), SETTLE_MS);
+    return () => clearTimeout(t);
+  }, []);
+  const collapseAll = () => {
+    setCollapsed(parentIds(buildRows(shown)));
+    editing.announce("All phases collapsed");
+  };
+  const expandAll = () => {
+    setCollapsed(/* @__PURE__ */ new Set());
+    editing.announce("All phases expanded");
+  };
+  const dragging = preview !== null || linkDrag !== null;
+  const tipRow = dragging || confirm || menu || props.tooltip === "none" ? void 0 : rows.find((r) => r.task.id === (hoverId ?? selectedId) && r.kind !== "phase" && !Number.isNaN(r.start));
+  const focusGrid = () => scrollRef.current?.focus({ preventScroll: true });
+  const emptyStyle = { position: "sticky", left: 0, width: viewport + gridWidth || void 0 };
+  const loadingShown = rows.length === 0 && !filtering && !!props.loading;
+  const [scrollTop0, setScrollTop0] = useState4(0);
+  useLayoutEffect(() => {
+    if (loadingShown && scrollRef.current) setScrollTop0(scrollRef.current.offsetTop);
+  }, [loadingShown, height]);
+  const commitEdit = (change) => {
+    const t = committed.find((x) => x.id === change.id);
+    if (!t || isNoop2(t, change)) return;
+    editing.commit(change);
+  };
+  const spanFor = (r) => ({ start: r.start, end: r.end });
+  const resizeRef = useRef3(null);
+  const resizeHandlers = (kind) => ({
+    onPointerDown: (e) => {
+      if (e.button !== 0) return;
+      e.preventDefault();
+      e.stopPropagation();
+      e.currentTarget.setPointerCapture?.(e.pointerId);
+      resizeRef.current = { kind, x0: e.clientX, w0: kind === "grid" ? gridWidth : colWidths[kind], g0: gridWidth, pointerId: e.pointerId, sx: cssScale(rootRef.current).x };
+    },
+    onPointerMove: (e) => {
+      const r = resizeRef.current;
+      if (!r || r.pointerId !== e.pointerId) return;
+      const dx = (e.clientX - r.x0) / r.sx;
+      if (r.kind === "grid") {
+        setGridWidth(r.w0 + dx);
+        return;
+      }
+      const w = Math.max(MIN_COLUMN_WIDTH, Math.round(r.w0 + (rtl ? -dx : dx)));
+      const key = r.kind;
+      setColWidths((cw) => ({ ...cw, [key]: w }));
+      setGridWidth(r.g0 + (w - r.w0));
+    },
+    onPointerUp: () => {
+      resizeRef.current = null;
+    },
+    onPointerCancel: () => {
+      resizeRef.current = null;
+    }
+  });
+  const [inline, setInline] = useState4(null);
+  const inlineDone = useRef3(false);
+  const editTimer = useRef3(null);
+  const cancelEditTimer = () => {
+    if (editTimer.current) clearTimeout(editTimer.current);
+    editTimer.current = null;
+  };
+  useEffect3(() => cancelEditTimer, []);
+  const canInline = (r, field) => field === "name" ? can("rename", r) : r.kind !== "phase" && !Number.isNaN(r.start) && (field === "start" ? can("move", r) : r.kind === "task" && can("resize", r));
+  const startInline = (r, field) => {
+    if (!canInline(r, field)) return;
+    const value = field === "name" ? r.task.name : fromDay(field === "start" ? r.start : r.end);
+    inlineDone.current = false;
+    setInline({ id: r.task.id, field, value });
+    editing.announce(`Editing ${field === "name" ? "name" : field + " date"} of '${r.task.name}'. Enter saves, Escape cancels.`);
+  };
+  const finishInline = (save) => {
+    if (inlineDone.current) return;
+    inlineDone.current = true;
+    const cur = inline;
+    setInline(null);
+    focusGrid();
+    if (!cur || !save) return;
+    const row = rows.find((r) => r.task.id === cur.id);
+    const task = committed.find((t) => t.id === cur.id);
+    if (!row || !task) return;
+    if (cur.field === "name") {
+      const change = renameChange(task, cur.value, "keyboard");
+      if (change) commitEdit(change);
+      return;
+    }
+    const day = toDay(cur.value);
+    if (Number.isNaN(day)) return;
+    commitEdit(dateCellChange(task, row.kind === "milestone", spanFor(row), cur.field, day, "keyboard"));
+  };
+  const clickToEdit = (r, field, wasSelected) => {
+    cancelEditTimer();
+    if (!wasSelected || !canInline(r, field)) return;
+    editTimer.current = setTimeout(() => startInline(r, field), EDIT_CLICK_DELAY);
+  };
+  const inlineInput = (r, field, label) => inline && inline.id === r.task.id && inline.field === field ? /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      className: "nf-g-inline",
+      type: field === "name" ? "text" : "date",
+      "aria-label": `${label} of ${r.task.name}`,
+      value: inline.value,
+      autoFocus: true,
+      onFocus: (e) => field === "name" && e.currentTarget.select(),
+      onChange: (e) => setInline({ ...inline, value: e.target.value }),
+      onClick: (e) => e.stopPropagation(),
+      onDoubleClick: (e) => e.stopPropagation(),
+      onPointerDown: (e) => e.stopPropagation(),
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          finishInline(true);
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          finishInline(false);
+          editing.announce("Edit cancelled");
+        }
+      },
+      onBlur: () => finishInline(true)
+    }
+  ) : null;
+  const requestLink = (fromId, toId, source) => {
+    const toRow = rows.find((r) => r.task.id === toId);
+    const target = committed.find((t) => t.id === toId);
+    if (!toRow || !target) return;
+    if (!can("link", toRow)) {
+      editing.toast({ text: `'${target.name}' can't be linked.`, tone: "error" });
+      return;
+    }
+    const check = validateLink(committed, fromId, toId);
+    if (check === "self") return editing.toast({ text: "A task can't depend on itself.", tone: "error" });
+    if (check === "exists") return editing.announce(`'${target.name}' already follows '${nameOf(fromId)}'`);
+    if (check === "cycle")
+      return editing.toast({
+        text: `That would make a loop: '${nameOf(fromId)}' already depends on '${target.name}'.`,
+        tone: "error"
+      });
+    const { change, replaces } = linkChange(target, fromId, singlePredecessor, source);
+    if (replaces) {
+      const el = scrollRef.current;
+      const want = gridWidth + (barGeometry(toRow.start, toRow.end, scale)?.left ?? 0);
+      const visibleFrom = (el?.scrollLeft ?? 0) + gridWidth + 8;
+      const visibleTo = (el?.scrollLeft ?? 0) + (el?.clientWidth ?? 800) - CONFIRM_W - 8;
+      setConfirm({
+        change,
+        text: `Replace dependency on '${nameOf(replaces)}'?`,
+        top: toRow.index * rowH + rowH,
+        left: Math.max(visibleFrom, Math.min(want, visibleTo))
+      });
+      return;
+    }
+    commitEdit(change);
+  };
+  const zoneAction = (zone) => zone === "progress" ? "progress" : zone === "link" ? "link" : zone === "move" ? "move" : "resize";
+  const bodyPoint = (clientX, clientY) => {
+    if (!bodyRef.current) return { x: 0, y: 0 };
+    const p = localPoint(bodyRef.current, clientX, clientY);
+    return { x: p.x - gridWidth, y: p.y };
+  };
+  const patchFor = (d) => {
+    const t = d.row.task;
+    if (d.zone === "progress") return { progress: dragProgress(d.row.progress, d.dx, d.barWidth) };
+    const mode = d.zone === "start" ? "start" : d.zone === "end" ? "end" : "move";
+    const span = shiftSpan(mode, spanFor(d.row), pxToDays(d.dx, scaleRef.current.dayWidth), workingWeek);
+    return fieldsOf2(spanChange(t, d.row.kind === "milestone", span, "drag"));
+  };
+  const flush = () => {
+    rafRef.current = 0;
+    const d = dragRef.current;
+    if (!d || !d.started) return;
+    if (d.zone === "link") {
+      const p = bodyPoint(d.clientX, d.clientY);
+      const target = rowsRef.current[Math.floor(p.y / rowH)];
+      setLinkDrag({ fromId: d.id, x: p.x, y: p.y, targetId: target && target.task.id !== d.id ? target.task.id : null });
+      return;
+    }
+    setPreview({ id: d.id, patch: patchFor(d), ghost: d.ghost });
+  };
+  const cancelDrag = (announce = true) => {
+    if (rafRef.current) cancelAnimationFrame(rafRef.current);
+    rafRef.current = 0;
+    const wasActive = dragRef.current?.started;
+    dragRef.current = null;
+    setPreview(null);
+    setLinkDrag(null);
+    if (announce && wasActive) editing.announce("Drag cancelled");
+  };
+  const onEditPointerDown = (e, r) => {
+    if (e.button !== 0) return;
+    const el = e.target.closest("[data-drag]");
+    const zone = el?.getAttribute("data-drag") ?? "move";
+    if (!can(zoneAction(zone), r)) return;
+    e.stopPropagation();
+    e.preventDefault();
+    focusGrid();
+    e.currentTarget.setPointerCapture?.(e.pointerId);
+    const g = r.kind === "milestone" ? null : barGeometry(r.start, r.end, scale);
+    dragRef.current = {
+      id: r.task.id,
+      zone,
+      pointerId: e.pointerId,
+      x0: e.clientX,
+      y0: e.clientY,
+      dx: 0,
+      clientX: e.clientX,
+      clientY: e.clientY,
+      started: false,
+      row: r,
+      barWidth: g?.width ?? 0,
+      ghost: zone === "link" || zone === "progress" ? null : g,
+      sx: cssScale(rootRef.current).x
+    };
+  };
+  const onEditPointerMove = (e) => {
+    const d = dragRef.current;
+    if (!d || e.pointerId !== d.pointerId) return;
+    const dx = (e.clientX - d.x0) / d.sx;
+    const dy = (e.clientY - d.y0) / d.sx;
+    if (!d.started) {
+      if (Math.hypot(dx, dy) < DRAG_THRESHOLD) return;
+      d.started = true;
+      setMenu(null);
+      setSelectedLink(null);
+    }
+    d.dx = dx;
+    d.clientX = e.clientX;
+    d.clientY = e.clientY;
+    if (!rafRef.current) rafRef.current = requestAnimationFrame(flush);
+  };
+  const onEditPointerUp = (e) => {
+    const d = dragRef.current;
+    if (!d || e.pointerId !== d.pointerId) return;
+    if (rafRef.current) cancelAnimationFrame(rafRef.current);
+    rafRef.current = 0;
+    dragRef.current = null;
+    if (!d.started) return;
+    suppressClick.current = true;
+    d.dx = (e.clientX - d.x0) / d.sx;
+    setPreview(null);
+    setLinkDrag(null);
+    select(d.id);
+    const task = committed.find((t) => t.id === d.id);
+    if (!task) return;
+    if (d.zone === "link") {
+      const p = bodyPoint(e.clientX, e.clientY);
+      const target = rowsRef.current[Math.floor(p.y / rowH)];
+      if (target && target.task.id !== d.id) requestLink(d.id, target.task.id, "drag");
+      return;
+    }
+    if (d.zone === "progress") {
+      commitEdit(progressChange(task, dragProgress(d.row.progress, d.dx, d.barWidth), "drag"));
+      return;
+    }
+    const mode = d.zone === "start" ? "start" : d.zone === "end" ? "end" : "move";
+    const span = shiftSpan(mode, spanFor(d.row), pxToDays(d.dx, scale.dayWidth), workingWeek);
+    commitEdit(spanChange(task, d.row.kind === "milestone", span, "drag"));
+  };
+  const editHandlers = (r) => ({
+    onPointerDown: (e) => onEditPointerDown(e, r),
+    onPointerMove: onEditPointerMove,
+    onPointerUp: onEditPointerUp,
+    onPointerCancel: () => cancelDrag(false)
+  });
+  useEffect3(() => {
+    if (!dragging) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        cancelDrag();
+      }
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [dragging]);
+  useEffect3(() => {
+    if (!menu) return;
+    const close = (e) => {
+      if (!e.target.closest?.(".nf-g-menu")) setMenu(null);
+    };
+    document.addEventListener("pointerdown", close, true);
+    return () => document.removeEventListener("pointerdown", close, true);
+  }, [menu]);
+  const menuRef = useRef3(null);
+  useEffect3(() => {
+    if (menu) menuRef.current?.querySelector("button")?.focus();
+  }, [menu]);
+  const confirmRef = useRef3(null);
+  useEffect3(() => {
+    if (confirm) confirmRef.current?.focus({ preventScroll: true });
+  }, [confirm]);
+  const suggestStart = (r) => fromDay(r && !Number.isNaN(r.end) ? r.end + 1 : todayDay);
+  const requestAdd = (req, words) => {
+    if (!can("add")) return;
+    setMenu(null);
+    if (editing.locked) return editing.refuse();
+    editing.announce(words);
+    onAddTask?.(req);
+  };
+  const addBelow = (r) => requestAdd({ parentId: r.task.parentId ?? null, afterId: r.task.id, start: suggestStart(r) }, `Adding a task below '${r.task.name}'`);
+  const addSubtask = (r) => requestAdd({ parentId: r.task.id, start: suggestStart(r) }, `Adding a subtask under '${r.task.name}'`);
+  const openMenuAt = (id, clientX, clientY) => {
+    const root = rootRef.current;
+    if (!root) return;
+    const p = localPoint(root, clientX, clientY);
+    setMenu({ id, x: Math.min(p.x, root.offsetWidth - 200), y: Math.min(p.y, root.offsetHeight - 100) });
+  };
+  const onKeyDown = (e) => {
+    if (e.target !== e.currentTarget) return;
+    if (rows.length === 0) return;
+    const i = selectedIndex;
+    const go = (n) => {
+      const r = rows[Math.max(0, Math.min(rows.length - 1, n))];
+      select(r.task.id);
+      setSelectedLink(null);
+      if (props.onHover) {
+        requestAnimationFrame(() => {
+          const at = anchorOf(r.task.id);
+          if (at) hostHover(r.task, at);
+        });
+      }
+      const el = scrollRef.current;
+      if (el) {
+        const top = r.index * rowH;
+        if (top < el.scrollTop) el.scrollTop = top;
+        else if (top + rowH + headerH > el.scrollTop + el.clientHeight) el.scrollTop = top + rowH + headerH - el.clientHeight;
+      }
+    };
+    const row = i >= 0 ? rows[i] : void 0;
+    const mod = e.ctrlKey || e.metaKey;
+    if (e.key === "F2" && row) {
+      startInline(row, "name");
+      e.preventDefault();
+      return;
+    }
+    if (mod && !e.altKey && (e.key === "z" || e.key === "Z" || e.key === "y" || e.key === "Y") && onTaskChange) {
+      if (e.key === "y" || e.key === "Y" || e.shiftKey) editing.redo();
+      else editing.undo();
+      e.preventDefault();
+      return;
+    }
+    const ke = keyEdit(e);
+    if (ke) {
+      e.preventDefault();
+      if (!row) return;
+      const task = committed.find((t) => t.id === row.task.id);
+      if (!task) return;
+      if (ke.kind === "progress") {
+        if (can("progress", row)) commitEdit(progressChange(task, row.progress + ke.delta, "keyboard"));
+        return;
+      }
+      if (ke.mode === "end" ? !can("resize", row) : !can("move", row)) return;
+      commitEdit(spanChange(task, row.kind === "milestone", shiftSpan(ke.mode, spanFor(row), ke.days, workingWeek), "keyboard"));
+      return;
+    }
+    if (linkMode) {
+      if (e.key === "Enter") {
+        if (row) requestLink(linkMode, row.task.id, "keyboard");
+        setLinkMode(null);
+        e.preventDefault();
+        return;
+      }
+      if (e.key === "Escape") {
+        setLinkMode(null);
+        editing.announce("Linking cancelled");
+        e.preventDefault();
+        return;
+      }
+    }
+    if ((e.key === "l" || e.key === "L") && !mod && !e.altKey && row && can("link", row)) {
+      setLinkMode(row.task.id);
+      editing.announce(`Linking from '${row.task.name}'. Choose the task that follows it with the arrow keys, then press Enter. Escape cancels.`);
+      e.preventDefault();
+      return;
+    }
+    if (e.key === "Delete" || e.key === "Backspace") {
+      if (selectedLink) {
+        const [fromId, toId] = selectedLink.split(">");
+        const to = committed.find((t) => t.id === toId);
+        const toRow = rows.find((r) => r.task.id === toId);
+        if (to && toRow && can("link", toRow)) commitEdit(unlinkChange(to, fromId, "keyboard"));
+        setSelectedLink(null);
+        e.preventDefault();
+        return;
+      }
+      if (e.key === "Delete" && e.shiftKey && row && can("link", row) && row.task.dependsOn?.length) {
+        const task = committed.find((t) => t.id === row.task.id);
+        if (task) commitEdit(unlinkChange(task, void 0, "keyboard"));
+        e.preventDefault();
+        return;
+      }
+    }
+    if (e.key === "Insert" && can("add")) {
+      if (row && mod) addSubtask(row);
+      else if (row) addBelow(row);
+      else requestAdd({ parentId: null, start: suggestStart() }, "Adding a task");
+      e.preventDefault();
+      return;
+    }
+    if (isContextMenuKey(e) && row && props.onContextMenu) {
+      const at = anchorOf(row.task.id);
+      if (at) props.onContextMenu(row.task, at);
+      e.preventDefault();
+      return;
+    }
+    if (isContextMenuKey(e) && row && can("add")) {
+      const el = document.getElementById(`${uid}-${row.task.id}`);
+      const rect = el?.getBoundingClientRect();
+      if (rect) openMenuAt(row.task.id, rect.left + 24, rect.bottom - 4);
+      e.preventDefault();
+      return;
+    }
+    switch (e.key) {
+      case "ArrowDown":
+        go(i + 1);
+        break;
+      case "ArrowUp":
+        go(i < 0 ? 0 : i - 1);
+        break;
+      case "Home":
+        go(0);
+        break;
+      case "End":
+        go(rows.length - 1);
+        break;
+      case "ArrowLeft":
+        if (row?.hasChildren && row.collapsed === rtl) toggle(row.task.id, rtl);
+        break;
+      case "ArrowRight":
+        if (row?.hasChildren && row.collapsed !== rtl) toggle(row.task.id, !rtl);
+        break;
+      case "Enter":
+        if (row) onOpen?.(row.task);
+        break;
+      case "Escape":
+        if (selectedLink) setSelectedLink(null);
+        else select(null);
+        break;
+      default:
+        return;
+    }
+    e.preventDefault();
+  };
+  const copySupport = () => {
+    const host = (props.diagnostics || void 0)?.() ?? {};
+    void copyDiagnostics({
+      product: "Plan",
+      control: "Gantt",
+      version: VERSION,
+      licence: license,
+      rows: props.tasks.length,
+      ...host
+    }).then((r) => editing.toast({ text: r.message, tone: r.ok ? "info" : "error" }));
+    setToolMenu(null);
+  };
+  const printChart = () => {
+    setToolMenu(null);
+    printDocument(
+      printHtml({
+        title,
+        rows,
+        theme: palette(props.theme, props.accent, true),
+        today: todayDay,
+        printedOn: today(),
+        week: workingWeek,
+        showBaseline
+      }),
+      rootRef.current?.ownerDocument ?? document
+    );
+    editing.announce("Print dialog opened");
+  };
+  const downloadPng = () => {
+    setToolMenu(null);
+    const ok = exportPng(
+      { title, rows, scale, gridWidth, theme: palette(props.theme, props.accent, false), today: todayDay, showBaseline, broken: brokenLinks(rows) },
+      pngFileName(title, fromDay(today())),
+      rootRef.current?.ownerDocument ?? document
+    );
+    if (ok) editing.announce("Image downloaded");
+    else editing.toast({ text: "Too big for one image. Collapse phases or filter first, or use Print.", tone: "info" });
+  };
+  const gridCols = ["minmax(0,1fr)", ...cols.map((c) => `${colWidths[c]}px`)].join(" ");
+  const canAdd = can("add");
+  const bodyHeight = rows.length * rowH + (canAdd ? rowH : 0);
+  const pinned = new Set([selectedId, inline?.id, preview?.id, linkDrag?.fromId].filter((x) => !!x));
+  const renderRows = rows.filter((r) => r.index >= vis.first && r.index <= vis.last || pinned.has(r.task.id));
+  const linksEditable = !!onTaskChange && props.editable !== false && !(typeof props.editable === "object" && props.editable.link === false);
+  const tipBroken = tipRow ? (tipRow.task.dependsOn ?? []).filter((f) => broken.has(`${f}>${tipRow.task.id}`)).map(nameOf) : [];
+  let tip = null;
+  if (tipRow) {
+    const g = tipRow.kind === "milestone" ? { left: scale.x(tipRow.start), width: scale.dayWidth } : barGeometry(tipRow.start, tipRow.end, scale);
+    if (g) {
+      const sc = scrollRef.current;
+      const view = sc ? { left: sc.scrollLeft + gridWidth, right: sc.scrollLeft + sc.clientWidth, top: sc.scrollTop, bottom: sc.scrollTop + sc.clientHeight - headerH } : { left: gridWidth, right: gridWidth + scale.width, top: 0, bottom: Infinity };
+      const slips = !Number.isNaN(tipRow.baselineEnd) && !Number.isNaN(tipRow.end) && tipRow.end !== tipRow.baselineEnd;
+      const lines = 1 + (tipRow.task.owner ? 1 : 0) + (slips ? 1 : 0) + tipBroken.length + (tipRow.task.readOnly ? 1 : 0);
+      const inView = gridWidth + g.left < view.right && gridWidth + g.left + g.width > view.left;
+      if (inView) tip = { row: tipRow, ...placeTip({ left: gridWidth + g.left, width: g.width }, tipRow.index * rowH, view, tipW, (TIP_BASE_H + lines * TIP_LINE_H) * textScale, rowH) };
+    }
+  }
+  const toRoot = (p) => {
+    const sc = scrollRef.current;
+    const body = bodyRef.current;
+    if (!sc || !body) return { left: p.left, top: p.top + headerH };
+    return { left: sc.offsetLeft + p.left - sc.scrollLeft, top: sc.offsetTop + body.offsetTop + p.top - sc.scrollTop };
+  };
+  const tipAt = tip ? toRoot(tip) : null;
+  const confirmAt = confirm ? toRoot(confirm) : null;
+  tipShown.current = !!tipAt || !!confirmAt;
+  let dragLabel = null;
+  if (preview) {
+    const r = rows.find((x) => x.task.id === preview.id);
+    if (r) {
+      const g = r.kind === "milestone" ? { left: scale.x(r.start), width: scale.dayWidth } : barGeometry(r.start, r.end, scale);
+      if (g) {
+        const text = preview.patch.progress !== void 0 ? `${r.progress}% done` : spanLabel(spanFor(r), r.kind === "milestone", workingWeek);
+        const above = r.index * rowH - 26;
+        dragLabel = { text, left: gridWidth + g.left, top: above >= 2 ? above : r.index * rowH + rowH + 2 };
+      }
+    }
+  }
+  const linkFromRow = linkDrag ? rows.find((r) => r.task.id === linkDrag.fromId) : void 0;
+  const linkStart = linkFromRow ? {
+    x: linkFromRow.kind === "milestone" ? scale.x(linkFromRow.start) + scale.dayWidth / 2 + 10 : (barGeometry(linkFromRow.start, linkFromRow.end, scale)?.left ?? 0) + (barGeometry(linkFromRow.start, linkFromRow.end, scale)?.width ?? 0) + 6,
+    y: linkFromRow.index * rowH + rowH / 2
+  } : null;
+  return /* @__PURE__ */ React5.createElement(
+    "div",
+    {
+      ref: rootRef,
+      dir: "ltr",
+      "data-rtl": rtl ? "" : void 0,
+      "data-static": props.animate === false ? "" : void 0,
+      "data-hl": hl ? "" : void 0,
+      "data-hc": props.colors?.foreground && props.colors?.background ? "" : void 0,
+      className: `nf-gantt${dragging ? " nf-g-dragging" : ""}${settled ? " nf-g-settled" : ""}${props.className ? " " + props.className : ""}`,
+      style
+    },
+    /* @__PURE__ */ React5.createElement("style", { dangerouslySetInnerHTML: { __html: css } }),
+    showToolbar ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-toolbar", dir: rtl ? "rtl" : void 0 }, /* @__PURE__ */ React5.createElement("div", { className: "nf-g-title" }, title), /* @__PURE__ */ React5.createElement("div", { className: "nf-g-seg", role: "group", "aria-label": "Zoom" }, ZOOMS.map((z) => /* @__PURE__ */ React5.createElement("button", { key: z, type: "button", className: "nf-g-btn", "aria-pressed": z === zoom, onClick: () => setZoom(z) }, ZOOM_LABEL[z]))), /* @__PURE__ */ React5.createElement("button", { type: "button", className: "nf-g-btn", onClick: scrollToToday, disabled: !todayInView }, "Today"), /* @__PURE__ */ React5.createElement("div", { className: "nf-g-seg", role: "group", "aria-label": "Phases" }, /* @__PURE__ */ React5.createElement("button", { type: "button", className: "nf-g-btn", onClick: expandAll, disabled: collapsed.size === 0 || filtering }, "Expand all"), /* @__PURE__ */ React5.createElement("button", { type: "button", className: "nf-g-btn", onClick: collapseAll, disabled: filtering }, "Collapse all")), /* @__PURE__ */ React5.createElement("div", { className: "nf-g-spacer" }), showFilter ? /* @__PURE__ */ React5.createElement(
+      "input",
+      {
+        className: "nf-g-filter",
+        type: "search",
+        placeholder: "Filter tasks",
+        "aria-label": "Filter tasks by name or owner",
+        value: filter,
+        onChange: (e) => setFilter(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Escape" && filter) {
+            setFilter("");
+            e.preventDefault();
+          }
+        }
+      }
+    ) : null, /* @__PURE__ */ React5.createElement("div", { className: "nf-g-menuwrap", "data-menu": "columns" }, /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        className: "nf-g-btn",
+        "aria-haspopup": "menu",
+        "aria-expanded": colMenu,
+        onClick: () => setToolMenu(colMenu ? null : "columns")
+      },
+      "Columns"
+    ), colMenu ? /* @__PURE__ */ React5.createElement("div", { ref: toolMenuRef, className: "nf-g-menu nf-g-colmenu", role: "menu", "aria-label": "Columns", onKeyDown: menuKeys }, COLUMN_ORDER.map((c) => /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        key: c,
+        type: "button",
+        role: "menuitemcheckbox",
+        "aria-checked": cols.includes(c),
+        onClick: () => toggleColumn(c)
+      },
+      /* @__PURE__ */ React5.createElement("span", { className: "nf-g-check", "aria-hidden": "true" }, cols.includes(c) ? "\u2713" : ""),
+      COLUMN_FULL_LABEL[c]
+    ))) : null), props.exports !== false ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-menuwrap", "data-menu": "export" }, /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        className: "nf-g-btn",
+        "aria-haspopup": "menu",
+        "aria-expanded": toolMenu === "export",
+        onClick: () => setToolMenu(toolMenu === "export" ? null : "export")
+      },
+      "Export"
+    ), toolMenu === "export" ? /* @__PURE__ */ React5.createElement("div", { ref: toolMenuRef, className: "nf-g-menu nf-g-colmenu", role: "menu", "aria-label": "Export", onKeyDown: menuKeys }, /* @__PURE__ */ React5.createElement("button", { type: "button", role: "menuitem", onClick: printChart }, /* @__PURE__ */ React5.createElement("span", { className: "nf-g-check", "aria-hidden": "true" }), "Print\u2026"), /* @__PURE__ */ React5.createElement("button", { type: "button", role: "menuitem", onClick: downloadPng }, /* @__PURE__ */ React5.createElement("span", { className: "nf-g-check", "aria-hidden": "true" }), "Download image (PNG)"), props.diagnostics !== false ? /* @__PURE__ */ React5.createElement("button", { type: "button", role: "menuitem", onClick: copySupport }, /* @__PURE__ */ React5.createElement("span", { className: "nf-g-check", "aria-hidden": "true" }), "Copy diagnostics") : null) : null) : null, /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        className: "nf-g-switch",
+        "aria-pressed": showBaseline,
+        onClick: () => {
+          if (props.showBaseline === void 0) setBaselineState(!showBaseline);
+        }
+      },
+      /* @__PURE__ */ React5.createElement("span", { className: "nf-g-switch-track", "aria-hidden": "true" }),
+      "Baseline"
+    )) : null,
+    /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        ref: scrollRef,
+        className: "nf-g-scroll",
+        role: "treegrid",
+        "aria-label": title,
+        "aria-busy": loadingShown || void 0,
+        "aria-rowcount": rows.length + 1 + (canAdd ? 1 : 0),
+        "aria-activedescendant": selectedId ? `${uid}-${selectedId}` : void 0,
+        "aria-describedby": onTaskChange ? `${uid}-help` : void 0,
+        tabIndex: 0,
+        onKeyDown,
+        onScroll
+      },
+      onTaskChange ? /* @__PURE__ */ React5.createElement("span", { id: `${uid}-help`, className: "nf-g-sr" }, "Alt plus arrow keys move the selected task, Alt plus Shift plus arrows change its end, Alt plus up or down changes progress. L links tasks. Control plus Z undoes.", canAdd ? " Insert adds a task, Control plus Insert adds a subtask." : "") : null,
+      /* @__PURE__ */ React5.createElement("div", { style: { width: gridWidth + scale.width } }, /* @__PURE__ */ React5.createElement("div", { className: "nf-g-head", role: "row", "aria-rowindex": 1 }, /* @__PURE__ */ React5.createElement("div", { className: "nf-g-cols", role: "columnheader", dir: rtl ? "rtl" : void 0, style: { width: gridWidth, gridTemplateColumns: gridCols } }, /* @__PURE__ */ React5.createElement("div", null, "Task"), cols.map((c) => /* @__PURE__ */ React5.createElement("div", { key: c, className: "nf-g-colhead" }, COLUMN_LABEL[c], /* @__PURE__ */ React5.createElement("span", { className: "nf-g-colresize", "aria-hidden": "true", title: `Resize ${COLUMN_LABEL[c]}`, ...resizeHandlers(c) }))), /* @__PURE__ */ React5.createElement(
+        "div",
+        {
+          className: "nf-g-divider",
+          role: "separator",
+          "aria-orientation": "vertical",
+          "aria-label": "Resize the task list",
+          "aria-valuenow": gridWidth,
+          "aria-valuemin": minGrid,
+          "aria-valuemax": MAX_GRID_WIDTH,
+          tabIndex: 0,
+          title: "Drag to resize the task list",
+          onKeyDown: (e) => {
+            if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+              setGridWidth(gridWidth + (e.key === "ArrowRight" ? DIVIDER_STEP : -DIVIDER_STEP));
+              e.preventDefault();
+            }
+          },
+          ...resizeHandlers("grid")
+        }
+      )), /* @__PURE__ */ React5.createElement("div", { className: "nf-g-axis", "aria-hidden": "true", style: { width: scale.width, height: headerH } }, scale.major.map((t) => /* @__PURE__ */ React5.createElement("div", { key: `M${t.day}`, className: "nf-g-major", style: { left: t.x, width: t.width } }, /* @__PURE__ */ React5.createElement("span", { className: "nf-g-major-label", style: { left: gridWidth + 10 } }, t.label))), scale.minor.map(
+        (t, i) => (
+          // Skip a week label the today tag would half-cover (unreadable, and an axe contrast failure).
+          underTag.has(i) ? null : /* @__PURE__ */ React5.createElement("div", { key: `m${t.day}`, className: "nf-g-minor", style: { left: t.x } }, t.label)
+        )
+      ), todayInView ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-today-tag", style: { left: todayX } }, formatShort(todayDay)) : null)), rows.length === 0 && filtering ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-empty", style: emptyStyle }, "No tasks match \u201C", filter.trim(), "\u201D.") : null, rows.length === 0 && !filtering && !props.loading && (!canAdd || props.emptyAction) ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-empty", style: emptyStyle }, "No tasks to show yet.", props.emptyAction ? /* @__PURE__ */ React5.createElement(EmptyActionView, { action: props.emptyAction, prefix: "nf-g", buttonClass: "nf-g-btn" }) : null) : null, /* @__PURE__ */ React5.createElement("div", { ref: bodyRef, className: "nf-g-body", style: { height: bodyHeight } }, /* @__PURE__ */ React5.createElement("div", { className: "nf-g-layer", "aria-hidden": "true", style: { left: gridWidth, width: scale.width, height: bodyHeight } }, scale.weekends.map((w) => /* @__PURE__ */ React5.createElement("div", { key: `w${w.x}`, className: "nf-g-weekend", style: { left: w.x, width: w.width } })), scale.minor.map((t) => /* @__PURE__ */ React5.createElement("div", { key: `v${t.day}`, className: "nf-g-vline", style: { left: t.x } })), selectedIndex >= 0 ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-band", style: { top: selectedIndex * rowH } }) : null, todayInView ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-today", style: { left: todayX } }) : null), renderRows.map((r) => {
+        const t = r.task;
+        const selected = t.id === selectedId;
+        const g = barGeometry(r.start, r.end, scale);
+        const base = showBaseline ? barGeometry(r.baselineStart, r.baselineEnd, scale) : null;
+        const delay = { animationDelay: `${Math.min(r.index * 25, 400)}ms` };
+        const movable = can("move", r);
+        const roomy = !!g && g.width >= MIN_HANDLE_BAR;
+        const resizable = roomy && can("resize", r);
+        const progressable = roomy && can("progress", r);
+        const linkable = can("link", r);
+        const locked = !!onTaskChange && props.editable !== false && !!t.readOnly && r.kind !== "phase";
+        const isGhosted = preview?.id === t.id && preview.ghost;
+        const isLinkTarget = linkDrag?.targetId === t.id || linkMode !== null && selected && linkMode !== t.id;
+        const editAttrs = movable || resizable || progressable || linkable ? editHandlers(r) : {};
+        return /* @__PURE__ */ React5.createElement(
+          "div",
+          {
+            key: t.id,
+            id: `${uid}-${t.id}`,
+            className: `nf-g-row${isLinkTarget ? " nf-g-linktarget" : ""}${linkMode === t.id ? " nf-g-linksource" : ""}`,
+            role: "row",
+            style: { top: r.index * rowH },
+            "aria-rowindex": r.index + 2,
+            "aria-level": r.depth + 1,
+            "aria-selected": selected,
+            "aria-expanded": r.hasChildren ? !r.collapsed : void 0,
+            "aria-readonly": locked || void 0,
+            "data-kind": r.kind,
+            "data-dim": hl && !isHighlighted(t.id, hl) ? "" : void 0,
+            onClick: (e) => {
+              if (suppressClick.current) {
+                suppressClick.current = false;
+                return;
+              }
+              select(t.id, isMultiSelect(e));
+              setSelectedLink(null);
+            },
+            onDoubleClick: () => {
+              cancelEditTimer();
+              onOpen?.(t);
+            },
+            onMouseDown: (e) => {
+              if (e.detail > 1) e.preventDefault();
+            },
+            onContextMenu: (e) => {
+              if (props.onContextMenu) {
+                e.preventDefault();
+                props.onContextMenu(t, { clientX: e.clientX, clientY: e.clientY, multi: isMultiSelect(e) });
+                return;
+              }
+              if (!canAdd) return;
+              e.preventDefault();
+              select(t.id);
+              openMenuAt(t.id, e.clientX, e.clientY);
+            },
+            onMouseEnter: () => setHoverId(t.id),
+            onMouseMove: props.onHover ? (e) => hostHover(t, { clientX: e.clientX, clientY: e.clientY, multi: isMultiSelect(e) }) : void 0,
+            onMouseLeave: (e) => {
+              setHoverId((h) => h === t.id ? null : h);
+              hostHover(null, { clientX: e.clientX, clientY: e.clientY, multi: false });
+            }
+          },
+          /* @__PURE__ */ React5.createElement("div", { className: "nf-g-cell", role: "gridcell", dir: rtl ? "rtl" : void 0, style: { width: gridWidth, gridTemplateColumns: gridCols } }, /* @__PURE__ */ React5.createElement("div", { className: "nf-g-name", style: { paddingInlineStart: r.depth * 18 } }, r.hasChildren ? /* @__PURE__ */ React5.createElement(
+            "button",
+            {
+              type: "button",
+              className: "nf-g-chev",
+              tabIndex: -1,
+              "aria-expanded": !r.collapsed,
+              "aria-label": `${r.collapsed ? "Expand" : "Collapse"} ${t.name}`,
+              onClick: (e) => {
+                e.stopPropagation();
+                toggle(t.id);
+              }
+            },
+            /* @__PURE__ */ React5.createElement(Chevron, null)
+          ) : r.kind === "milestone" ? /* @__PURE__ */ React5.createElement("span", { className: "nf-g-dot", "aria-hidden": "true" }) : null, inlineInput(r, "name", "Name") ?? /* @__PURE__ */ React5.createElement("span", { title: t.name, onClick: () => clickToEdit(r, "name", selected) }, t.name), canAdd ? /* @__PURE__ */ React5.createElement(
+            "button",
+            {
+              type: "button",
+              className: "nf-g-rowadd",
+              tabIndex: -1,
+              "aria-label": `Add a task near ${t.name}`,
+              title: "Add task",
+              onClick: (e) => {
+                e.stopPropagation();
+                select(t.id);
+                const rect = e.currentTarget.getBoundingClientRect();
+                openMenuAt(t.id, rect.left, rect.bottom + 4);
+              }
+            },
+            "+"
+          ) : null), cols.map((c) => {
+            if (c === "owner") {
+              return /* @__PURE__ */ React5.createElement("div", { key: c }, t.owner ? /* @__PURE__ */ React5.createElement("span", { className: "nf-g-avatar", title: t.owner.name }, t.owner.initials ?? initials(t.owner.name)) : null);
+            }
+            if (c === "progress") {
+              return /* @__PURE__ */ React5.createElement("div", { key: c, className: "nf-g-num" }, r.kind === "milestone" ? Number.isNaN(r.start) ? "" : fmtDay(r.start) : fmtPct(r.progress, "grid"));
+            }
+            if (c === "duration") {
+              return /* @__PURE__ */ React5.createElement("div", { key: c, className: "nf-g-num" }, r.kind === "milestone" || Number.isNaN(r.start) ? "" : workingWeek === "all" ? r.end - r.start + 1 : workingDaysBetween(r.start, r.end, workingWeek));
+            }
+            const day = c === "start" ? r.start : r.end;
+            const blank = Number.isNaN(day) || c === "end" && r.kind === "milestone";
+            return /* @__PURE__ */ React5.createElement(
+              "div",
+              {
+                key: c,
+                className: "nf-g-num nf-g-datecell",
+                "data-editable": canInline(r, c) || void 0,
+                onClick: () => clickToEdit(r, c, selected)
+              },
+              inlineInput(r, c, COLUMN_LABEL[c]) ?? (blank ? "" : fmtDay(day))
+            );
+          })),
+          /* @__PURE__ */ React5.createElement("div", { className: "nf-g-lane", role: "gridcell", style: { width: scale.width } }, base && r.kind === "task" ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-base", style: { left: base.left, width: base.width } }) : null, isGhosted ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-ghost", style: { left: preview.ghost.left, width: preview.ghost.width } }) : null, g && r.kind === "phase" ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-phase", style: { left: g.left, width: g.width, ...delay } }) : null, g && r.kind === "task" ? /* @__PURE__ */ React5.createElement(
+            "div",
+            {
+              className: "nf-g-bar",
+              "data-editable": movable || void 0,
+              "data-locked": locked || void 0,
+              style: { left: g.left, width: g.width, ...delay },
+              ...editAttrs
+            },
+            /* @__PURE__ */ React5.createElement("div", { className: "nf-g-fill", style: { width: `${r.progress}%` } }),
+            resizable ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("div", { className: "nf-g-h nf-g-h-l", "data-drag": "start" }), /* @__PURE__ */ React5.createElement("div", { className: "nf-g-h nf-g-h-r", "data-drag": "end" })) : null,
+            progressable ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-knob", "data-drag": "progress", style: { left: `calc(${r.progress}% - 4px)` } }) : null
+          ) : null, r.kind === "milestone" && !Number.isNaN(r.start) ? /* @__PURE__ */ React5.createElement(
+            "div",
+            {
+              className: "nf-g-ms",
+              "data-editable": movable || void 0,
+              "data-locked": locked || void 0,
+              style: { left: scale.x(r.start) + scale.dayWidth / 2, ...delay },
+              ...editAttrs
+            }
+          ) : null, linkable && (g || r.kind === "milestone") && !Number.isNaN(r.start) ? /* @__PURE__ */ React5.createElement(
+            "div",
+            {
+              className: "nf-g-linkdot",
+              "data-drag": "link",
+              title: "Drag onto another task to link",
+              style: {
+                left: r.kind === "milestone" ? scale.x(r.start) + scale.dayWidth / 2 + 12 : (g?.left ?? 0) + (g?.width ?? 0) + 6
+              },
+              ...editAttrs
+            }
+          ) : null)
+        );
+      }), canAdd ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-addwrap", role: "row", "aria-rowindex": rows.length + 2, style: { top: rows.length * rowH, width: gridWidth + scale.width } }, /* @__PURE__ */ React5.createElement("div", { className: "nf-g-addrow", role: "gridcell", style: { width: gridWidth } }, /* @__PURE__ */ React5.createElement(
+        "button",
+        {
+          type: "button",
+          className: "nf-g-addbtn",
+          onClick: () => requestAdd({ parentId: null, start: suggestStart(rows[rows.length - 1]) }, "Adding a task"),
+          title: editing.locked && license ? lockedMessage("Plan") : void 0
+        },
+        "+ Add task",
+        editing.locked && license ? /* @__PURE__ */ React5.createElement(KeyIcon, null) : null
+      ))) : null, /* @__PURE__ */ React5.createElement(
+        "svg",
+        {
+          className: "nf-g-deps",
+          "aria-hidden": "true",
+          width: scale.width,
+          height: bodyHeight,
+          style: { position: "absolute", left: gridWidth, top: 0 }
+        },
+        visLinks.map((l) => {
+          const cls = `${broken.has(l.key) ? "is-broken" : ""}${selectedLink === l.key ? " is-selected" : ""}`;
+          return /* @__PURE__ */ React5.createElement("g", { key: l.key, className: cls || void 0 }, /* @__PURE__ */ React5.createElement("path", { d: l.d }), /* @__PURE__ */ React5.createElement("path", { className: "nf-g-arrow", d: l.arrow }), linksEditable ? /* @__PURE__ */ React5.createElement(
+            "path",
+            {
+              className: "nf-g-hit",
+              d: l.hit,
+              onClick: (e) => {
+                e.stopPropagation();
+                setSelectedLink(l.key);
+                editing.announce(
+                  `Link from '${nameOf(l.from)}' to '${nameOf(l.to)}' selected. Press Delete to remove it.`
+                );
+                focusGrid();
+              }
+            }
+          ) : null);
+        }),
+        linkDrag && linkStart ? /* @__PURE__ */ React5.createElement("path", { className: "nf-g-linkline", d: `M${linkStart.x} ${linkStart.y}L${linkDrag.x} ${linkDrag.y}` }) : null
+      ), dragLabel ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-draglabel", style: { left: dragLabel.left, top: dragLabel.top } }, dragLabel.text) : null))
+    ),
+    confirm && confirmAt ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-confirm", role: "dialog", dir: rtl ? "rtl" : void 0, "aria-label": confirm.text, style: { left: confirmAt.left, top: confirmAt.top } }, /* @__PURE__ */ React5.createElement("span", null, confirm.text), /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        ref: confirmRef,
+        type: "button",
+        className: "nf-g-btn nf-g-primary",
+        onClick: () => {
+          commitEdit(confirm.change);
+          setConfirm(null);
+          focusGrid();
+        }
+      },
+      "Replace"
+    ), /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        className: "nf-g-btn",
+        onKeyDown: (e) => e.key === "Escape" && (setConfirm(null), focusGrid()),
+        onClick: () => {
+          setConfirm(null);
+          focusGrid();
+        }
+      },
+      "Cancel"
+    )) : null,
+    menu ? /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        ref: menuRef,
+        className: "nf-g-menu",
+        dir: rtl ? "rtl" : void 0,
+        role: "menu",
+        style: { left: menu.x, top: menu.y },
+        onKeyDown: (e) => {
+          const items = Array.from(menuRef.current?.querySelectorAll("button") ?? []);
+          const at = items.indexOf(document.activeElement);
+          if (e.key === "Escape") {
+            setMenu(null);
+            focusGrid();
+          } else if (e.key === "ArrowDown") items[(at + 1) % items.length]?.focus();
+          else if (e.key === "ArrowUp") items[(at - 1 + items.length) % items.length]?.focus();
+          else return;
+          e.preventDefault();
+        }
+      },
+      (() => {
+        const r = rows.find((x) => x.task.id === menu.id);
+        if (!r) return null;
+        return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("button", { type: "button", role: "menuitem", onClick: () => (addBelow(r), focusGrid()) }, "Add task below ", /* @__PURE__ */ React5.createElement("kbd", null, "Insert")), /* @__PURE__ */ React5.createElement("button", { type: "button", role: "menuitem", onClick: () => (addSubtask(r), focusGrid()) }, "Add subtask ", /* @__PURE__ */ React5.createElement("kbd", null, "Ctrl+Insert")));
+      })()
+    ) : null,
+    tip && tipAt ? /* @__PURE__ */ React5.createElement(Tooltip, { row: tip.row, left: tipAt.left, top: tipAt.top, fmtDay, fmtPct, brokenFrom: tipBroken, locked: !!tip.row.task.readOnly && !!onTaskChange, week: workingWeek, rtl }) : null,
+    loadingShown ? /* @__PURE__ */ React5.createElement("div", { className: "nf-g-empty nf-g-loading", style: { top: scrollTop0 + headerH }, role: "status", "aria-busy": "true" }, "Loading tasks\u2026") : null,
+    /* @__PURE__ */ React5.createElement("div", { style: { display: "contents" }, dir: rtl ? "rtl" : void 0 }, /* @__PURE__ */ React5.createElement(Toasts, { items: editing.toasts, announcement: editing.announcement, onDismiss: editing.dismiss })),
+    license && !license.licensed && props.watermark !== false ? /* @__PURE__ */ React5.createElement(Watermark, { prefix: "nf-g", title: licenseMessage(license), markHtml: markSvg({ size: 16 }), variant: props.watermarkStyle, onClick: props.onWatermarkClick }) : null,
+    editing.lockNote ? /* @__PURE__ */ React5.createElement("p", { className: "nf-g-locknote", role: "status" }, editing.lockNote) : null,
+    renewal ? /* @__PURE__ */ React5.createElement("a", { className: "nf-g-renew", href: renewal.href, target: "_blank", rel: "noreferrer", title: renewal.detail }, renewal.text) : null
+  );
+}
+
+// src/sample.ts
+var sampleTasks = [
+  { id: "design", name: "Design", kind: "phase" },
+  { id: "survey", parentId: "design", name: "Site survey", start: "2026-10-05", end: "2026-10-16", progress: 100, owner: { name: "Jess Lee" }, baselineStart: "2026-10-05", baselineEnd: "2026-10-16" },
+  { id: "concept", parentId: "design", name: "Concept design", start: "2026-10-12", end: "2026-10-30", progress: 70, owner: { name: "Alex Morgan" }, baselineStart: "2026-10-12", baselineEnd: "2026-10-26", dependsOn: ["survey"] },
+  { id: "review", parentId: "design", name: "Design review", kind: "milestone", date: "2026-11-02", dependsOn: ["concept"] },
+  { id: "procure", name: "Procurement", kind: "phase" },
+  { id: "tender", parentId: "procure", name: "Tender package", start: "2026-11-02", end: "2026-11-20", progress: 25, owner: { name: "Sam Kaur" }, baselineStart: "2026-10-30", baselineEnd: "2026-11-18", dependsOn: ["review"] },
+  { id: "eval", parentId: "procure", name: "Supplier evaluation", start: "2026-11-16", end: "2026-12-04", progress: 0, owner: { name: "Jess Lee" } },
+  { id: "award", parentId: "procure", name: "Contract award", kind: "milestone", date: "2026-12-07", dependsOn: ["eval"] },
+  { id: "deliver", name: "Delivery", kind: "phase" },
+  { id: "mobilise", parentId: "deliver", name: "Mobilisation", start: "2026-12-07", end: "2026-12-18", progress: 0, owner: { name: "Ravi Tan" }, dependsOn: ["award"] },
+  { id: "build1", parentId: "deliver", name: "Construction stage 1", start: "2026-12-14", end: "2027-01-29", progress: 0, owner: { name: "Alex Morgan" } },
+  { id: "handover", parentId: "deliver", name: "Stage 1 handover", kind: "milestone", date: "2027-02-05", dependsOn: ["build1"] }
+];
+export {
+  Gantt,
+  HEADER_H,
+  ROW_H,
+  VERSION,
+  barGeometry,
+  brokenLinks,
+  buildRows,
+  dependencyLinks,
+  dependencyPaths,
+  rowsRange,
+  sampleTasks,
+  validateLink
+};
+//# sourceMappingURL=index.js.map