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

package/dist/index.js

@@ -0,0 +1,2404 @@
+// src/Timeline.tsx
+import * as React5 from "react";
+
+// src/version.ts
+var VERSION = "1.0.0-rc.1";
+
+// src/Timeline.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 fallback2 = () => {
+    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 fallback2();
+    }
+  }
+  return fallback2();
+}
+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"];
+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 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 addMonths(day, n) {
+  const p = parts(day);
+  return dayOf(p.year, p.month + n, 1);
+}
+function today(now = /* @__PURE__ */ new Date()) {
+  return dayOf(now.getFullYear(), now.getMonth(), now.getDate());
+}
+function escapeHtml(s) {
+  return s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
+function exportFileName(title, isoDay, ext = "png", fallback2 = "plan") {
+  const slug2 = title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || fallback2;
+  return `${slug2}-${isoDay}.${ext}`;
+}
+var MAX_CANVAS_SIDE = 16e3;
+var MAX_CANVAS_AREA = 12e7;
+function exportRatio(width, height, preferred = 2) {
+  const ratio2 = Math.min(preferred, MAX_CANVAS_SIDE / width, MAX_CANVAS_SIDE / height, Math.sqrt(MAX_CANVAS_AREA / (width * height)));
+  return ratio2 >= 0.5 ? ratio2 : null;
+}
+function canvasColor(ctx, color, fallback2) {
+  ctx.fillStyle = fallback2;
+  if (color) ctx.fillStyle = color;
+  return String(ctx.fillStyle);
+}
+function downloadCanvas(canvas, fileName, doc = document) {
+  canvas.toBlob((blob) => {
+    if (!blob) return;
+    const url = URL.createObjectURL(blob);
+    const a = doc.createElement("a");
+    a.href = url;
+    a.download = fileName;
+    a.style.display = "none";
+    doc.body.appendChild(a);
+    a.click();
+    a.remove();
+    setTimeout(() => URL.revokeObjectURL(url), 1e4);
+  }, "image/png");
+}
+function printDocument(html, doc = document) {
+  const frame = doc.createElement("iframe");
+  frame.setAttribute("aria-hidden", "true");
+  frame.setAttribute("tabindex", "-1");
+  frame.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;visibility:hidden";
+  doc.body.appendChild(frame);
+  const win = frame.contentWindow;
+  const fdoc = frame.contentDocument;
+  if (!win || !fdoc) {
+    frame.remove();
+    return;
+  }
+  fdoc.open();
+  fdoc.write(html);
+  fdoc.close();
+  let done = false;
+  const cleanup = () => {
+    if (done) return;
+    done = true;
+    frame.remove();
+  };
+  win.addEventListener("afterprint", () => setTimeout(cleanup, 0));
+  setTimeout(cleanup, 6e4);
+  setTimeout(() => {
+    win.focus();
+    win.print();
+  }, 50);
+}
+var ROADMAP_DAY_WIDTH = { month: 4, quarter: 1.5, half: 0.8 };
+var clampMonth = (m) => Number.isInteger(m) && m >= 1 && m <= 12 ? m : 1;
+var fyMonth = (month, fyStart) => ((month - (fyStart - 1)) % 12 + 12) % 12;
+function fiscalYear(day, fiscalYearStart = 1) {
+  const fs = clampMonth(fiscalYearStart);
+  const p = parts(day);
+  return fs === 1 || p.month < fs - 1 ? p.year : p.year + 1;
+}
+function periodStart(day, months, fiscalYearStart = 1) {
+  const fs = clampMonth(fiscalYearStart);
+  const p = parts(day);
+  const into = fyMonth(p.month, fs) % months;
+  return dayOf(p.year, p.month - into, 1);
+}
+function addMonthsFrom(day, n) {
+  const p = parts(day);
+  return dayOf(p.year, p.month + n, 1);
+}
+function periodLabel(day, kind, fiscalYearStart = 1) {
+  const fs = clampMonth(fiscalYearStart);
+  const fy = fiscalYear(day, fs);
+  const year = fs === 1 ? String(fy) : `FY${String(fy % 100).padStart(2, "0")}`;
+  if (kind === "year") return year;
+  const m = fyMonth(parts(day).month, fs);
+  return kind === "quarter" ? `Q${Math.floor(m / 3) + 1} ${year}` : `H${m < 6 ? 1 : 2} ${year}`;
+}
+function createRoadmapScale({ from, to, zoom, fiscalYearStart, minWidth = 0 }) {
+  const fs = clampMonth(fiscalYearStart);
+  const step = zoom === "month" ? 1 : zoom === "quarter" ? 3 : 6;
+  const startDay = periodStart(Math.min(from, to), step, fs);
+  let endDay = addMonthsFrom(periodStart(Math.max(from, to), step, fs), step);
+  const dayWidth = ROADMAP_DAY_WIDTH[zoom];
+  for (let guard = 0; (endDay - startDay) * dayWidth < minWidth && guard < 240; guard++) endDay = addMonthsFrom(endDay, step);
+  const x = (day) => Math.round((day - startDay) * dayWidth * 10) / 10;
+  const minor = [];
+  for (let d = startDay; d < endDay; d = addMonthsFrom(d, step)) {
+    const next2 = addMonthsFrom(d, step);
+    const label = zoom === "month" ? MONTHS[parts(d).month] ?? "" : periodLabel(d, zoom, fs);
+    minor.push({ day: d, x: x(d), width: x(next2) - x(d), label });
+  }
+  const months = [];
+  if (zoom === "quarter") {
+    for (let d = startDay; d < endDay; d = addMonthsFrom(d, 1)) {
+      const next2 = addMonthsFrom(d, 1);
+      months.push({ day: d, x: x(d), width: x(next2) - x(d), label: MONTHS[parts(d).month] ?? "" });
+    }
+  }
+  const major = [];
+  for (let yStart = yearStart(startDay, fs); yStart < endDay; ) {
+    const yEnd = addMonthsFrom(yStart, 12);
+    const left = Math.max(yStart, startDay);
+    const right = Math.min(yEnd, endDay);
+    major.push({ day: left, x: x(left), width: x(right) - x(left), label: periodLabel(yStart, "year", fs) });
+    yStart = yEnd;
+  }
+  return {
+    zoom,
+    fiscalYearStart: fs,
+    startDay,
+    endDay,
+    dayWidth,
+    width: x(endDay),
+    x,
+    dayAt: (px) => startDay + Math.floor(px / dayWidth),
+    major,
+    minor,
+    months
+  };
+}
+function yearStart(day, fiscalYearStart = 1) {
+  const fs = clampMonth(fiscalYearStart);
+  const p = parts(day);
+  const y = p.month >= fs - 1 ? p.year : p.year - 1;
+  return dayOf(y, fs - 1, 1);
+}
+function isMultiSelect(e2) {
+  return !!(e2.ctrlKey || e2.metaKey);
+}
+var HOST_DIM = 0.3;
+function isHighlighted(id, highlighted) {
+  if (!highlighted) return true;
+  if (isSet(highlighted)) return highlighted.size === 0 || highlighted.has(id);
+  return highlighted.length === 0 || highlighted.indexOf(id) !== -1;
+}
+function isSet(v) {
+  return typeof v.has === "function" && !Array.isArray(v);
+}
+function isContextMenuKey(e2) {
+  return e2.key === "ContextMenu" || e2.key === "F10" && !!e2.shiftKey;
+}
+var ratio = (drawn, layout) => layout > 0 && drawn > 0 && Number.isFinite(drawn / layout) ? drawn / layout : 1;
+function cssScale(el) {
+  if (!el) return { x: 1, y: 1 };
+  const r = el.getBoundingClientRect();
+  return { x: ratio(r.width, el.offsetWidth), y: ratio(r.height, el.offsetHeight) };
+}
+
+// ../editing/dist/chunk-S4GYYU33.js
+var isEmpty = (v) => v === void 0 || v === null || v === "";
+function defaultEqual(_key, a, b) {
+  if (isEmpty(a) && isEmpty(b)) return true;
+  return a === b;
+}
+function fieldsOf(change, spec) {
+  const out = {};
+  for (const k of spec.keys) if (k in change) out[k] = change[k];
+  return out;
+}
+function applyOverrides(items, overrides) {
+  if (overrides.size === 0) return items;
+  return items.map((t) => {
+    const o = overrides.get(t.id);
+    return o ? { ...t, ...o.patch } : t;
+  });
+}
+function reconcileOverrides(items, overrides, spec = {}) {
+  const eq = spec.equal ?? defaultEqual;
+  const byId = new Map(items.map((t) => [t.id, t]));
+  const next2 = new Map(overrides);
+  for (const [id, o] of overrides) {
+    const t = byId.get(id);
+    if (!t) {
+      next2.delete(id);
+      continue;
+    }
+    const matches2 = Object.keys(o.patch).every(
+      (k) => eq(k, t[k], o.patch[k])
+    );
+    if (matches2) 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, fallback2 = "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 : fallback2;
+}
+
+// ../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)}`;
+}
+
+// ../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 };
+}
+
+// src/layout.ts
+var ROW_H = 30;
+var LANE_PAD = 8;
+var LANE_MIN_H = 48;
+var LANE_HEAD_W = 200;
+var NO_LANE = "No lane";
+var TEXT = ["name", "start", "end", "lane", "status", "horizon", "color"];
+var asText = (v) => v === null || v === void 0 ? void 0 : typeof v === "string" ? v : String(v);
+function cleanItems(items) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const it of items) {
+    if (!it || typeof it !== "object") continue;
+    const raw = it;
+    const id = asText(raw.id);
+    if (!id || seen.has(id)) continue;
+    seen.add(id);
+    const deps = raw.dependsOn;
+    const clean2 = typeof raw.id === "string" && typeof raw.name === "string" && TEXT.every((k) => raw[k] === void 0 || typeof raw[k] === "string") && (deps === void 0 || Array.isArray(deps) && deps.every((d) => typeof d === "string")) && (raw.milestone === void 0 || typeof raw.milestone === "boolean");
+    if (clean2) {
+      out.push(it);
+      continue;
+    }
+    const fixed = { ...raw, id };
+    for (const k of TEXT) fixed[k] = asText(raw[k]);
+    fixed.name = asText(raw.name) ?? "";
+    fixed.dependsOn = Array.isArray(deps) ? deps.map(asText).filter((d) => !!d) : void 0;
+    fixed.milestone = typeof raw.milestone === "boolean" ? raw.milestone : void 0;
+    out.push(fixed);
+  }
+  return out;
+}
+function dayOfIso(v) {
+  if (typeof v !== "string") return NaN;
+  const m = /^(\d{4}-\d{2}-\d{2})/.exec(v);
+  if (!m) return NaN;
+  const d = toDay(m[1]);
+  return Number.isFinite(d) ? d : NaN;
+}
+function place(item) {
+  let start = dayOfIso(item.start);
+  let end = dayOfIso(item.end);
+  if (Number.isNaN(start) && Number.isNaN(end)) return null;
+  if (Number.isNaN(start)) start = end;
+  if (Number.isNaN(end)) end = start;
+  if (end < start) [start, end] = [end, start];
+  const milestone = item.milestone === void 0 ? end === start : item.milestone;
+  return { item, id: item.id, start, end: milestone ? start : end, milestone };
+}
+function packRows(spans) {
+  const sorted = [...spans].sort((a, b) => a.start - b.start || b.end - b.start - (a.end - a.start) || a.id.localeCompare(b.id));
+  const ends = [];
+  const row = /* @__PURE__ */ new Map();
+  for (const s of sorted) {
+    let i = ends.findIndex((e2) => e2 < s.start);
+    if (i < 0) {
+      i = ends.length;
+      ends.push(s.end);
+    } else ends[i] = s.end;
+    row.set(s.id, i);
+  }
+  return { row, rows: Math.max(1, ends.length) };
+}
+function labelWidth(text, textScale = 1) {
+  return Math.ceil(text.length * 6.6 * textScale) + 12;
+}
+var LABEL_INSIDE_MIN = 64;
+function footprint(p, scale, textScale = 1) {
+  const barPx = p.milestone ? 14 : (p.end - p.start + 1) * scale.dayWidth;
+  const outside = p.milestone || barPx < LABEL_INSIDE_MIN * textScale;
+  if (!outside) return { id: p.id, start: p.start, end: p.end };
+  const px = (p.milestone ? 14 : barPx) + 6 + labelWidth(p.item.name, textScale);
+  return { id: p.id, start: p.start, end: Math.max(p.end, p.start + Math.ceil(px / scale.dayWidth)) };
+}
+function laneHeight(rows, collapsed, textScale = 1) {
+  const rowH = scaleWithText(ROW_H, textScale);
+  return collapsed ? scaleWithText(36, textScale) : Math.max(scaleWithText(LANE_MIN_H, textScale), LANE_PAD * 2 + rows * rowH);
+}
+var norm = (s) => s.trim().toLowerCase();
+function matches(item, filter) {
+  const q = norm(filter);
+  if (!q) return true;
+  return [item.name, item.lane, item.status].some((v) => (v ?? "").toLowerCase().includes(q));
+}
+function laneKeys(items, laneOrder = []) {
+  const present = new Set(items.map((i) => (i.lane ?? "").trim() || NO_LANE));
+  const ordered = laneOrder.filter((l) => present.has(l));
+  const rest = [...present].filter((l) => !ordered.includes(l) && l !== NO_LANE).sort((a, b) => a.localeCompare(b));
+  return [...ordered, ...rest, ...present.has(NO_LANE) ? [NO_LANE] : []];
+}
+function buildLanes(items, scale, opts = {}) {
+  const shown = items.filter((i) => matches(i, opts.filter ?? ""));
+  const unscheduled = [];
+  const byLane = /* @__PURE__ */ new Map();
+  for (const it of shown) {
+    const p = place(it);
+    if (!p) {
+      unscheduled.push(it);
+      continue;
+    }
+    const key = (it.lane ?? "").trim() || NO_LANE;
+    const list = byLane.get(key) ?? [];
+    list.push(p);
+    byLane.set(key, list);
+  }
+  const lanes = [];
+  let top = 0;
+  for (const key of laneKeys(shown, opts.laneOrder)) {
+    const placed = (byLane.get(key) ?? []).sort((a, b) => a.start - b.start || a.id.localeCompare(b.id));
+    const { row, rows } = packRows(placed.map((p) => footprint(p, scale, opts.textScale)));
+    const collapsed = opts.collapsed?.has(key) ?? false;
+    const height = laneHeight(rows, collapsed, opts.textScale);
+    lanes.push({ key, label: key, items: placed, row, rows, collapsed, top, height, index: lanes.length });
+    top += height;
+  }
+  return { lanes, unscheduled: unscheduled.sort((a, b) => a.name.localeCompare(b.name)) };
+}
+var PALETTE = ["#2E54FF", "#0E8C7F", "#6B4EFF", "#B54708", "#0B6E99", "#9E1F63"];
+var SEMANTIC = [
+  [/^(on track|green|healthy|in progress|active)$/i, "positive"],
+  [/^(at risk|amber|yellow|watch)$/i, "warning"],
+  [/^(off track|red|blocked|late|delayed)$/i, "negative"],
+  [/^(done|complete|completed|shipped|delivered|closed)$/i, "done"],
+  [/^(not started|planned|backlog|proposed|idea)$/i, "planned"]
+];
+var SEMANTIC_COLOR = { positive: semantic.positive, warning: semantic.milestone, negative: semantic.negative };
+var DONE_COLOR = "#8A90A0";
+function appearance(item, o) {
+  const status = (item.status ?? "").trim();
+  const meaning = SEMANTIC.find(([re]) => re.test(status))?.[1];
+  const style = meaning === "done" ? "done" : meaning === "planned" ? "outline" : "solid";
+  const value = o.colorBy === "lane" ? (item.lane ?? "").trim() || NO_LANE : status;
+  const map = o.colorBy === "lane" ? o.laneColors : o.statusColors;
+  let color = item.color || map?.[value];
+  if (!color && o.colorBy === "status" && meaning && meaning !== "done" && meaning !== "planned") color = SEMANTIC_COLOR[meaning];
+  if (!color && o.colorBy === "status" && meaning === "done") color = DONE_COLOR;
+  if (!color && o.colorBy === "status" && (!status || meaning)) color = o.accent;
+  if (!color) {
+    color = o.seen.get(value);
+    if (!color) {
+      color = PALETTE[o.seen.size % PALETTE.length];
+      o.seen.set(value, color);
+    }
+  }
+  const pair = accentForText(color);
+  return { color: pair.background, text: pair.text, style };
+}
+var HORIZONS = ["Now", "Next", "Later"];
+function horizonColumns(items) {
+  const cols = HORIZONS.map((h) => ({ key: h, items: [] }));
+  const other = [];
+  for (const it of items) {
+    const i = HORIZONS.findIndex((h) => h.toLowerCase() === (it.horizon ?? "").trim().toLowerCase());
+    (i >= 0 ? cols[i].items : other).push(it);
+  }
+  return other.length ? [...cols, { key: "No horizon", items: other }] : cols;
+}
+function stepDay(day, zoom, dir) {
+  if (zoom === "month") return day + dir * 7;
+  const p = parts(day);
+  const first = addMonths(day, dir);
+  const last = addMonths(first, 1) - 1;
+  return Math.min(dayOf(parts(first).year, parts(first).month, p.date), last);
+}
+function isoOfDay(day) {
+  return new Date(day * 864e5).toISOString().slice(0, 10);
+}
+function connectorPath(fx, fy, tx, ty, rowH = ROW_H) {
+  const GAP = 12;
+  if (tx - fx >= GAP || fy === ty) {
+    const mid = fy === ty ? tx - 1 : fx + Math.min(GAP, (tx - fx) / 2);
+    return fy === ty ? `M${fx},${fy}H${tx - 1}` : `M${fx},${fy}H${mid}V${ty}H${tx - 1}`;
+  }
+  const between = ty > fy ? ty - rowH / 2 : ty + rowH / 2;
+  return `M${fx},${fy}H${fx + 6}V${between}H${tx - 8}V${ty}H${tx - 1}`;
+}
+var MAX_SPAN_DAYS = Math.round(15 * 365.25);
+function timelineRange(placed, todayDay) {
+  const days = [];
+  for (const p of placed) {
+    if (!p) continue;
+    if (Number.isFinite(p.start)) days.push(p.start);
+    if (Number.isFinite(p.end)) days.push(p.end);
+  }
+  if (!days.length) return { from: todayDay - 60, to: todayDay + 300 };
+  days.push(todayDay);
+  days.sort((a, b) => a - b);
+  let lo = days[0];
+  let hi = days[days.length - 1];
+  if (hi - lo > MAX_SPAN_DAYS) {
+    const mid = days[Math.floor(days.length / 2)];
+    lo = Math.max(lo, Math.min(mid - MAX_SPAN_DAYS / 2, hi - MAX_SPAN_DAYS));
+    hi = lo + MAX_SPAN_DAYS;
+  }
+  return { from: lo - 14, to: hi + 30 };
+}
+
+// src/edit.ts
+var TIMELINE_FIELDS = {
+  keys: ["start", "end"],
+  equal: (_key, a, b) => (typeof a === "string" ? a.slice(0, 10) : a ?? "") === (typeof b === "string" ? b.slice(0, 10) : b ?? "")
+};
+function dayLabel(day) {
+  const p = parts(day);
+  return `${p.date} ${MONTHS[p.month]} ${p.year}`;
+}
+function rangeLabel(start, end) {
+  if (start === end) return dayLabel(start);
+  const a = parts(start);
+  const b = parts(end);
+  const left = a.year === b.year ? `${a.date} ${MONTHS[a.month]}` : dayLabel(start);
+  return `${left} \u2013 ${dayLabel(end)}`;
+}
+function itemWords(p, extra) {
+  const when = p.milestone ? `milestone on ${dayLabel(p.start)}` : p.start === p.end ? `on ${dayLabel(p.start)}` : `${dayLabel(p.start)} to ${dayLabel(p.end)}`;
+  const deps = extra.dependsOn?.length ? `depends on ${extra.dependsOn.join(", ")}` : "";
+  return [p.item.name, extra.lane, when, extra.status ?? "", deps].filter(Boolean).join(", ");
+}
+function canEdit(editable, hasHandler, action, item) {
+  if (!hasHandler || editable === false || item?.readOnly) return false;
+  if (editable && typeof editable === "object" && editable[action] === false) return false;
+  return true;
+}
+function dragSpan(mode, start, end, days) {
+  if (mode === "move") return { start: start + days, end: end + days };
+  if (mode === "start") return { start: Math.min(start + days, end), end };
+  return { start, end: Math.max(end + days, start) };
+}
+function keyEdit(e2) {
+  if (!e2.altKey || e2.ctrlKey || e2.metaKey) return null;
+  if (e2.key !== "ArrowLeft" && e2.key !== "ArrowRight") return null;
+  return { mode: e2.shiftKey ? "end" : "move", dir: e2.key === "ArrowRight" ? 1 : -1 };
+}
+function keySpan(mode, start, end, zoom, dir) {
+  if (mode === "end") return { start, end: Math.max(stepDay(end, zoom, dir), start) };
+  const s = stepDay(start, zoom, dir);
+  return { start: s, end: s + (end - start) };
+}
+function spanChange(p, span, source) {
+  const item = p.item;
+  const next2 = {};
+  const previous = {};
+  if (span.start !== p.start) {
+    next2.start = isoOfDay(span.start);
+    previous.start = item.start;
+  }
+  const wantEnd = p.milestone ? item.end ? span.start : void 0 : span.end;
+  if (wantEnd !== void 0 && wantEnd !== p.end) {
+    next2.end = isoOfDay(wantEnd);
+    previous.end = item.end;
+  }
+  if (next2.start === void 0 && next2.end === void 0) return null;
+  return { id: item.id, ...next2, previous, source };
+}
+function describeChange(change, name, before) {
+  const start = change.start ?? (before ? isoOfDay(before.start) : void 0);
+  const end = change.end ?? (before ? isoOfDay(before.end) : void 0);
+  const s = start ? Date.parse(`${start.slice(0, 10)}T00:00:00Z`) / 864e5 : NaN;
+  const e2 = end ? Date.parse(`${end.slice(0, 10)}T00:00:00Z`) / 864e5 : s;
+  const prefix = change.source === "undo" ? "Undone: " : change.source === "redo" ? "Redone: " : "";
+  if (Number.isNaN(s)) return `${prefix}'${name}' changed`;
+  if (before?.milestone) return `${prefix}'${name}' moved to ${dayLabel(s)}`;
+  const verb = change.start !== void 0 ? "moved" : "now ends";
+  return prefix + (verb === "moved" ? `'${name}' moved to ${rangeLabel(s, e2)}` : `'${name}' now ends ${dayLabel(e2)}`);
+}
+
+// src/styles.ts
+var HEAD_H = 52;
+var MONTH_ROW_H = 20;
+var css = `
+.nf-tl{--nf-lanehead:${LANE_HEAD_W}px;--nf-row:${ROW_H}px;--nf-now:${brand.ember};position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;box-sizing:border-box;min-height:0;height:100%;box-sizing:border-box;background:var(--nf-surface);color:var(--nf-ink);font-family:var(--nf-font);font-size:var(--nf-text-body);line-height:1.3;border:1px solid var(--nf-line);border-radius:16px;overflow:hidden;-webkit-font-smoothing:antialiased}
+.nf-tl *,.nf-tl *::before,.nf-tl *::after{box-sizing:border-box}
+.nf-t-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-t-title{font-weight:600;font-size:var(--nf-text-title);letter-spacing:-0.01em;margin-inline-end:6px}
+.nf-t-seg{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:var(--nf-line-soft);max-width:100%;overflow-x:auto}
+.nf-t-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;white-space:nowrap;transition:background ${motion.fast} ${motion.ease}}
+.nf-t-btn:hover{background:var(--nf-line-soft)}
+.nf-t-seg .nf-t-btn{flex:none;border:0;background:transparent;color:var(--nf-muted);padding:6px 12px;border-radius:7px}
+.nf-t-seg .nf-t-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-t-spacer{flex:1}
+.nf-t-filter{font:inherit;font-size:var(--nf-text-body);min-height:32px;width:calc(var(--nf-text-body) * 170 / 13);max-width:40vw;padding:6px 10px;border-radius:9px;border:1px solid var(--nf-line);background:var(--nf-surface);color:var(--nf-ink)}
+.nf-t-count{display:inline-block;min-width:20px;padding:1px 6px;margin-inline-start:6px;border-radius:9px;background:var(--nf-accent-solid,var(--nf-accent));color:var(--nf-accent-text);font-size:var(--nf-text-caption);font-weight:600;text-align:center;direction:ltr;unicode-bidi:isolate}
+.nf-t-btn:focus-visible,.nf-t-filter:focus-visible,.nf-t-scroll:focus-visible,.nf-t-lanebtn:focus-visible,.nf-t-card:focus-visible,.nf-t-trayitem:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-t-main{position:relative;flex:1;min-height:0;display:flex}
+.nf-t-scroll{position:relative;flex:1;min-width:0;overflow:auto;outline:none}
+.nf-t-head{position:sticky;top:0;z-index:4;display:flex;height:var(--nf-head,${HEAD_H}px);background:var(--nf-surface);border-bottom:1px solid var(--nf-line)}
+.nf-t-corner{position:sticky;left:0;z-index:5;flex:none;width:var(--nf-lanehead);display:flex;align-items:flex-end;padding:0 16px 8px;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-t-axis{position:relative;flex:none}
+.nf-t-major,.nf-t-minor{position:absolute;padding:0 8px;white-space:nowrap;overflow:hidden;border-left:1px solid var(--nf-line)}
+.nf-t-major{top:0;height:calc(var(--nf-text-label) * 2);padding-top:6px;font-size:var(--nf-text-label);font-weight:600}
+.nf-t-minor{top:calc(var(--nf-text-label) * 26 / 12);height:calc(var(--nf-text-label) * 26 / 12);padding-top:6px;font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);color:var(--nf-muted)}
+.nf-tl[data-months] .nf-t-minor{font-family:var(--nf-font);font-size:var(--nf-text-label);font-weight:600;color:var(--nf-ink)}
+.nf-t-month{position:absolute;top:var(--nf-head,52px);height:calc(var(--nf-text-caption) * 20 / 11);padding:3px 0 0 8px;white-space:nowrap;overflow:hidden;border-left:1px solid var(--nf-line-soft);font-family:var(--nf-mono-font);font-size:var(--nf-text-caption);color:var(--nf-muted)}
+.nf-t-body{position:relative}
+.nf-t-layer{position:absolute;top:0;bottom:0;pointer-events:none}
+.nf-t-vline{position:absolute;top:0;bottom:0;width:1px;background:var(--nf-line-soft)}
+.nf-t-vline[data-major]{background:var(--nf-line)}
+.nf-t-today{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--nf-now);z-index:2}
+.nf-t-lane{position:absolute;left:0;display:flex}
+.nf-t-lane[data-alt]{background:var(--nf-surface-alt)}
+.nf-t-lanehead{position:sticky;left:0;z-index:3;flex:none;width:var(--nf-lanehead);display:flex;align-items:flex-start;padding:10px 12px 0 8px;background:inherit;background-color:var(--nf-surface);border-right:1px solid var(--nf-line);border-bottom:1px solid var(--nf-line-soft)}
+.nf-t-lane[data-alt] .nf-t-lanehead{background-color:var(--nf-surface-alt)}
+.nf-t-lanebtn{display:inline-flex;align-items:center;gap:6px;max-width:100%;font:inherit;font-size:var(--nf-text-header);font-weight:600;color:var(--nf-ink);background:none;border:0;padding:4px;border-radius:6px;cursor:pointer;text-align:start}
+.nf-t-lanebtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.nf-t-lanebtn svg{flex:none;transition:transform ${motion.fast} ${motion.ease}}
+.nf-t-lanebtn[aria-expanded="false"] svg{transform:rotate(-90deg)}
+.nf-tl[data-rtl] .nf-t-lanebtn[aria-expanded="false"] svg{transform:rotate(90deg)}
+.nf-t-lanecount{font-weight:400;color:var(--nf-muted)}
+.nf-t-track{position:relative;flex:none;border-bottom:1px solid var(--nf-line-soft)}
+.nf-t-bar{position:absolute;z-index:1;height:calc(var(--nf-row) - 8px);border-radius:6px;padding:0 8px;display:flex;align-items:center;font-size:var(--nf-text-value);font-weight:500;white-space:nowrap;overflow:hidden;cursor:pointer;background:var(--bar);color:var(--bar-text);border:1px solid var(--bar);user-select:none;touch-action:none}
+.nf-t-barname{min-width:0;overflow:hidden;text-overflow:ellipsis}
+.nf-t-bar[data-style="outline"]{background:var(--nf-surface);color:var(--nf-ink);border:1.5px dashed var(--bar)}
+.nf-t-bar[data-style="done"]{background:color-mix(in srgb,var(--bar) 22%,var(--nf-surface));color:var(--nf-ink);border-color:color-mix(in srgb,var(--bar) 45%,var(--nf-surface))}
+.nf-t-bar[data-edit]{cursor:grab}
+.nf-tl.nf-t-dragging .nf-t-bar[data-edit]{cursor:grabbing}
+.nf-t-bar[aria-selected="true"]{box-shadow:0 0 0 2px var(--nf-surface),0 0 0 4px var(--nf-focus)}
+.nf-t-bar[data-preview]{opacity:.9;z-index:2}
+.nf-t-h{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}
+.nf-t-h[data-edge="start"]{left:-1px}
+.nf-t-h[data-edge="end"]{right:-1px}
+.nf-t-ms{position:absolute;z-index:1;width:14px;height:14px;margin-top:2px;transform:rotate(45deg);border-radius:3px;background:var(--bar);border:1px solid var(--bar);cursor:pointer}
+.nf-t-ms[data-style="outline"]{background:var(--nf-surface);border:2px solid var(--bar)}
+.nf-t-ms[aria-selected="true"]{box-shadow:0 0 0 2px var(--nf-surface),0 0 0 4px var(--nf-focus)}
+.nf-t-label{position:absolute;z-index:1;font-size:var(--nf-text-value);font-weight:500;white-space:nowrap;color:var(--nf-ink);pointer-events:none;background:var(--nf-surface);padding:0 3px;margin-left:-3px;border-radius:3px}
+/* Connectors run under bars, diamonds and labels. */
+.nf-t-depwrap{position:absolute;top:0;z-index:0;pointer-events:none}
+.nf-t-deps{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}
+.nf-t-deps path{fill:none;stroke:var(--nf-muted);stroke-width:1.25}
+.nf-t-draglabel{position:absolute;z-index:6;padding:4px 8px;border-radius:6px;background:var(--nf-tooltip-bg);color:var(--nf-tooltip-ink);font-size:var(--nf-text-value);white-space:nowrap;pointer-events:none;direction:ltr}
+.nf-t-empty{position:absolute;left:var(--nf-lanehead);right:0;top:40px;text-align:center;color:var(--nf-muted);font-size:var(--nf-text-body)}.nf-t-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-t-emptyaction small{font-size:var(--nf-text-callout);max-width:360px}.nf-t-emptyaction [role="alert"]{color:var(--nf-negative,#D93F2B)}
+.nf-t-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
+.nf-t-legend{display:flex;flex-wrap:wrap;gap:12px;padding:8px 16px;border-top:1px solid var(--nf-line);font-size:var(--nf-text-callout);color:var(--nf-muted)}
+.nf-t-legend span{display:inline-flex;align-items:center;gap:6px}
+.nf-t-legend i{display:inline-block;width:14px;height:10px;border-radius:3px;background:var(--sw);border:1px solid var(--sw)}
+.nf-t-legend i[data-style="outline"]{background:transparent;border-style:dashed}
+.nf-t-legend i[data-style="done"]{background:color-mix(in srgb,var(--sw) 22%,var(--nf-surface))}
+.nf-t-tray{flex:none;width:260px;display:flex;flex-direction:column;border-left:1px solid var(--nf-line);background:var(--nf-surface)}
+.nf-tl[data-narrow] .nf-t-tray{position:absolute;inset:0;z-index:6;width:auto;border-left:0}
+.nf-t-trayhead{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--nf-line);font-weight:600}
+.nf-t-traylist{flex:1;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:6px;margin:0;list-style:none}
+.nf-t-trayitem{display:block;width:100%;text-align:start;font:inherit;font-size:var(--nf-text-body);padding:8px 10px;border-radius:9px;border:1px solid var(--nf-line);border-inline-start:3px solid var(--bar);background:var(--nf-surface);color:var(--nf-ink);cursor:pointer}
+.nf-t-trayitem small{display:block;margin-top:2px;font-size:var(--nf-text-callout);color:var(--nf-muted)}
+.nf-t-trayitem[aria-pressed="true"]{border-color:var(--nf-focus)}
+.nf-t-nnl{flex:1;min-width:0;overflow:auto}
+.nf-t-nnlgrid{display:grid;min-width:640px}
+.nf-t-nnlhead{position:sticky;top:0;z-index:2;padding:12px 12px 8px;background:var(--nf-surface);border-bottom:1px solid var(--nf-line);font-weight:600;font-size:var(--nf-text-header)}
+.nf-t-nnlhead .nf-t-lanecount{margin-inline-start:6px}
+.nf-t-nnllane{padding:10px 12px;font-size:var(--nf-text-header);font-weight:600;border-bottom:1px solid var(--nf-line-soft);background:var(--nf-surface)}
+.nf-t-nnlcell{padding:8px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--nf-line-soft);border-inline-start:1px solid var(--nf-line-soft)}
+.nf-t-nnlgrid>[data-alt]{background:var(--nf-surface-alt)}
+.nf-t-card{display:block;width:100%;text-align:start;font:inherit;font-size:var(--nf-text-body);padding:8px 10px;border-radius:8px;border:1px solid var(--nf-line);border-inline-start:4px solid var(--bar);background:var(--nf-surface);color:var(--nf-ink);cursor:pointer}
+.nf-t-card small{display:block;margin-top:2px;font-size:var(--nf-text-callout);color:var(--nf-muted)}
+.nf-t-card[aria-pressed="true"]{border-color:var(--nf-focus)}
+.nf-t-menuwrap{position:relative;display:inline-flex}
+.nf-t-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:9;min-width:180px;display:flex;flex-direction:column;padding:4px;border-radius:10px;border:1px solid var(--nf-line);background:var(--nf-surface);box-shadow:0 8px 24px rgba(14,17,22,.14)}
+.nf-t-menu [role="menuitem"]{font:inherit;font-size:var(--nf-text-body);text-align:start;color:var(--nf-ink);background:none;border:0;border-radius:7px;padding:8px 10px;cursor:pointer;unicode-bidi:plaintext}
+.nf-t-menu [role="menuitem"]:hover,.nf-t-menu [role="menuitem"]:focus-visible{background:var(--nf-line-soft);outline:none}
+.nf-t-menu [role="menuitem"]:focus-visible{box-shadow:inset 0 0 0 2px var(--nf-focus)}
+.nf-t-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-t-mark:hover{color:var(--nf-ink)}
+.nf-t-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-t-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-t-renew:hover{color:var(--nf-ink)}
+.nf-t-renew:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-t-renew::before{content:"";width:6px;height:6px;border-radius:3px;background:var(--nf-milestone)}
+.nf-t-mark:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-t-toasts{position:absolute;left:50%;bottom:16px;z-index:8;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
+.nf-t-toast{pointer-events:auto;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-t-in ${motion.fast} ${motion.ease} both}
+.nf-t-toast[data-tone="error"]{background:var(--nf-negative);color:#fff}
+.nf-t-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-t-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-t-toast button:focus-visible{outline:2px solid var(--nf-focus);outline-offset:2px}
+.nf-tl.nf-t-settled .nf-t-bar,.nf-tl.nf-t-settled .nf-t-ms{animation:nf-t-in ${motion.base} ${motion.ease} both}
+@keyframes nf-t-in{from{opacity:0;transform:scaleX(.96)}to{opacity:1;transform:none}}
+@media (prefers-reduced-motion: reduce){.nf-tl *{animation:none!important;transition:none!important}}
+.nf-tl[data-static] *{animation:none!important;transition:none!important}
+.nf-t-bar[data-dim],.nf-t-ms[data-dim],.nf-t-label[data-dim]{opacity:${HOST_DIM}}
+@media (forced-colors: active){
+.nf-tl{border-color:CanvasText}
+.nf-t-bar,.nf-t-ms,.nf-t-today,.nf-t-count,.nf-t-legend i{forced-color-adjust:none}
+.nf-t-bar{background:Canvas;color:CanvasText;border:1px solid CanvasText}
+.nf-t-bar[data-style="outline"]{border-style:dashed}
+.nf-t-bar[data-style="done"]{border-style:dotted}
+.nf-t-ms{background:CanvasText;border-color:CanvasText}
+.nf-t-bar[aria-selected="true"],.nf-t-ms[aria-selected="true"]{box-shadow:none;outline:2px solid Highlight;outline-offset:2px}
+.nf-t-today{background:Highlight}
+.nf-t-count{background:Canvas;color:CanvasText;border:1px solid CanvasText}
+.nf-t-legend i{background:Canvas;border-color:CanvasText}
+.nf-t-seg .nf-t-btn[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px}
+.nf-t-card,.nf-t-trayitem,.nf-t-menu{border-color:CanvasText}
+.nf-t-card[aria-pressed="true"],.nf-t-trayitem[aria-pressed="true"]{outline:2px solid Highlight}
+.nf-t-toast{forced-color-adjust:none;background:Canvas;color:CanvasText;border:1px solid CanvasText}
+.nf-tl :focus-visible{outline:2px solid Highlight}
+}
+`;
+
+// src/export.ts
+var PRINT_TIMELINE_W = 840;
+var PRINT_LANE_W = 180;
+var PRINT_ROW = 22;
+var e = escapeHtml;
+function fitScale(s, width) {
+  const k = width / s.width;
+  return {
+    x: (day) => Math.round(s.x(day) * k * 10) / 10,
+    dayWidth: s.dayWidth * k,
+    width,
+    major: s.major.map((t) => ({ x: t.x * k, width: t.width * k, label: t.label })),
+    minor: s.minor.map((t) => ({ x: t.x * k, width: t.width * k, label: t.label })),
+    startDay: s.startDay,
+    endDay: s.endDay
+  };
+}
+var fallback = (t) => ({ color: t.accent, text: t.accentText, style: "solid" });
+function laneSvg(lane, f, o) {
+  const t = o.theme;
+  const { row, rows } = packRows(lane.items.map((p) => footprint(p, f)));
+  const h = Math.max(28, rows * PRINT_ROW + 8);
+  const out = [];
+  for (const m of f.minor) out.push(`<line x1="${m.x}" x2="${m.x}" y1="0" y2="${h}" stroke="${t.lineSoft}"/>`);
+  if (o.today >= f.startDay && o.today < f.endDay) {
+    const tx = f.x(o.today) + f.dayWidth / 2;
+    out.push(`<line x1="${tx}" x2="${tx}" y1="0" y2="${h}" stroke="${brand.ember}" stroke-width="1.5"/>`);
+  }
+  for (const p of lane.items) {
+    const look = o.looks.get(p.id) ?? fallback(t);
+    const y = 4 + (row.get(p.id) ?? 0) * PRINT_ROW;
+    if (p.milestone) {
+      const cx = f.x(p.start) + f.dayWidth / 2;
+      out.push(`<rect x="${cx - 5}" y="${y + 4}" width="10" height="10" rx="2" fill="${look.style === "outline" ? "#fff" : look.color}" stroke="${look.color}" stroke-width="1.5" transform="rotate(45 ${cx} ${y + 9})"/>`);
+      out.push(`<text x="${cx + 9}" y="${y + 12.5}" fill="${t.ink}">${e(p.item.name)}</text>`);
+      continue;
+    }
+    const x0 = f.x(p.start);
+    const w = Math.max(3, f.x(p.end + 1) - x0);
+    const attrs = look.style === "outline" ? `fill="#fff" stroke="${look.color}" stroke-dasharray="3 2"` : look.style === "done" ? `fill="${look.color}" fill-opacity=".25" stroke="${look.color}" stroke-opacity=".5"` : `fill="${look.color}"`;
+    out.push(`<rect x="${x0}" y="${y}" width="${w}" height="17" rx="4" ${attrs}/>`);
+    const inside = w >= LABEL_INSIDE_MIN;
+    const ink = look.style === "solid" ? look.text : t.ink;
+    const maxChars = Math.floor((w - 8) / 5.4);
+    const name = inside ? p.item.name.length <= maxChars ? p.item.name : `${p.item.name.slice(0, Math.max(1, maxChars - 1))}\u2026` : p.item.name;
+    out.push(`<text x="${inside ? x0 + 5 : x0 + w + 5}" y="${y + 12}" fill="${inside ? ink : t.ink}">${e(name)}</text>`);
+  }
+  return `<svg width="${f.width}" height="${h}" viewBox="0 0 ${f.width} ${h}" aria-hidden="true">${out.join("")}</svg>`;
+}
+function legendHtml(o) {
+  const seen = /* @__PURE__ */ new Map();
+  for (const l of o.lanes) for (const p of l.items) {
+    const key = (p.item.status ?? "").trim();
+    if (key && !seen.has(key)) seen.set(key, o.looks.get(p.id) ?? fallback(o.theme));
+  }
+  const sw = (a) => a.style === "outline" ? `border:1.5px dashed ${a.color};background:#fff` : a.style === "done" ? `background:${a.color};opacity:.35` : `background:${a.color}`;
+  return [
+    ...[...seen.entries()].map(([k, a]) => `<span><i style="${sw(a)}"></i>${e(k)}</span>`),
+    `<span><i style="background:${o.theme.ink};width:8px;height:8px;transform:rotate(45deg)"></i>Milestone</span>`,
+    `<span><i style="background:${brand.ember};width:2px;height:11px"></i>Today</span>`
+  ].join("");
+}
+function shell(title, meta, legend, t, body) {
+  return `<!doctype html><html><head><meta charset="utf-8"><title>${e(title)}</title><style>
+@page{size:landscape;margin:10mm}
+*{box-sizing:border-box}
+html,body{margin:0;background:#fff;color:${t.ink};font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
+header{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:8px}
+h1{font-size:16px;margin:0;letter-spacing:-0.01em}
+h2{font-size:12px;margin:14px 0 6px}
+.meta{color:${t.muted}}
+.legend{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto;color:${t.muted}}
+.legend span{display:inline-flex;align-items:center;gap:5px}
+.legend i{display:inline-block;width:16px;height:9px;border-radius:2px}
+table{width:100%;border-collapse:collapse;table-layout:fixed}
+thead{display:table-header-group}
+tr{page-break-inside:avoid;break-inside:avoid}
+th{font-weight:600;text-align:left;padding:0 6px 4px;border-bottom:1px solid ${t.line};vertical-align:bottom}
+th.tl{padding:0}
+td{padding:4px 6px;border-bottom:1px solid ${t.lineSoft};vertical-align:top}
+td.tl{padding:0}
+tr.alt td{background:${t.surfaceAlt}}
+td.lane{font-weight:600}
+svg text{font-family:inherit;font-size:9px}
+.muted{color:${t.muted}}
+.card{border:1px solid ${t.line};border-left:3px solid var(--c);border-radius:4px;padding:3px 6px;margin-bottom:4px}
+.card small{display:block;color:${t.muted}}
+</style></head><body>
+<header><h1>${e(title)}</h1><span class="meta">${meta}</span><div class="legend">${legend}</div></header>
+${body}
+</body></html>`;
+}
+function trayTable(o) {
+  if (!o.unscheduled.length) return "";
+  return `<h2>Not scheduled (${o.unscheduled.length})</h2><table><colgroup><col><col style="width:160px"><col style="width:120px"><col style="width:90px"></colgroup><thead><tr><th>Item</th><th>Lane</th><th>Status</th><th>Horizon</th></tr></thead><tbody>${o.unscheduled.map((i) => `<tr><td>${e(i.name)}</td><td>${e(i.lane || NO_LANE)}</td><td class="muted">${e(i.status ?? "")}</td><td class="muted">${e(i.horizon ?? "")}</td></tr>`).join("")}</tbody></table>`;
+}
+function timelinePrintHtml(o) {
+  const t = o.theme;
+  const count = o.lanes.reduce((n, l) => n + l.items.length, 0) + o.unscheduled.length;
+  if (o.mode === "horizon") {
+    const all = [...o.lanes.flatMap((l) => l.items.map((p) => p.item)), ...o.unscheduled];
+    const cols = horizonColumns(all);
+    const lanes = [...new Set(all.map((i) => (i.lane ?? "").trim() || NO_LANE))];
+    const body2 = `<table><thead><tr><th style="width:150px">Lane</th>${cols.map((c) => `<th>${e(c.key)} <span class="muted">${c.items.length}</span></th>`).join("")}</tr></thead><tbody>${lanes.map(
+      (lane, i) => `<tr${i % 2 ? ' class="alt"' : ""}><td class="lane">${e(lane)}</td>${cols.map(
+        (c) => `<td>${c.items.filter((it) => ((it.lane ?? "").trim() || NO_LANE) === lane).map((it) => {
+          const p = place(it);
+          const when = p ? p.milestone ? dayLabel(p.start) : rangeLabel(p.start, p.end) : "Not scheduled";
+          return `<div class="card" style="--c:${(o.looks.get(it.id) ?? fallback(t)).color}">${e(it.name)}<small>${e([it.status, when].filter(Boolean).join(" \xB7 "))}</small></div>`;
+        }).join("")}</td>`
+      ).join("")}</tr>`
+    ).join("")}</tbody></table>`;
+    return shell(o.title, `Now, next and later \xB7 ${count} items \xB7 Printed on ${e(o.printedOn)}`, legendHtml(o), t, body2);
+  }
+  const f = fitScale(o.scale, PRINT_TIMELINE_W);
+  const head = `<svg width="${f.width}" height="34" viewBox="0 0 ${f.width} 34" aria-hidden="true">${f.major.map((m) => `<line x1="${m.x}" x2="${m.x}" y1="0" y2="34" stroke="${t.line}"/><text x="${m.x + 4}" y="11" font-weight="600" fill="${t.ink}">${e(m.label)}</text>`).join("")}${f.minor.map((m) => `<line x1="${m.x}" x2="${m.x}" y1="16" y2="34" stroke="${t.lineSoft}"/><text x="${m.x + 4}" y="28" fill="${t.muted}">${e(m.label)}</text>`).join("")}</svg>`;
+  const rows = o.lanes.map((l, i) => `<tr${i % 2 ? ' class="alt"' : ""}><td class="lane">${e(l.label)} <span class="muted">${l.items.length}</span></td><td class="tl">${laneSvg(l, f, o)}</td></tr>`).join("");
+  const range = `${o.scale.minor[0]?.label ?? ""} \u2013 ${o.scale.minor[o.scale.minor.length - 1]?.label ?? ""}`;
+  const body = `<table><colgroup><col style="width:${PRINT_LANE_W}px"><col style="width:${f.width}px"></colgroup><thead><tr><th>Lane</th><th class="tl">${head}</th></tr></thead><tbody>${rows}</tbody></table>${trayTable(o)}`;
+  return shell(o.title, `${e(range)} \xB7 ${count} items \xB7 Printed on ${e(o.printedOn)}`, legendHtml(o), t, body);
+}
+var TITLE_H = 48;
+var LEGEND_H = 36;
+var FONT = 'Geist, system-ui, -apple-system, "Segoe UI", sans-serif';
+function timelinePngSize(o) {
+  const body = o.lanes.reduce((h, l) => h + l.height, 0) || 60;
+  const width = Math.ceil(LANE_HEAD_W + o.scale.width);
+  const height = Math.ceil(TITLE_H + HEAD_H + body + LEGEND_H);
+  const ratio2 = exportRatio(width, height);
+  return ratio2 === null ? null : { width, height, ratio: ratio2 };
+}
+function roundRect(ctx, x, y, w, h, r) {
+  const rr = Math.min(r, w / 2, h / 2);
+  ctx.beginPath();
+  ctx.moveTo(x + rr, y);
+  ctx.arcTo(x + w, y, x + w, y + h, rr);
+  ctx.arcTo(x + w, y + h, x, y + h, rr);
+  ctx.arcTo(x, y + h, x, y, rr);
+  ctx.arcTo(x, y, x + w, y, rr);
+  ctx.closePath();
+}
+function drawTimeline(ctx, size, o) {
+  const c = (v, fb) => canvasColor(ctx, v, fb);
+  const T = { surface: c(o.theme.surface, "#fff"), alt: c(o.theme.surfaceAlt, "#f6f6f3"), ink: c(o.theme.ink, "#111"), muted: c(o.theme.muted, "#666"), line: c(o.theme.line, "#ddd"), soft: c(o.theme.lineSoft, "#eee") };
+  const s = o.scale;
+  const X0 = LANE_HEAD_W;
+  const Y0 = TITLE_H + HEAD_H;
+  ctx.save();
+  ctx.scale(size.ratio, size.ratio);
+  ctx.fillStyle = T.surface;
+  ctx.fillRect(0, 0, size.width, size.height);
+  ctx.textBaseline = "middle";
+  ctx.fillStyle = T.ink;
+  ctx.font = `600 16px ${FONT}`;
+  ctx.fillText(o.title, 16, 24);
+  for (const m of s.major) {
+    ctx.fillStyle = T.line;
+    ctx.fillRect(X0 + m.x, TITLE_H, 1, size.height - TITLE_H - LEGEND_H);
+    ctx.fillStyle = T.ink;
+    ctx.font = `600 12px ${FONT}`;
+    ctx.fillText(m.label, X0 + m.x + 8, TITLE_H + 13);
+  }
+  for (const m of s.minor) {
+    ctx.fillStyle = T.soft;
+    ctx.fillRect(X0 + m.x, TITLE_H + 26, 1, size.height - TITLE_H - 26 - LEGEND_H);
+    ctx.fillStyle = T.muted;
+    ctx.font = `400 11px ${FONT}`;
+    ctx.fillText(m.label, X0 + m.x + 8, TITLE_H + 39);
+  }
+  ctx.fillStyle = T.line;
+  ctx.fillRect(0, Y0 - 1, size.width, 1);
+  for (const l of o.lanes) {
+    const y = Y0 + l.top;
+    if (l.index % 2) {
+      ctx.fillStyle = T.alt;
+      ctx.fillRect(0, y, size.width, l.height);
+    }
+    ctx.fillStyle = T.soft;
+    ctx.fillRect(0, y + l.height - 1, size.width, 1);
+    ctx.fillStyle = T.ink;
+    ctx.font = `600 13px ${FONT}`;
+    ctx.fillText(`${l.label}  ${l.items.length}`, 16, y + 20, LANE_HEAD_W - 28);
+    if (l.collapsed) continue;
+    for (const p of l.items) drawItem(ctx, p, l, o, T, X0, y);
+  }
+  ctx.fillStyle = T.line;
+  ctx.fillRect(LANE_HEAD_W - 1, TITLE_H, 1, size.height - TITLE_H - LEGEND_H);
+  const legendY = size.height - LEGEND_H;
+  if (o.today >= s.startDay && o.today < s.endDay) {
+    ctx.fillStyle = brand.ember;
+    ctx.fillRect(X0 + s.x(o.today) + s.dayWidth / 2 - 1, TITLE_H, 2, legendY - TITLE_H);
+  }
+  drawLegend(ctx, o, T, legendY, size.width);
+  ctx.restore();
+}
+function drawLegend(ctx, o, T, y, width) {
+  ctx.fillStyle = T.surface;
+  ctx.fillRect(0, y, width, LEGEND_H);
+  ctx.fillStyle = T.line;
+  ctx.fillRect(0, y, width, 1);
+  const seen = /* @__PURE__ */ new Map();
+  for (const l of o.lanes) for (const p of l.items) {
+    const key = (p.item.status ?? "").trim();
+    if (key && !seen.has(key)) seen.set(key, o.looks.get(p.id) ?? fallback(o.theme));
+  }
+  ctx.font = `400 12px ${FONT}`;
+  ctx.textBaseline = "middle";
+  let x = 16;
+  const cy = y + LEGEND_H / 2;
+  for (const [label, look] of seen) {
+    const color = canvasColor(ctx, look.color, "#2E54FF");
+    roundRect(ctx, x, cy - 5, 16, 10, 3);
+    if (look.style === "outline") {
+      ctx.setLineDash([3, 2]);
+      ctx.strokeStyle = color;
+      ctx.stroke();
+      ctx.setLineDash([]);
+    } else {
+      ctx.save();
+      if (look.style === "done") ctx.globalAlpha = 0.3;
+      ctx.fillStyle = color;
+      ctx.fill();
+      ctx.restore();
+    }
+    ctx.fillStyle = T.muted;
+    ctx.fillText(label, x + 22, cy);
+    x += 22 + ctx.measureText(label).width + 18;
+  }
+  ctx.save();
+  ctx.translate(x + 5, cy);
+  ctx.rotate(Math.PI / 4);
+  ctx.fillStyle = T.ink;
+  ctx.fillRect(-4, -4, 8, 8);
+  ctx.restore();
+  ctx.fillStyle = T.muted;
+  ctx.fillText("Milestone", x + 16, cy);
+  x += 16 + ctx.measureText("Milestone").width + 18;
+  ctx.fillStyle = brand.ember;
+  ctx.fillRect(x, cy - 6, 2, 12);
+  ctx.fillStyle = T.muted;
+  ctx.fillText("Today", x + 8, cy);
+}
+function drawItem(ctx, p, l, o, T, X0, laneY) {
+  const s = o.scale;
+  const look = o.looks.get(p.id) ?? fallback(o.theme);
+  const color = canvasColor(ctx, look.color, "#2E54FF");
+  const y = laneY + LANE_PAD + (l.row.get(p.id) ?? 0) * ROW_H;
+  ctx.font = `500 12px ${FONT}`;
+  if (p.milestone) {
+    const cx = X0 + s.x(p.start) + s.dayWidth / 2;
+    ctx.save();
+    ctx.translate(cx, y + 13);
+    ctx.rotate(Math.PI / 4);
+    ctx.fillStyle = look.style === "outline" ? T.surface : color;
+    ctx.fillRect(-6, -6, 12, 12);
+    ctx.strokeStyle = color;
+    ctx.lineWidth = 2;
+    ctx.strokeRect(-6, -6, 12, 12);
+    ctx.restore();
+    ctx.fillStyle = T.ink;
+    ctx.fillText(p.item.name, cx + 12, y + 13.5);
+    return;
+  }
+  const x0 = X0 + s.x(p.start);
+  const w = Math.max(6, s.x(p.end + 1) - s.x(p.start));
+  roundRect(ctx, x0, y + 4, w, ROW_H - 8, 6);
+  if (look.style === "outline") {
+    ctx.fillStyle = T.surface;
+    ctx.fill();
+    ctx.setLineDash([4, 3]);
+    ctx.strokeStyle = color;
+    ctx.lineWidth = 1.5;
+    ctx.stroke();
+    ctx.setLineDash([]);
+  } else if (look.style === "done") {
+    ctx.save();
+    ctx.globalAlpha = 0.25;
+    ctx.fillStyle = color;
+    ctx.fill();
+    ctx.restore();
+  } else {
+    ctx.fillStyle = color;
+    ctx.fill();
+  }
+  const inside = w >= LABEL_INSIDE_MIN;
+  ctx.save();
+  if (inside) {
+    ctx.beginPath();
+    ctx.rect(x0 + 6, y, w - 10, ROW_H);
+    ctx.clip();
+  }
+  ctx.fillStyle = inside && look.style === "solid" ? canvasColor(ctx, look.text, "#fff") : T.ink;
+  ctx.fillText(p.item.name, inside ? x0 + 8 : x0 + w + 6, y + 15.5, inside ? void 0 : labelWidth(p.item.name) + 40);
+  ctx.restore();
+}
+function exportTimelinePng(o, fileName, doc = document) {
+  const size = timelinePngSize(o);
+  if (!size) return false;
+  const canvas = doc.createElement("canvas");
+  canvas.width = Math.round(size.width * size.ratio);
+  canvas.height = Math.round(size.height * size.ratio);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return false;
+  drawTimeline(ctx, size, o);
+  downloadCanvas(canvas, fileName, doc);
+  return true;
+}
+
+// src/theme.ts
+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) {
+    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 vars = { ...themeVars(overrides, base), "--nf-accent-solid": pair.background };
+  if (colors?.today) vars["--nf-now"] = colors.today;
+  else if (colors?.foreground) vars["--nf-now"] = colors.foreground;
+  return vars;
+}
+function hostColors(c) {
+  const o = {};
+  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.tooltipBg = o.focus = c.foreground;
+  return o;
+}
+function accentOf(theme, accent) {
+  if (accent) return accent;
+  if (typeof theme === "object" && theme.accent) return theme.accent;
+  return (theme === "dark" ? darkTheme : lightTheme).accent;
+}
+function palette(theme, accent, forceLight) {
+  const base = theme === "dark" && !forceLight ? darkTheme : lightTheme;
+  const own = typeof theme === "object" && !forceLight ? theme : {};
+  return { ...base, ...own, ...accent ? { accent, accentText: own.accentText ?? accentForText(accent).text } : {} };
+}
+
+// src/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/Timeline.tsx
+var ZOOMS = [
+  { id: "month", label: "Month" },
+  { id: "quarter", label: "Quarter" },
+  { id: "half", label: "Half-year" }
+];
+var MODES = [
+  { id: "dates", label: "Dates" },
+  { id: "horizon", label: "Now \xB7 Next \xB7 Later" }
+];
+var DRAG_THRESHOLD = 4;
+var SETTLE_MS = 700;
+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 monthLabel(label, width, px) {
+  const fits = (n) => n * px * 0.62 + 10 <= width;
+  if (fits(label.length)) return label;
+  return fits(1) ? label.slice(0, 1) : "";
+}
+function Timeline(props) {
+  const title = props.title ?? "Roadmap";
+  const accent = accentOf(props.theme, props.accent);
+  const license = useLicense(props.licenseKey, { product: "plan", tenantId: props.tenantId });
+  const renewal = props.renewalNotice !== false ? renewalNotice(license) : null;
+  const todayDay = useMemo2(() => {
+    const d = dayOfIso(props.today);
+    return Number.isNaN(d) ? today() : d;
+  }, [props.today]);
+  const [zoomState, setZoomState] = useState4(props.defaultZoom ?? "quarter");
+  const zoom = props.zoom ?? zoomState;
+  const setZoom = (z) => {
+    if (props.zoom === void 0) setZoomState(z);
+    props.onZoomChange?.(z);
+  };
+  const [modeState, setModeState] = useState4(props.defaultMode ?? "dates");
+  const mode = props.mode ?? modeState;
+  const setMode = (m) => {
+    if (props.mode === void 0) setModeState(m);
+    props.onModeChange?.(m);
+  };
+  const [filter, setFilter] = useState4("");
+  const [collapsed, setCollapsed] = useState4(() => /* @__PURE__ */ new Set());
+  const [trayOpen, setTrayOpen] = useState4(false);
+  const [selected, setSelectedState] = useState4(null);
+  const setSelected = (id, multi = false) => {
+    setSelectedState(id);
+    props.onSelect?.(id, { multi });
+  };
+  const hl = props.highlighted && props.highlighted.length ? new Set(props.highlighted) : void 0;
+  const hovering = useRef3(false);
+  const hostHover = (item, at) => {
+    if (!props.onHover) return;
+    if (item === null && !hovering.current) return;
+    hovering.current = item !== null;
+    props.onHover(item, at);
+  };
+  const can = (action, item) => canEdit(props.editable, !!props.onItemChange, action, item);
+  const placedRef = useRef3(/* @__PURE__ */ new Map());
+  const spec = {
+    ...TIMELINE_FIELDS,
+    // View-only without a key that unlocks Pro actions (Matt, 2026-11-08). Quiet while checking.
+    ...lockFor(license, unlocksPro(license), "Plan", "timeline"),
+    noun: "item",
+    describe: (change, nameOf) => describeChange(change, nameOf(change.id), placedRef.current.get(change.id))
+  };
+  const items = useMemo2(() => cleanItems(props.items), [props.items]);
+  const editing = useEditing(items, props.onItemChange, spec);
+  const announce = editing.announce;
+  const baseRef = useRef3(editing.shown);
+  baseRef.current = editing.shown;
+  const uid = useState4(() => nextUid("nft"))[0];
+  const textScale = clampTextScale(props.textScale ?? 1);
+  const rowH = scaleWithText(ROW_H, textScale);
+  const laneHeadW = Math.round(LANE_HEAD_W * textScale);
+  const labelLineH = Math.ceil(textSize("value", textScale, props.textSizes) * 1.34);
+  const rootRef = useRef3(null);
+  const scrollRef = useRef3(null);
+  const dragRef = useRef3(null);
+  const [preview, setPreview] = useState4(null);
+  const [dragging, setDragging] = useState4(false);
+  const [width, setWidth] = useState4(1e3);
+  useLayoutEffect(() => {
+    const el = rootRef.current;
+    if (!el) return;
+    const measure = () => setWidth(el.clientWidth || 1e3);
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const narrow = width < 600;
+  const [inheritedRtl, setInheritedRtl] = useState4(false);
+  useLayoutEffect(() => {
+    const parent = rootRef.current?.parentElement;
+    if (parent && typeof getComputedStyle === "function") setInheritedRtl(getComputedStyle(parent).direction === "rtl");
+  }, []);
+  const rtl = props.dir ? props.dir === "rtl" : inheritedRtl;
+  const dirAttr = rtl ? "rtl" : void 0;
+  const [settled, setSettled] = useState4(true);
+  useEffect3(() => {
+    if (props.animate === false) return;
+    setSettled(false);
+    const t = setTimeout(() => setSettled(true), SETTLE_MS);
+    return () => clearTimeout(t);
+  }, []);
+  const shown = useMemo2(() => {
+    if (!preview) return editing.shown;
+    return editing.shown.map((i) => i.id === preview.id ? { ...i, start: isoOfDay(preview.start), end: i.end || preview.end !== preview.start ? isoOfDay(preview.end) : void 0 } : i);
+  }, [editing.shown, preview]);
+  const range = useMemo2(() => timelineRange(shown.map(place), todayDay), [shown, todayDay]);
+  const scale = useMemo2(
+    () => createRoadmapScale({ from: range.from, to: range.to, zoom, fiscalYearStart: props.fiscalYearStart, minWidth: Math.max(0, width - laneHeadW - 2) }),
+    [range.from, range.to, zoom, props.fiscalYearStart, width]
+  );
+  const headH = scaleWithText(HEAD_H, textScale) + (scale.months.length ? scaleWithText(MONTH_ROW_H, textScale) : 0);
+  const { lanes, unscheduled } = useMemo2(() => buildLanes(shown, scale, { textScale, laneOrder: props.laneOrder, collapsed, filter }), [shown, scale, props.laneOrder, collapsed, filter]);
+  const placedById = useMemo2(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const l of lanes) for (const p of l.items) m.set(p.id, { p, lane: l });
+    return m;
+  }, [lanes]);
+  placedRef.current = new Map([...placedById].map(([id, v]) => [id, v.p]));
+  const bodyHeight = lanes.reduce((h, l) => h + l.height, 0);
+  const colorBy = props.colorBy ?? "status";
+  const looks = useMemo2(() => {
+    const seen = /* @__PURE__ */ new Map();
+    return new Map(
+      shown.map((it) => [it.id, appearance(it, { colorBy, accent, statusColors: props.statusColors, laneColors: props.laneColors, seen })])
+    );
+  }, [shown, colorBy, accent, props.statusColors, props.laneColors]);
+  const lookOf = (id) => looks.get(id) ?? { color: accent, text: "#fff", style: "solid" };
+  useEffect3(() => {
+    const el = scrollRef.current;
+    if (!el || mode !== "dates") return;
+    const tx = scale.x(todayDay);
+    el.scrollLeft = Math.max(0, tx - (el.clientWidth - laneHeadW) / 3);
+  }, [zoom, mode]);
+  const goToday = () => {
+    const el = scrollRef.current;
+    if (!el) return;
+    el.scrollLeft = Math.max(0, scale.x(todayDay) - (el.clientWidth - laneHeadW) / 3);
+    announce(`Today, ${dayLabel(todayDay)}`);
+  };
+  const words = (p, lane) => itemWords(p, {
+    lane: lane.label,
+    status: p.item.status,
+    dependsOn: (p.item.dependsOn ?? []).map((d) => placedById.get(d)?.p.item.name ?? "").filter(Boolean)
+  });
+  const anchorOf = (id) => {
+    const el = typeof document !== "undefined" ? document.getElementById(`${uid}-i-${id}`) : null;
+    const r = el?.getBoundingClientRect();
+    return r ? { clientX: r.left + r.width / 2, clientY: r.top + r.height / 2, multi: false } : null;
+  };
+  const select = (id, scrollIntoView = false, multi = false) => {
+    setSelected(id, multi);
+    if (id && scrollIntoView && props.onHover) {
+      const item = placedById.get(id)?.p.item;
+      requestAnimationFrame(() => {
+        const at = anchorOf(id);
+        if (item && at) hostHover(item, at);
+      });
+    }
+    if (!id || !scrollIntoView) return;
+    const hit = placedById.get(id);
+    const el = scrollRef.current;
+    if (!hit || !el) return;
+    const x = scale.x(hit.p.start);
+    if (x < el.scrollLeft || x > el.scrollLeft + el.clientWidth - laneHeadW - 60) el.scrollLeft = Math.max(0, x - 60);
+    const top = hit.lane.top;
+    if (top < el.scrollTop || top + hit.lane.height > el.scrollTop + el.clientHeight - headH) el.scrollTop = Math.max(0, top - 40);
+  };
+  const neighbour = (id, key) => {
+    const visible = lanes.filter((l) => !l.collapsed && l.items.length);
+    if (!visible.length) return null;
+    const cur = id ? placedById.get(id) : void 0;
+    if (!cur) return visible[0].items[0].id;
+    const li = visible.indexOf(cur.lane);
+    const items2 = cur.lane.items;
+    const i = items2.indexOf(cur.p);
+    if (key === "ArrowRight") return items2[i + 1]?.id ?? cur.p.id;
+    if (key === "ArrowLeft") return items2[i - 1]?.id ?? cur.p.id;
+    const target = visible[li + (key === "ArrowDown" ? 1 : -1)];
+    if (!target) return cur.p.id;
+    let best = target.items[0];
+    for (const p of target.items) if (Math.abs(p.start - cur.p.start) < Math.abs(best.start - cur.p.start)) best = p;
+    return best.id;
+  };
+  const commit = (change) => {
+    if (change) editing.commit(change);
+  };
+  const onGridKeyDown = (e2) => {
+    const mod = e2.ctrlKey || e2.metaKey;
+    if (mod && !e2.altKey && (e2.key === "z" || e2.key === "Z" || e2.key === "y" || e2.key === "Y")) {
+      if (!props.onItemChange) return;
+      if (e2.key === "y" || e2.key === "Y" || e2.shiftKey) editing.redo();
+      else editing.undo();
+      e2.preventDefault();
+      return;
+    }
+    const ke = keyEdit(e2);
+    if (ke) {
+      e2.preventDefault();
+      const hit = selected ? placedById.get(selected) : void 0;
+      if (!hit) return;
+      const action = ke.mode === "end" ? "resize" : "move";
+      if (!can(action, hit.p.item) || ke.mode === "end" && hit.p.milestone) return;
+      commit(spanChange(hit.p, keySpan(ke.mode, hit.p.start, hit.p.end, zoom, ke.dir), "keyboard"));
+      return;
+    }
+    switch (e2.key) {
+      case "ArrowLeft":
+      case "ArrowRight":
+      case "ArrowUp":
+      case "ArrowDown": {
+        const next2 = neighbour(selected, e2.key);
+        if (next2) select(next2, true);
+        break;
+      }
+      case "Home":
+        select(lanes.find((l) => l.items.length)?.items[0]?.id ?? null, true);
+        break;
+      case "End": {
+        const last = [...lanes].reverse().find((l) => l.items.length);
+        select(last?.items[last.items.length - 1]?.id ?? null, true);
+        break;
+      }
+      case "Enter": {
+        const hit = selected ? placedById.get(selected) : void 0;
+        if (hit) props.onOpen?.(hit.p.item);
+        break;
+      }
+      case "Escape":
+        select(null);
+        break;
+      default: {
+        const hit = selected ? placedById.get(selected) : void 0;
+        if (isContextMenuKey(e2) && hit && props.onContextMenu) {
+          const at = anchorOf(hit.p.id);
+          if (at) props.onContextMenu(hit.p.item, at);
+          break;
+        }
+        return;
+      }
+    }
+    e2.preventDefault();
+  };
+  const onItemPointerDown = (e2, p) => {
+    if (e2.button !== 0) return;
+    const edge = e2.target.getAttribute("data-edge");
+    const mode2 = edge === "start" ? "start" : edge === "end" ? "end" : "move";
+    select(p.id, false, isMultiSelect(e2));
+    if (!can(mode2 === "move" ? "move" : "resize", p.item)) return;
+    dragRef.current = { id: p.id, mode: mode2, x: e2.clientX, start: p.start, end: p.end, moved: false, pointerId: e2.pointerId, sx: cssScale(rootRef.current).x };
+    const move = (ev) => {
+      const d = dragRef.current;
+      if (!d || ev.pointerId !== d.pointerId) return;
+      const dx = (ev.clientX - d.x) / d.sx;
+      if (!d.moved && Math.abs(dx) < DRAG_THRESHOLD) return;
+      if (!d.moved) {
+        d.moved = true;
+        setDragging(true);
+      }
+      setPreview({ id: d.id, ...dragSpan(d.mode, d.start, d.end, Math.round(dx / scale.dayWidth)) });
+    };
+    const finish = (ev, cancel = false) => {
+      const d = dragRef.current;
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      window.removeEventListener("pointercancel", cancelUp);
+      window.removeEventListener("keydown", esc);
+      dragRef.current = null;
+      setDragging(false);
+      if (!d || !d.moved || cancel) {
+        setPreview(null);
+        if (d?.moved && cancel) announce("Move cancelled");
+        return;
+      }
+      const dx = "clientX" in ev && typeof ev.clientX === "number" ? (ev.clientX - d.x) / d.sx : 0;
+      const span = dragSpan(d.mode, d.start, d.end, Math.round(dx / scale.dayWidth));
+      setPreview(null);
+      const base = baseRef.current.find((i) => i.id === d.id);
+      const before = base ? place(base) : null;
+      if (before) commit(spanChange(before, span, "drag"));
+    };
+    const up = (ev) => finish(ev);
+    const cancelUp = (ev) => finish(ev, true);
+    const esc = (ev) => {
+      if (ev.key === "Escape") finish({}, true);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up);
+    window.addEventListener("pointercancel", cancelUp);
+    window.addEventListener("keydown", esc);
+  };
+  const [exportOpen, setExportOpen] = useState4(false);
+  const exportRef = useRef3(null);
+  useEffect3(() => {
+    if (!exportOpen) return;
+    exportRef.current?.querySelector('[role="menuitem"]')?.focus();
+    const away = (e2) => {
+      if (!exportRef.current?.contains(e2.target)) setExportOpen(false);
+    };
+    document.addEventListener("pointerdown", away, true);
+    return () => document.removeEventListener("pointerdown", away, true);
+  }, [exportOpen]);
+  const exportMenuKeys = (e2) => {
+    const items2 = Array.from(exportRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
+    const i = items2.indexOf(document.activeElement);
+    if (e2.key === "ArrowDown") items2[(i + 1) % items2.length]?.focus();
+    else if (e2.key === "ArrowUp") items2[(i - 1 + items2.length) % items2.length]?.focus();
+    else if (e2.key === "Escape") {
+      setExportOpen(false);
+      exportRef.current?.querySelector("[aria-haspopup]")?.focus();
+    } else return;
+    e2.preventDefault();
+  };
+  const ownerDoc = () => rootRef.current?.ownerDocument ?? document;
+  const exportInput = (forPrint) => ({
+    title,
+    lanes,
+    unscheduled,
+    // Print refits this scale to the page; PNG uses it as is.
+    scale,
+    looks,
+    theme: palette(props.theme, props.accent, forPrint),
+    today: todayDay,
+    printedOn: dayLabel(today()),
+    showDependencies: !!props.showDependencies,
+    mode,
+    fiscalYearStart: props.fiscalYearStart
+  });
+  const copySupport = () => {
+    const host = (props.diagnostics || void 0)?.() ?? {};
+    void copyDiagnostics({
+      product: "Plan",
+      control: "Timeline",
+      version: VERSION,
+      licence: license,
+      rows: props.items.length,
+      ...host
+    }).then((r) => editing.toast({ text: r.message, tone: r.ok ? "info" : "error" }));
+    setExportOpen(false);
+  };
+  const printTimeline = () => {
+    setExportOpen(false);
+    printDocument(timelinePrintHtml(exportInput(true)), ownerDoc());
+    announce("Print dialog opened");
+  };
+  const downloadPng = () => {
+    setExportOpen(false);
+    const ok = exportTimelinePng(exportInput(false), exportFileName(title, isoOfDay(today()), "png", "roadmap"), ownerDoc());
+    if (ok) announce("Image downloaded");
+    else editing.toast({ text: "Too big for one image. Filter or collapse lanes first, or use Print.", tone: "info" });
+  };
+  const toggleLane = (key) => {
+    const next2 = new Set(collapsed);
+    if (next2.has(key)) next2.delete(key);
+    else next2.add(key);
+    setCollapsed(next2);
+    announce(`${key} ${next2.has(key) ? "collapsed" : "expanded"}`);
+  };
+  const renderItem = (p, lane) => {
+    const look = lookOf(p.id);
+    const y = LANE_PAD + (lane.row.get(p.id) ?? 0) * rowH;
+    const isSel = selected === p.id;
+    const style2 = { "--bar": look.color, "--bar-text": look.text };
+    const editable = can("move", p.item);
+    const dim = hl && !isHighlighted(p.id, hl) ? "" : void 0;
+    const common = {
+      id: `${uid}-i-${p.id}`,
+      role: "gridcell",
+      "aria-selected": isSel,
+      "data-style": look.style,
+      "data-preview": preview?.id === p.id ? "" : void 0,
+      "data-edit": editable ? "" : void 0,
+      "data-dim": dim,
+      onPointerDown: (e2) => onItemPointerDown(e2, p),
+      onMouseMove: props.onHover ? (e2) => hostHover(p.item, { clientX: e2.clientX, clientY: e2.clientY, multi: isMultiSelect(e2) }) : void 0,
+      onMouseLeave: props.onHover ? (e2) => hostHover(null, { clientX: e2.clientX, clientY: e2.clientY, multi: false }) : void 0,
+      onContextMenu: props.onContextMenu ? (e2) => {
+        e2.preventDefault();
+        props.onContextMenu(p.item, { clientX: e2.clientX, clientY: e2.clientY, multi: isMultiSelect(e2) });
+      } : void 0,
+      onDoubleClick: () => props.onOpen?.(p.item)
+    };
+    const sr = /* @__PURE__ */ React5.createElement("span", { className: "nf-t-sr" }, words(p, lane));
+    if (p.milestone) {
+      const cx = scale.x(p.start) + scale.dayWidth / 2;
+      return /* @__PURE__ */ React5.createElement(React5.Fragment, { key: p.id }, /* @__PURE__ */ React5.createElement("div", { ...common, className: "nf-t-ms", style: { ...style2, left: cx - 7, top: y + rowH / 2 - 9 } }, sr), /* @__PURE__ */ React5.createElement("span", { className: "nf-t-label", "aria-hidden": "true", "data-dim": dim, style: { left: cx + 12, top: y + (rowH - labelLineH) / 2 } }, p.item.name));
+    }
+    const x0 = scale.x(p.start);
+    const w = Math.max(6, scale.x(p.end + 1) - x0);
+    const inside = w >= LABEL_INSIDE_MIN * textScale;
+    const resizable = can("resize", p.item);
+    return /* @__PURE__ */ React5.createElement(React5.Fragment, { key: p.id }, /* @__PURE__ */ React5.createElement("div", { ...common, className: "nf-t-bar", style: { ...style2, left: x0, width: w, top: y + 4 } }, sr, inside ? /* @__PURE__ */ React5.createElement("span", { className: "nf-t-barname", "aria-hidden": "true" }, p.item.name) : null, resizable ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("span", { className: "nf-t-h", "data-edge": "start", "aria-hidden": "true" }), /* @__PURE__ */ React5.createElement("span", { className: "nf-t-h", "data-edge": "end", "aria-hidden": "true" })) : null), !inside ? /* @__PURE__ */ React5.createElement("span", { className: "nf-t-label", "aria-hidden": "true", "data-dim": dim, style: { left: x0 + w + 6, top: y + 8 } }, p.item.name) : null, preview?.id === p.id ? /* @__PURE__ */ React5.createElement("div", { className: "nf-t-draglabel", "aria-hidden": "true", style: { left: x0, top: Math.max(0, y - 22) } }, rangeLabel(p.start, p.end)) : null);
+  };
+  const connectors = () => {
+    if (!props.showDependencies) return null;
+    const paths = [];
+    for (const { p, lane } of placedById.values()) {
+      if (lane.collapsed) continue;
+      for (const dep of p.item.dependsOn ?? []) {
+        const from = placedById.get(dep);
+        if (!from || from.lane.collapsed) continue;
+        const fy = from.lane.top + LANE_PAD + (from.lane.row.get(from.p.id) ?? 0) * rowH + rowH / 2;
+        const ty = lane.top + LANE_PAD + (lane.row.get(p.id) ?? 0) * rowH + rowH / 2;
+        const fx = from.p.milestone ? scale.x(from.p.start) + scale.dayWidth / 2 + 7 : scale.x(from.p.end + 1);
+        const tx = p.milestone ? scale.x(p.start) + scale.dayWidth / 2 - 7 : scale.x(p.start);
+        paths.push(connectorPath(fx, fy, tx, ty, rowH));
+      }
+    }
+    if (!paths.length) return null;
+    return /* @__PURE__ */ React5.createElement("svg", { className: "nf-t-deps", width: scale.width, height: bodyHeight, "aria-hidden": "true" }, paths.map((d, i) => /* @__PURE__ */ React5.createElement("path", { key: i, d, markerEnd: `url(#${uid}-arrow)` })), /* @__PURE__ */ React5.createElement("defs", null, /* @__PURE__ */ React5.createElement("marker", { id: `${uid}-arrow`, viewBox: "0 0 6 6", refX: "5", refY: "3", markerWidth: "6", markerHeight: "6", orient: "auto" }, /* @__PURE__ */ React5.createElement("path", { d: "M0,0 L6,3 L0,6 z", style: { fill: "var(--nf-muted)", stroke: "none" } }))));
+  };
+  const legendEntries = useMemo2(() => {
+    const out = /* @__PURE__ */ new Map();
+    for (const it of shown) {
+      const key = colorBy === "lane" ? (it.lane ?? "").trim() || NO_LANE : (it.status ?? "").trim();
+      if (key && !out.has(key)) out.set(key, lookOf(it.id));
+    }
+    return [...out.entries()];
+  }, [shown, looks, colorBy]);
+  const style = {
+    ...resolveTheme(props.theme, props.accent, props.colors),
+    ...textVars(textScale, props.textSizes),
+    "--nf-row": `${rowH}px`,
+    "--nf-lanehead": `${laneHeadW}px`,
+    "--nf-head": `${scaleWithText(HEAD_H, textScale)}px`,
+    height: props.height ?? "100%"
+  };
+  const showToolbar = props.showToolbar !== false;
+  const todayX = todayDay >= scale.startDay && todayDay < scale.endDay ? scale.x(todayDay) + scale.dayWidth / 2 : null;
+  const totalItems = shown.length;
+  return /* @__PURE__ */ React5.createElement(
+    "div",
+    {
+      ref: rootRef,
+      dir: "ltr",
+      "data-rtl": rtl ? "" : void 0,
+      "data-narrow": narrow ? "" : void 0,
+      "data-static": props.animate === false ? "" : void 0,
+      "data-hl": hl ? "" : void 0,
+      "data-months": scale.months.length ? "" : void 0,
+      className: `nf-tl${settled ? " nf-t-settled" : ""}${dragging ? " nf-t-dragging" : ""}${props.className ? " " + props.className : ""}`,
+      style
+    },
+    /* @__PURE__ */ React5.createElement("style", { dangerouslySetInnerHTML: { __html: css } }),
+    showToolbar ? /* @__PURE__ */ React5.createElement("div", { className: "nf-t-toolbar", dir: dirAttr }, /* @__PURE__ */ React5.createElement("div", { className: "nf-t-title" }, title), /* @__PURE__ */ React5.createElement("div", { className: "nf-t-seg", role: "group", "aria-label": "Mode" }, MODES.map((m) => /* @__PURE__ */ React5.createElement("button", { key: m.id, type: "button", className: "nf-t-btn", "aria-pressed": m.id === mode, onClick: () => setMode(m.id) }, m.label))), mode === "dates" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("div", { className: "nf-t-seg", role: "group", "aria-label": "Zoom" }, ZOOMS.map((z) => /* @__PURE__ */ React5.createElement("button", { key: z.id, type: "button", className: "nf-t-btn", "aria-pressed": z.id === zoom, onClick: () => setZoom(z.id) }, z.label))), /* @__PURE__ */ React5.createElement("button", { type: "button", className: "nf-t-btn", onClick: goToday }, "Today")) : null, /* @__PURE__ */ React5.createElement("div", { className: "nf-t-spacer" }), /* @__PURE__ */ React5.createElement(
+      "input",
+      {
+        className: "nf-t-filter",
+        type: "search",
+        placeholder: "Filter items",
+        "aria-label": "Filter items by name, lane or status",
+        value: filter,
+        onChange: (e2) => setFilter(e2.target.value),
+        onKeyDown: (e2) => {
+          if (e2.key === "Escape" && filter) {
+            setFilter("");
+            e2.preventDefault();
+          }
+        }
+      }
+    ), mode === "dates" && unscheduled.length ? /* @__PURE__ */ React5.createElement("button", { type: "button", className: "nf-t-btn", "aria-pressed": trayOpen, "aria-controls": trayOpen ? `${uid}-tray` : void 0, onClick: () => setTrayOpen(!trayOpen) }, "Not scheduled", /* @__PURE__ */ React5.createElement("span", { className: "nf-t-count" }, unscheduled.length)) : null, props.exports !== false ? /* @__PURE__ */ React5.createElement("div", { className: "nf-t-menuwrap", ref: exportRef, onKeyDown: exportMenuKeys }, /* @__PURE__ */ React5.createElement("button", { type: "button", className: "nf-t-btn", "aria-haspopup": "menu", "aria-expanded": exportOpen, onClick: () => setExportOpen(!exportOpen) }, "Export"), exportOpen ? /* @__PURE__ */ React5.createElement("div", { className: "nf-t-menu", role: "menu", "aria-label": "Export" }, /* @__PURE__ */ React5.createElement("button", { type: "button", role: "menuitem", tabIndex: -1, onClick: printTimeline }, "Print\u2026"), mode === "dates" ? /* @__PURE__ */ React5.createElement("button", { type: "button", role: "menuitem", tabIndex: -1, onClick: downloadPng }, "Download PNG") : null, props.diagnostics !== false ? /* @__PURE__ */ React5.createElement("button", { type: "button", role: "menuitem", tabIndex: -1, onClick: copySupport }, "Copy diagnostics") : null) : null) : null) : null,
+    /* @__PURE__ */ React5.createElement("div", { className: "nf-t-main" }, mode === "horizon" ? /* @__PURE__ */ React5.createElement(
+      HorizonBoard,
+      {
+        items: shown.filter((i) => [i.name, i.lane, i.status].some((v) => (v ?? "").toLowerCase().includes(filter.trim().toLowerCase()))),
+        laneOrder: props.laneOrder,
+        looks,
+        selected,
+        onSelect: (id) => select(id),
+        onOpen: props.onOpen,
+        dir: dirAttr,
+        label: `${title}, now, next and later`
+      }
+    ) : /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        ref: scrollRef,
+        className: "nf-t-scroll",
+        role: "grid",
+        "aria-label": `${title}, ${scale.minor[0]?.label ?? ""} to ${scale.minor[scale.minor.length - 1]?.label ?? ""}`,
+        "aria-busy": props.loading ? true : void 0,
+        "aria-rowcount": lanes.length + 1,
+        "aria-activedescendant": selected && placedById.has(selected) ? `${uid}-i-${selected}` : void 0,
+        "aria-describedby": `${uid}-help`,
+        tabIndex: 0,
+        onKeyDown: onGridKeyDown
+      },
+      /* @__PURE__ */ React5.createElement("div", { className: "nf-t-head", role: "row", "aria-rowindex": 1, style: { width: laneHeadW + scale.width, height: headH } }, /* @__PURE__ */ React5.createElement("div", { className: "nf-t-corner", role: "columnheader", dir: dirAttr }, "Lanes"), /* @__PURE__ */ React5.createElement("div", { className: "nf-t-axis", role: "columnheader", style: { width: scale.width, height: headH } }, /* @__PURE__ */ React5.createElement("span", { className: "nf-t-sr" }, `${scale.minor[0]?.label ?? ""} to ${scale.minor[scale.minor.length - 1]?.label ?? ""}`), scale.major.map((t) => /* @__PURE__ */ React5.createElement("div", { key: `M${t.day}`, className: "nf-t-major", "aria-hidden": "true", style: { left: t.x, width: t.width } }, t.label)), scale.minor.map((t) => /* @__PURE__ */ React5.createElement("div", { key: `m${t.day}`, className: "nf-t-minor", "aria-hidden": "true", style: { left: t.x, width: t.width } }, t.label)), scale.months.map((t) => /* @__PURE__ */ React5.createElement("div", { key: `mo${t.day}`, className: "nf-t-month", "aria-hidden": "true", style: { left: t.x, width: t.width } }, monthLabel(t.label, t.width, textSize("caption", textScale, props.textSizes)))))),
+      /* @__PURE__ */ React5.createElement("div", { className: "nf-t-body", style: { height: Math.max(bodyHeight, 120), width: laneHeadW + scale.width } }, /* @__PURE__ */ React5.createElement("div", { className: "nf-t-layer", "aria-hidden": "true", style: { left: laneHeadW, width: scale.width } }, scale.minor.map((t) => /* @__PURE__ */ React5.createElement("div", { key: `v${t.day}`, className: "nf-t-vline", "data-major": scale.major.some((m) => m.day === t.day) ? "" : void 0, style: { left: t.x } })), todayX !== null ? /* @__PURE__ */ React5.createElement("div", { className: "nf-t-today", style: { left: todayX } }) : null), lanes.map((lane) => /* @__PURE__ */ React5.createElement(
+        "div",
+        {
+          key: lane.key,
+          className: "nf-t-lane",
+          role: "row",
+          "aria-rowindex": lane.index + 2,
+          "data-alt": lane.index % 2 ? "" : void 0,
+          style: { top: lane.top, height: lane.height, width: laneHeadW + scale.width }
+        },
+        /* @__PURE__ */ React5.createElement("div", { className: "nf-t-lanehead", role: "rowheader", dir: dirAttr, style: { height: lane.height } }, /* @__PURE__ */ React5.createElement("button", { type: "button", className: "nf-t-lanebtn", "aria-expanded": !lane.collapsed, tabIndex: -1, onClick: () => toggleLane(lane.key) }, /* @__PURE__ */ React5.createElement(Chevron, null), /* @__PURE__ */ React5.createElement("span", null, lane.label), /* @__PURE__ */ React5.createElement("span", { className: "nf-t-lanecount" }, lane.items.length))),
+        /* @__PURE__ */ React5.createElement("div", { className: "nf-t-track", style: { width: scale.width, height: lane.height } }, lane.collapsed ? null : lane.items.map((p) => renderItem(p, lane)))
+      )), /* @__PURE__ */ React5.createElement("div", { className: "nf-t-depwrap", style: { left: laneHeadW } }, connectors()), lanes.length === 0 ? /* @__PURE__ */ React5.createElement("div", { className: "nf-t-empty", role: "status" }, props.loading ? "Loading items\u2026" : filter ? `No items match \u201C${filter}\u201D.` : totalItems ? "No items have dates yet." : "No items yet.", props.emptyAction && !props.loading && !filter && !totalItems ? /* @__PURE__ */ React5.createElement(EmptyActionView, { action: props.emptyAction, prefix: "nf-t", buttonClass: "nf-t-btn" }) : null) : null)
+    ), mode === "dates" && trayOpen && unscheduled.length ? /* @__PURE__ */ React5.createElement("aside", { className: "nf-t-tray", id: `${uid}-tray`, "aria-label": "Not scheduled", dir: dirAttr }, /* @__PURE__ */ React5.createElement("div", { className: "nf-t-trayhead" }, "Not scheduled", /* @__PURE__ */ React5.createElement("span", { className: "nf-t-count" }, unscheduled.length)), /* @__PURE__ */ React5.createElement("ul", { className: "nf-t-traylist" }, unscheduled.map((it) => {
+      const look = lookOf(it.id);
+      return /* @__PURE__ */ React5.createElement("li", { key: it.id }, /* @__PURE__ */ React5.createElement(
+        "button",
+        {
+          type: "button",
+          className: "nf-t-trayitem",
+          "aria-pressed": selected === it.id,
+          style: { "--bar": look.color },
+          onClick: () => select(it.id),
+          onDoubleClick: () => props.onOpen?.(it),
+          onKeyDown: (e2) => {
+            if (e2.key === "Enter") {
+              e2.preventDefault();
+              props.onOpen?.(it);
+            }
+          }
+        },
+        it.name,
+        /* @__PURE__ */ React5.createElement("small", null, [it.lane || NO_LANE, it.status, it.horizon].filter(Boolean).join(" \xB7 "))
+      ));
+    }))) : null),
+    legendEntries.length ? /* @__PURE__ */ React5.createElement("div", { className: "nf-t-legend", dir: dirAttr, "aria-label": "Legend" }, legendEntries.map(([key, look]) => /* @__PURE__ */ React5.createElement("span", { key }, /* @__PURE__ */ React5.createElement("i", { "aria-hidden": "true", "data-style": look.style, style: { "--sw": look.color } }), key)), mode === "dates" ? /* @__PURE__ */ React5.createElement("span", null, /* @__PURE__ */ React5.createElement("i", { "aria-hidden": "true", style: { "--sw": "var(--nf-ink)", width: 9, height: 9, transform: "rotate(45deg)", borderRadius: 2 } }), "Milestone") : null, mode === "dates" && todayX !== null ? /* @__PURE__ */ React5.createElement("span", null, /* @__PURE__ */ React5.createElement("i", { "aria-hidden": "true", style: { "--sw": "var(--nf-now)", width: 2, height: 12, borderRadius: 0 } }), "Today") : null) : null,
+    /* @__PURE__ */ React5.createElement("div", { id: `${uid}-help`, className: "nf-t-sr" }, "Arrow keys move between items: left and right along a lane, up and down to the next lane. Enter opens.", props.onItemChange ? " Alt plus left or right moves the selected item by a week at month zoom, or a month at quarter and half-year zoom. Alt plus Shift plus left or right changes its end. Control plus Z undoes." : ""),
+    /* @__PURE__ */ React5.createElement(Toasts, { prefix: "nf-t", items: editing.toasts, announcement: editing.announcement, onDismiss: editing.dismiss }),
+    license && !license.licensed && props.watermark !== false ? /* @__PURE__ */ React5.createElement(Watermark, { prefix: "nf-t", title: licenseMessage(license), markHtml: markSvg({ size: 16 }), variant: props.watermarkStyle, onClick: props.onWatermarkClick }) : null,
+    editing.lockNote ? /* @__PURE__ */ React5.createElement("p", { className: "nf-t-locknote", role: "status" }, editing.lockNote) : null,
+    renewal ? /* @__PURE__ */ React5.createElement("a", { className: "nf-t-renew", href: renewal.href, target: "_blank", rel: "noreferrer", title: renewal.detail }, renewal.text) : null
+  );
+}
+function HorizonBoard(props) {
+  const cols = horizonColumns(props.items);
+  const laneSet = new Set(props.items.map((i) => (i.lane ?? "").trim() || NO_LANE));
+  const ordered = (props.laneOrder ?? []).filter((l) => laneSet.has(l));
+  const lanes = [...ordered, ...[...laneSet].filter((l) => !ordered.includes(l) && l !== NO_LANE).sort((a, b) => a.localeCompare(b)), ...laneSet.has(NO_LANE) ? [NO_LANE] : []];
+  const template = `minmax(140px, 200px) repeat(${cols.length}, minmax(160px, 1fr))`;
+  return /* @__PURE__ */ React5.createElement("div", { className: "nf-t-nnl", role: "region", "aria-label": props.label, dir: props.dir }, /* @__PURE__ */ React5.createElement("div", { className: "nf-t-nnlgrid", style: { gridTemplateColumns: template } }, /* @__PURE__ */ React5.createElement("div", { className: "nf-t-nnlhead" }, "Lane"), cols.map((c) => /* @__PURE__ */ React5.createElement("div", { key: c.key, className: "nf-t-nnlhead" }, c.key, /* @__PURE__ */ React5.createElement("span", { className: "nf-t-lanecount" }, c.items.length))), lanes.map((lane, li) => /* @__PURE__ */ React5.createElement(React5.Fragment, { key: lane }, /* @__PURE__ */ React5.createElement("div", { className: "nf-t-nnllane", "data-alt": li % 2 ? "" : void 0 }, lane), cols.map((c) => {
+    const cards = c.items.filter((i) => ((i.lane ?? "").trim() || NO_LANE) === lane);
+    return /* @__PURE__ */ React5.createElement("div", { key: c.key, className: "nf-t-nnlcell", "data-alt": li % 2 ? "" : void 0, role: "group", "aria-label": `${lane}, ${c.key}` }, cards.map((it) => {
+      const look = props.looks.get(it.id);
+      const p = place(it);
+      const when = p ? p.milestone ? dayLabel(p.start) : rangeLabel(p.start, p.end) : "Not scheduled";
+      return /* @__PURE__ */ React5.createElement(
+        "button",
+        {
+          key: it.id,
+          type: "button",
+          className: "nf-t-card",
+          "aria-pressed": props.selected === it.id,
+          style: { "--bar": look?.color },
+          onClick: () => props.onSelect(it.id),
+          onDoubleClick: () => props.onOpen?.(it),
+          onKeyDown: (e2) => {
+            if (e2.key === "Enter") {
+              e2.preventDefault();
+              props.onOpen?.(it);
+            }
+          }
+        },
+        it.name,
+        /* @__PURE__ */ React5.createElement("small", null, [it.status, when].filter(Boolean).join(" \xB7 "))
+      );
+    }));
+  })))));
+}
+
+// src/sample.ts
+var ROWS = [
+  ["Self-serve onboarding", "Customer", "2026-07-06", "2026-09-25", "Done", "Now"],
+  ["In-app help centre", "Customer", "2026-08-17", "2026-11-27", "On track", "Now"],
+  ["Customer portal v2", "Customer", "2026-10-05", "2027-03-26", "At risk", "Now", "Self-serve onboarding"],
+  ["NPS programme", "Customer", "2027-01-11", "2027-04-30", "Not started", "Next"],
+  ["Mobile app beta", "Customer", "2027-04-05", "2027-08-27", "Not started", "Next", "Customer portal v2"],
+  ["Portal launch", "Customer", "2027-03-29", null, "Not started", "Next", "Customer portal v2"],
+  ["Loyalty scheme", "Customer", "2027-08-02", "2027-12-17", "Not started", "Later"],
+  ["Pricing review", "Growth", "2026-07-13", "2026-08-28", "Done", "Now"],
+  ["Partner programme", "Growth", "2026-09-07", "2027-01-29", "On track", "Now"],
+  ["APAC expansion", "Growth", "2026-11-02", "2027-06-25", "At risk", "Now"],
+  ["Marketplace listing", "Growth", "2027-02-01", "2027-03-12", "Not started", "Next", "Partner programme"],
+  ["EMEA launch", "Growth", "2027-07-05", "2027-12-10", "Not started", "Later", "APAC expansion"],
+  ["Board strategy day", "Growth", "2026-11-20", "2026-11-20", "On track", "Now", null, false],
+  ["FY27 plan sign-off", "Growth", "2026-07-31", null, "Done", "Now"],
+  ["Cloud migration", "Platform", "2026-07-06", "2026-12-18", "On track", "Now"],
+  ["API v3", "Platform", "2026-09-14", "2027-02-26", "Off track", "Now"],
+  ["Event bus", "Platform", "2026-10-12", "2027-01-22", "On track", "Now", "Cloud migration"],
+  ["Legacy decommission", "Platform", "2027-01-04", "2027-05-28", "Not started", "Next", "Cloud migration"],
+  ["Multi-region", "Platform", "2027-05-03", "2027-10-29", "Not started", "Later", "Legacy decommission"],
+  ["Cut-over weekend", "Platform", "2026-12-12", null, "On track", "Now", "Cloud migration"],
+  ["Platform review", "Platform", "2027-02-15", "2027-02-15", "Not started", "Next", null, false],
+  ["Data warehouse", "Data", "2026-07-20", "2026-12-11", "On track", "Now"],
+  ["Self-serve reporting", "Data", "2026-10-19", "2027-03-19", "At risk", "Now", "Data warehouse"],
+  ["Data quality", "Data", "2026-08-03", "2026-10-30", "Done", "Now"],
+  ["ML forecasting", "Data", "2027-02-01", "2027-07-30", "Not started", "Next", "Data warehouse"],
+  ["Data catalogue", "Data", "2027-06-07", "2027-11-26", "Not started", "Later"],
+  ["Warehouse live", "Data", "2026-12-14", null, "On track", "Now", "Data warehouse"],
+  ["ISO 27001", "Security", "2026-07-06", "2027-06-25", "On track", "Now"],
+  ["SSO everywhere", "Security", "2026-09-01", "2026-11-30", "Off track", "Now"],
+  ["Pen test", "Security", "2026-11-16", "2026-11-27", "Not started", "Now"],
+  ["Zero trust network", "Security", "2027-01-11", "2027-08-27", "Not started", "Next", "SSO everywhere"],
+  ["Certification audit", "Security", "2027-06-28", null, "Not started", "Next", "ISO 27001"],
+  ["Security awareness", "Security", "2027-03-01", "2027-04-30", "Not started", "Next"],
+  ["New office fit-out", "Operations", "2026-08-03", "2026-10-16", "Done", "Now"],
+  ["ERP upgrade", "Operations", "2026-10-05", "2027-04-30", "At risk", "Now"],
+  ["Procurement portal", "Operations", "2026-12-07", "2027-03-26", "On track", "Now"],
+  ["Finance close automation", "Operations", "2027-03-01", "2027-07-30", "Not started", "Next", "ERP upgrade"],
+  ["ERP go-live", "Operations", "2027-05-03", null, "Not started", "Next", "ERP upgrade"],
+  ["Sustainability report", "Operations", "2027-09-06", "2027-11-12", "Not started", "Later"],
+  ["Year-end close", "Operations", "2027-06-30", null, "Not started", "Next"],
+  ["Offsite", "Operations", "2027-02-24", "2027-02-24", "Not started", "Next", null, false],
+  ["Voice assistant", "Customer", null, null, "Not started", "Later"],
+  ["Open data API", "Data", null, null, "Not started", "Later"],
+  ["Carbon tracking", "Operations", null, null, "Not started", "Later"]
+];
+var SAMPLE_LANES = ["Customer", "Growth", "Platform", "Data", "Security", "Operations"];
+var slug = (s) => s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+function sampleRoadmap() {
+  return ROWS.map(([name, lane, start, end, status, horizon, dep, milestone]) => ({
+    id: slug(name),
+    name,
+    lane,
+    start: start ?? void 0,
+    end: end ?? void 0,
+    status,
+    horizon,
+    dependsOn: dep ? [slug(dep)] : void 0,
+    milestone
+  }));
+}
+export {
+  PALETTE,
+  SAMPLE_LANES,
+  Timeline,
+  VERSION,
+  appearance,
+  buildLanes,
+  horizonColumns,
+  packRows,
+  place,
+  sampleRoadmap,
+  timelinePrintHtml
+};
+//# sourceMappingURL=index.js.map