@umriss-ui/schedule 0.3.12 → 0.3.14

package/docs/llms-full.md

@@ -1,4 +1,4 @@
-# @umriss-ui/schedule 0.3.12
+# @umriss-ui/schedule 0.3.14
 
 > React Gantt-style schedule for data-dense applications - work on lanes over time, with dependencies, blocked time, findings and controlled editing.
 
@@ -24,7 +24,51 @@ import { useState } from "react";
 import { Alert, Badge, Stack, Text } from "@umriss-ui/core";
 import { BlockedTimes, Lane, Schedule, Subtasks, applyIntent, findings } from "@umriss-ui/schedule";
 import type { BlockedTime, Intent, Subtask, Task } from "@umriss-ui/schedule";
-import { ENGINEERS, NOW, ONCALL } from "./operations";
+
+/* Data from the operations world, written out here so the example runs on its own. */
+
+const at = (day: number, hours: number, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
+
+/** Tuesday, 17 March 2026, 10:30 - the moment the screens are read at. */
+const NOW = at(17, 10, 30);
+
+interface Engineer {
+  id: string;
+  name: string;
+  team: string;
+}
+
+const ENGINEERS: readonly Engineer[] = [
+  { id: "priya", name: "Priya Raman", team: "Payments" },
+  { id: "jonas", name: "Jonas Keller", team: "Payments" },
+  { id: "ada", name: "Ada Mwangi", team: "Identity" },
+  { id: "tomasz", name: "Tomasz Nowak", team: "Discovery" },
+  { id: "leila", name: "Leila Haddad", team: "Discovery" },
+  { id: "sam", name: "Sam Okafor", team: "Messaging" },
+  { id: "ines", name: "Ines Duarte", team: "Integrations" },
+  { id: "felix", name: "Felix Brandt", team: "Insights" },
+];
+
+interface OnCall {
+  id: string;
+  engineer: string;
+  rotation: "primary" | "secondary";
+  from: number;
+  to: number;
+}
+
+/** Monday 16 to Monday 23 March, handed over every morning at 09:00: the
+    secondary of one day is the primary of the next. */
+const ONCALL: readonly OnCall[] = Array.from({ length: 7 }, (_, day) => [
+  { rotation: "primary" as const, engineer: ENGINEERS[day % ENGINEERS.length]!.id },
+  { rotation: "secondary" as const, engineer: ENGINEERS[(day + 1) % ENGINEERS.length]!.id },
+].map(({ rotation, engineer }) => ({
+  id: `${rotation}-${16 + day}`,
+  engineer,
+  rotation,
+  from: at(16 + day, 9),
+  to: at(17 + day, 9),
+}))).flat();
 
 const day = (d: number, hours = 0) => new Date(2026, 2, d, hours).getTime();
 
@@ -137,8 +181,6 @@ export default function HandOver() {
 }
 ```
 
-It imports `operations.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 ### Plan tomorrow's tours
 
 A dispatcher lays out tomorrow's delivery tours van by van and moves them until every stop arrives inside the window its customer was promised.
@@ -155,15 +197,143 @@ import { useState } from "react";
 import { Badge, Button, Stack, Text } from "@umriss-ui/core";
 import { Dependencies, Lane, LaneGroup, Schedule, Subtasks, applyIntent, ripple, shiftTask } from "@umriss-ui/schedule";
 import type { Dependency, Intent, Subtask, Task } from "@umriss-ui/schedule";
-import { DEPOTS, DRIVERS, TOURS, VEHICLES } from "./logistics";
 
+/* Data from the logistics world, written out here so the example runs on its own. */
+
+/** A small LCG - the same numbers on every computer. */
+function random(seed: number): () => number {
+  let s = seed >>> 0;
+  return () => {
+    s = (Math.imul(s, 1664525) + 1013904223) >>> 0;
+    return s / 4294967296;
+  };
+}
+
+const at = (hours: number, minutes = 0) => new Date(2026, 2, 17, hours, minutes).getTime();
 const MINUTE = 60_000;
+
+const DEPOTS = [
+  { id: "north", name: "North depot" },
+  { id: "river", name: "Riverside depot" },
+  { id: "east", name: "East Gate depot" },
+] as const;
+
+interface Vehicle {
+  id: string;
+  plate: string;
+  type: "van" | "e-van" | "truck";
+  /** Payload, in kg. */
+  capacity: number;
+  depot: string;
+}
+
+const VEHICLES: readonly Vehicle[] = [
+  { id: "v1", plate: "FP 214 K", type: "van", capacity: 1200, depot: "north" },
+  { id: "v2", plate: "FP 377 K", type: "e-van", capacity: 900, depot: "north" },
+  { id: "v3", plate: "FP 118 R", type: "truck", capacity: 7500, depot: "north" },
+  { id: "v4", plate: "FP 402 R", type: "van", capacity: 1200, depot: "river" },
+  { id: "v5", plate: "FP 455 R", type: "e-van", capacity: 900, depot: "river" },
+  { id: "v6", plate: "FP 290 E", type: "van", capacity: 1200, depot: "east" },
+  { id: "v7", plate: "FP 311 E", type: "e-van", capacity: 900, depot: "east" },
+  { id: "v8", plate: "FP 520 E", type: "truck", capacity: 7500, depot: "east" },
+];
+
+const DRIVERS = [
+  { id: "d1", name: "Martin Hale", depot: "north" },
+  { id: "d2", name: "Nadia Petrova", depot: "north" },
+  { id: "d3", name: "Owen Carter", depot: "north" },
+  { id: "d4", name: "Lucia Romero", depot: "river" },
+  { id: "d5", name: "Ben Adeyemi", depot: "river" },
+  { id: "d6", name: "Hanna Berg", depot: "east" },
+  { id: "d7", name: "Yusuf Demir", depot: "east" },
+  { id: "d8", name: "Clara Wendt", depot: "east" },
+] as const;
+
+const CUSTOMERS = [
+  "Holloway Garden Supplies",
+  "Marlow & Finch Books",
+  "Oakridge Pharmacy",
+  "Brixley Cycles",
+  "Tamsin's Bakery",
+  "Northfold Office",
+  "Pellham Hardware",
+  "Greywick Studio",
+  "Juniper Lane Florist",
+  "Ashcombe Dental",
+] as const;
+
+interface Stop {
+  id: string;
+  shipment: string;
+  customer: string;
+  /** The window the customer was promised, `[from, to]`. */
+  window: readonly [number, number];
+  /** When the tour plans to be there. */
+  arrival: number;
+}
+
+interface Tour {
+  id: string;
+  vehicle: string;
+  driver: string;
+  depot: string;
+  /** Leaves the depot, loaded; back at the depot. */
+  from: number;
+  to: number;
+  /** Minutes of loading before `from`. */
+  loading: number;
+  km: number;
+  stops: readonly Stop[];
+}
+
+/** One tour per vehicle. Stops every half hour or so, each with a two-hour
+    window; every seventh arrival misses its window - the late ones a
+    dispatcher looks for. */
+function tour(index: number): Tour {
+  const r = random(700 + index);
+  const vehicle = VEHICLES[index]!;
+  const truck = vehicle.type === "truck";
+  const from = at(truck ? 6 : 7, index % 2 === 0 ? 0 : 30);
+  const count = truck ? 5 : 8 + Math.floor(r() * 4);
+  const stops: Stop[] = [];
+  let arrival = from + (20 + Math.floor(r() * 15)) * MINUTE;
+  for (let i = 0; i < count; i++) {
+    const n = index * 20 + i;
+    const slot = Math.floor((arrival - at(0)) / (2 * 60 * MINUTE)) * 2;
+    /* A late stop's window closed half an hour or more before the arrival. */
+    const late = i >= 2 && n % 7 === 3;
+    const halfHour = 30 * MINUTE;
+    const windowFrom = late ? Math.floor(arrival / halfHour) * halfHour - 5 * halfHour : at(slot);
+    stops.push({
+      id: `s-${index + 1}-${i + 1}`,
+      shipment: `FP-${(1_004_210 + n * 13).toString()}`,
+      customer: CUSTOMERS[(n * 3) % CUSTOMERS.length]!,
+      window: [windowFrom, windowFrom + 2 * 60 * MINUTE],
+      arrival,
+    });
+    arrival += (truck ? 45 : 22) * MINUTE + Math.floor(r() * 18) * MINUTE;
+  }
+  return {
+    id: `T-${String(index + 1).padStart(2, "0")}`,
+    vehicle: vehicle.id,
+    driver: DRIVERS[index]!.id,
+    depot: vehicle.depot,
+    from,
+    to: arrival + 30 * MINUTE,
+    loading: truck ? 45 : 30,
+    km: Math.round((truck ? 140 : 70) + r() * 40),
+    stops,
+  };
+}
+
+const TOURS: readonly Tour[] = VEHICLES.map((_, index) => tour(index));
+
 const DAY = 24 * 60 * MINUTE;
 /* Today's tours in the world, laid on tomorrow. */
 const DWELL = 10 * MINUTE;
 const QUARTER = 15 * MINUTE;
 
-const at = (hours: number, minutes = 0) => new Date(2026, 2, 18, hours, minutes).getTime();
+const tomorrow = (hours: number, minutes = 0) => new Date(2026, 2, 18, hours, minutes).getTime();
 
 const COLORS = [
   "light-dark(#2563eb, #6b9bff)",
@@ -248,7 +418,7 @@ export default function TourPlan() {
       <div data-callout="1">
         <Schedule
           ariaLabel="Tours of Wednesday, 18 March"
-          initialDomain={[at(5, 30), at(15)]}
+          initialDomain={[tomorrow(5, 30), tomorrow(15)]}
           height={470}
           intents={["move"]}
           onIntent={apply}
@@ -295,8 +465,6 @@ export default function TourPlan() {
 }
 ```
 
-It imports `logistics.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 ### Plan the sprint around leave
 
 A team lead checks the running sprint against holidays, sick days and training, and moves the work that lands on someone who is away.
@@ -313,56 +481,169 @@ import { useState } from "react";
 import { Alert, Badge, Stack, Text } from "@umriss-ui/core";
 import { BlockedTimes, Lane, LaneGroup, Schedule, Subtasks, applyIntent, findings } from "@umriss-ui/schedule";
 import type { BlockedTime, Intent, Subtask } from "@umriss-ui/schedule";
-import { LEAVE, NOW, PEOPLE, PROJECTS, SPRINTS, WORK } from "./planning";
 
-const at = (day: number, hours = 9) => new Date(2026, 2, day, hours).getTime();
+/* Data from the planning world, written out here so the example runs on its own. */
 
-const SPRINT = SPRINTS.find((one) => one.id === "sprint-14")!;
+const at = (day: number, hours = 9, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
 
-/* The working days of the sprint: the axis shows these and nothing else. */
-const WORKING_DAYS = [9, 10, 11, 12, 13, 16, 17, 18, 19, 20].map((day) => ({
-  from: at(day, 8),
-  to: at(day, 18),
-}));
+/** Tuesday, 17 March 2026, 10:30 - the moment the screens are read at. */
+const NOW = at(17, 10, 30);
 
-/* Added after planning, before anyone looked at the leave table. */
-const START: readonly Subtask[] = [
-  ...WORK,
-  {
-    id: "w-117",
-    task: "portal",
-    lane: "arjun",
-    from: at(18),
-    to: at(19, 17),
-    name: "Account deletion",
-  },
+interface Person {
+  id: string;
+  name: string;
+  role: "Developer" | "Designer" | "Product manager" | "QA engineer";
+  team: "Web" | "Apps";
+  /** Hours a week they can be planned for. */
+  capacity: number;
+}
+
+const PEOPLE: readonly Person[] = [
+  { id: "maya", name: "Maya Lindgren", role: "Product manager", team: "Web", capacity: 32 },
+  { id: "arjun", name: "Arjun Mehta", role: "Developer", team: "Web", capacity: 40 },
+  { id: "chloe", name: "Chloe Durand", role: "Developer", team: "Web", capacity: 40 },
+  { id: "noah", name: "Noah Fischer", role: "Designer", team: "Web", capacity: 24 },
+  { id: "eva", name: "Eva Novak", role: "QA engineer", team: "Web", capacity: 40 },
+  { id: "luis", name: "Luis Moreno", role: "Product manager", team: "Apps", capacity: 40 },
+  { id: "hana", name: "Hana Sato", role: "Developer", team: "Apps", capacity: 40 },
+  { id: "kofi", name: "Kofi Mensah", role: "Developer", team: "Apps", capacity: 32 },
+  { id: "freya", name: "Freya Olsen", role: "Designer", team: "Apps", capacity: 40 },
+  { id: "david", name: "David Kowalski", role: "QA engineer", team: "Apps", capacity: 20 },
 ];
 
-const BLOCKED: readonly BlockedTime[] = LEAVE.map((leave) => ({
-  id: leave.id,
-  lane: leave.person,
-  from: leave.from,
-  to: leave.to,
-  label: leave.reason,
-}));
+interface Project {
+  id: string;
+  name: string;
+  client: string;
+  color: string;
+}
 
-const teamOf = (person: string) => PEOPLE.find((one) => one.id === person)?.team;
-const nameOf = (person: string) => PEOPLE.find((one) => one.id === person)?.name ?? person;
+const PROJECTS: readonly Project[] = [
+  { id: "shop", name: "Online shop relaunch", client: "Pembury Home", color: "light-dark(#2563eb, #6b9bff)" },
+  { id: "booking", name: "Booking app", client: "Saltmarsh Clinics", color: "light-dark(#0d9488, #3cc7b8)" },
+  { id: "portal", name: "Member portal", client: "Rowan Credit Union", color: "light-dark(#7c3aed, #a98bfa)" },
+  { id: "intranet", name: "Intranet", client: "Tidewell (internal)", color: "light-dark(#c2410c, #f08a52)" },
+];
 
-export default function SprintAroundLeave() {
-  const [work, setWork] = useState<readonly Subtask[]>(START);
+interface Sprint {
+  id: string;
+  name: string;
+  from: number;
+  to: number;
+  goal: string;
+}
 
-  const onIntent = (intent: Intent) => {
-    if (intent.kind === "place") return;
-    setWork((current) => current.map((item) => applyIntent(item, intent)));
-  };
+/** Two weeks each, Monday 09:00 to the second Friday 17:00. */
+const SPRINTS: readonly Sprint[] = [
+  { name: "Sprint 12", day: 9 - 28, goal: "Shop checkout on the new design" },
+  { name: "Sprint 13", day: 9 - 14, goal: "Booking app in the stores' beta" },
+  { name: "Sprint 14", day: 9, goal: "Member portal sign-in and profile" },
+  { name: "Sprint 15", day: 23, goal: "Shop search and filters" },
+  { name: "Sprint 16", day: 37, goal: "Booking reminders" },
+].map(({ name, day, goal }) => ({ id: name.toLowerCase().replace(" ", "-"), name, from: at(day), to: at(day + 11, 17), goal }));
 
-  const clashes = findings(work, [], BLOCKED).inBlockedTime;
+/** A work item, shaped as `@umriss-ui/schedule`'s `Subtask`. */
+interface WorkItem {
+  id: string;
+  /** The project. */
+  task: string;
+  /** The person. */
+  lane: string;
+  from: number;
+  to: number;
+  name: string;
+  sprint: string;
+  /** Hours, as estimated at planning. */
+  estimate: number;
+  status: "to do" | "in progress" | "in review" | "done";
+}
 
-  return (
-    <Stack gap={3}>
-      <Stack direction="row" gap={2} align="center" wrap data-callout="1">
-        <Badge tone="accent">{SPRINT.name}</Badge>
+const item = (id: string, task: string, lane: string, from: number, to: number, name: string, estimate: number, status: WorkItem["status"]): WorkItem =>
+  ({ id, task, lane, from, to, name, sprint: "sprint-14", estimate, status });
+
+const WORK: readonly WorkItem[] = [
+  item("w-101", "portal", "arjun", at(9), at(11, 17), "Sign-in with e-mail code", 18, "done"),
+  item("w-102", "portal", "arjun", at(12), at(17, 17), "Profile page", 26, "in progress"),
+  item("w-103", "portal", "chloe", at(9), at(10, 17), "Session handling", 12, "done"),
+  item("w-104", "shop", "chloe", at(11), at(13, 17), "Basket keeps items across devices", 20, "in review"),
+  item("w-105", "portal", "chloe", at(16), at(19, 17), "Change of address form", 24, "in progress"),
+  item("w-106", "portal", "noah", at(9), at(12, 13), "Profile page design", 14, "done"),
+  item("w-107", "shop", "noah", at(16), at(18, 17), "Search results layout", 12, "to do"),
+  item("w-108", "portal", "eva", at(12), at(13, 17), "Test plan for sign-in", 10, "done"),
+  item("w-109", "portal", "eva", at(17), at(20, 17), "Regression run", 20, "to do"),
+  item("w-110", "booking", "hana", at(9), at(13, 17), "Reminder scheduling service", 32, "done"),
+  item("w-111", "booking", "hana", at(16), at(20, 17), "Push notifications", 30, "in progress"),
+  item("w-112", "booking", "kofi", at(10), at(12, 17), "Calendar sync", 18, "done"),
+  item("w-113", "intranet", "kofi", at(16), at(18, 17), "News feed", 16, "in progress"),
+  item("w-114", "booking", "freya", at(9), at(11, 17), "Reminder settings screen", 16, "done"),
+  item("w-115", "booking", "freya", at(18), at(20, 17), "Store screenshots", 12, "to do"),
+  item("w-116", "booking", "david", at(16), at(19, 13), "Device test matrix", 14, "to do"),
+];
+
+interface Leave {
+  id: string;
+  person: string;
+  from: number;
+  to: number;
+  reason: "Holiday" | "Sick" | "Training";
+}
+
+/** When people are away: blocked time on their lane. */
+const LEAVE: readonly Leave[] = [
+  { id: "l-1", person: "noah", from: at(13, 0, 0), to: at(14, 0, 0), reason: "Sick" },
+  { id: "l-2", person: "arjun", from: at(18, 0, 0), to: at(21, 0, 0), reason: "Holiday" },
+  { id: "l-3", person: "kofi", from: at(13, 0, 0), to: at(14, 0, 0), reason: "Training" },
+  { id: "l-4", person: "freya", from: at(16, 0, 0), to: at(18, 0, 0), reason: "Holiday" },
+  { id: "l-5", person: "david", from: at(9, 0, 0), to: at(14, 0, 0), reason: "Holiday" },
+  { id: "l-6", person: "maya", from: at(19, 13, 0), to: at(20, 17, 0), reason: "Training" },
+];
+
+const SPRINT = SPRINTS.find((one) => one.id === "sprint-14")!;
+
+/* The working days of the sprint: the axis shows these and nothing else. */
+const WORKING_DAYS = [9, 10, 11, 12, 13, 16, 17, 18, 19, 20].map((day) => ({
+  from: at(day, 8),
+  to: at(day, 18),
+}));
+
+/* Added after planning, before anyone looked at the leave table. */
+const START: readonly Subtask[] = [
+  ...WORK,
+  {
+    id: "w-117",
+    task: "portal",
+    lane: "arjun",
+    from: at(18),
+    to: at(19, 17),
+    name: "Account deletion",
+  },
+];
+
+const BLOCKED: readonly BlockedTime[] = LEAVE.map((leave) => ({
+  id: leave.id,
+  lane: leave.person,
+  from: leave.from,
+  to: leave.to,
+  label: leave.reason,
+}));
+
+const teamOf = (person: string) => PEOPLE.find((one) => one.id === person)?.team;
+const nameOf = (person: string) => PEOPLE.find((one) => one.id === person)?.name ?? person;
+
+export default function SprintAroundLeave() {
+  const [work, setWork] = useState<readonly Subtask[]>(START);
+
+  const onIntent = (intent: Intent) => {
+    if (intent.kind === "place") return;
+    setWork((current) => current.map((item) => applyIntent(item, intent)));
+  };
+
+  const clashes = findings(work, [], BLOCKED).inBlockedTime;
+
+  return (
+    <Stack gap={3}>
+      <Stack direction="row" gap={2} align="center" wrap data-callout="1">
+        <Badge tone="accent">{SPRINT.name}</Badge>
         <Text size="sm">{SPRINT.goal}</Text>
         <Text size="sm" tone="secondary">
           9 to 20 March
@@ -421,8 +702,6 @@ export default function SprintAroundLeave() {
 }
 ```
 
-It imports `planning.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 ### Replan the day on the line
 
 A production planner at the tile works moves orders between machines during the day, lets the cascade follow and reads the findings before committing.
@@ -438,8 +717,77 @@ Built from: First schedule, Dependencies, Move and lane, Stretch, lead-in, lead-
 import { useState } from "react";
 import { Checkbox, ContextMenu, MenuItem, MenuSeparator, Stack, Text } from "@umriss-ui/core";
 import { Lane, Schedule, Subtasks, Dependencies, applyIntent, findings, ripple, shiftTask } from "@umriss-ui/schedule";
-import type { Intent, ScheduleInteraction, Subtask } from "@umriss-ui/schedule";
-import { DAY_OF_PLAN, MOVES, ORDERS, STATIONS, STEPS } from "./plant";
+import type { Dependency, Intent, ScheduleInteraction, Subtask, Task } from "@umriss-ui/schedule";
+
+/* Data from the plant world, written out here so the example runs on its own. */
+
+const planAt = (hours: number, minutes = 0) => new Date(2026, 2, 17, hours, minutes).getTime();
+const min = (n: number) => n * 60_000;
+
+const DAY_OF_PLAN: readonly [number, number] = [planAt(5, 30), planAt(18)];
+
+const STATIONS = [
+  { id: "saw", label: "Saw 1" },
+  { id: "lathe-1", label: "Lathe 1" },
+  { id: "lathe-2", label: "Lathe 2" },
+  { id: "mill", label: "Mill" },
+  { id: "press", label: "Press 2" },
+  { id: "paint", label: "Paint shop" },
+  { id: "qa", label: "Inspection" },
+] as const;
+
+/* Colours in both schemes, as the application's own tokens would give them. */
+const ORDERS: readonly Task[] = [
+  { id: "a-2041", name: "A-2041 Housing", color: "light-dark(#2563eb, #6b9bff)" },
+  { id: "a-2042", name: "A-2042 Shaft", color: "light-dark(#0d9488, #3cc7b8)" },
+  { id: "a-2043", name: "A-2043 Bracket", color: "light-dark(#c2410c, #f08a52)" },
+  { id: "a-2044", name: "A-2044 Flange", color: "light-dark(#7c3aed, #a98bfa)" },
+  { id: "a-2045", name: "A-2045 Cover", color: "light-dark(#be185d, #f06aa6)" },
+  { id: "a-2046", name: "A-2046 Axle", color: "light-dark(#4d7c0f, #8fc43e)" },
+];
+
+const STEPS: readonly Subtask[] = [
+  { id: "a-2041-1", task: "a-2041", lane: "saw", from: planAt(6), to: planAt(7), leadIn: min(15), leadOut: min(10) },
+  { id: "a-2041-2", task: "a-2041", lane: "mill", from: planAt(8), to: planAt(10, 30), leadIn: min(30), leadOut: min(15) },
+  { id: "a-2041-3", task: "a-2041", lane: "qa", from: planAt(11, 30), to: planAt(12, 15) },
+
+  { id: "a-2042-1", task: "a-2042", lane: "saw", from: planAt(7, 30), to: planAt(8, 15), leadIn: min(10) },
+  { id: "a-2042-2", task: "a-2042", lane: "lathe-1", from: planAt(9), to: planAt(11), leadIn: min(20), leadOut: min(15) },
+  { id: "a-2042-3", task: "a-2042", lane: "qa", from: planAt(13), to: planAt(13, 30) },
+
+  { id: "a-2043-1", task: "a-2043", lane: "press", from: planAt(6, 30), to: planAt(8), leadIn: min(30), leadOut: min(15) },
+  { id: "a-2043-2", task: "a-2043", lane: "mill", from: planAt(10), to: planAt(11, 30), leadIn: min(15) },
+  { id: "a-2043-3", task: "a-2043", lane: "paint", from: planAt(12), to: planAt(14), leadIn: min(20), leadOut: min(20) },
+
+  { id: "a-2044-1", task: "a-2044", lane: "lathe-2", from: planAt(6), to: planAt(8, 30), leadIn: min(20), leadOut: min(10) },
+  { id: "a-2044-2", task: "a-2044", lane: "press", from: planAt(9, 30), to: planAt(10, 45), leadIn: min(25) },
+  { id: "a-2044-3", task: "a-2044", lane: "paint", from: planAt(14, 45), to: planAt(16), leadIn: min(15), leadOut: min(15) },
+
+  { id: "a-2045-1", task: "a-2045", lane: "lathe-1", from: planAt(12), to: planAt(13, 30), leadIn: min(15), leadOut: min(10) },
+  { id: "a-2045-2", task: "a-2045", lane: "press", from: planAt(14, 15), to: planAt(15), leadIn: min(20) },
+  { id: "a-2045-3", task: "a-2045", lane: "qa", from: planAt(15, 45), to: planAt(16, 30) },
+
+  { id: "a-2046-1", task: "a-2046", lane: "lathe-2", from: planAt(10), to: planAt(12), leadIn: min(20), leadOut: min(15) },
+  { id: "a-2046-2", task: "a-2046", lane: "mill", from: planAt(13), to: planAt(14, 30), leadIn: min(20), leadOut: min(10) },
+  { id: "a-2046-3", task: "a-2046", lane: "qa", from: planAt(15), to: planAt(15, 30) },
+];
+
+const MOVES: readonly Dependency[] = [
+  { id: "t-2041-1", from: "a-2041-1", to: "a-2041-2", lag: min(10) },
+  { id: "t-2041-2", from: "a-2041-2", to: "a-2041-3", lag: min(20) },
+  { id: "t-2042-1", from: "a-2042-1", to: "a-2042-2", lag: min(15) },
+  { id: "t-2042-2", from: "a-2042-2", to: "a-2042-3", lag: min(30), leaves: "main" },
+  { id: "t-2043-1", from: "a-2043-1", to: "a-2043-2", lag: min(45) },
+  /* Leaves the mill at 11:30 and has 10 minutes to reach the paint shop's
+     lead-in at 11:40 - it takes 25: a violated dependency, on purpose. */
+  { id: "t-2043-2", from: "a-2043-2", to: "a-2043-3", lag: min(25) },
+  { id: "t-2044-1", from: "a-2044-1", to: "a-2044-2", lag: min(20) },
+  { id: "t-2044-2", from: "a-2044-2", to: "a-2044-3", lag: min(60), arrives: "main" },
+  { id: "t-2045-1", from: "a-2045-1", to: "a-2045-2", lag: min(15) },
+  { id: "t-2045-2", from: "a-2045-2", to: "a-2045-3", lag: min(15) },
+  { id: "t-2046-1", from: "a-2046-1", to: "a-2046-2", lag: min(20) },
+  { id: "t-2046-2", from: "a-2046-2", to: "a-2046-3", lag: min(10), leaves: "main" },
+];
 
 /* The whole recipe, as an application writes it.
 
@@ -549,8 +897,6 @@ export default function ReplanTheDay() {
 }
 ```
 
-It imports `plant.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 ## Getting started
 
 What an application installs and hands over before the first plan.
@@ -725,7 +1071,77 @@ The full case: seven stations, six orders and their transports, the present mark
 
 ```tsx
 import { Dependencies, Lane, Schedule, Subtasks } from "@umriss-ui/schedule";
-import { DAY_OF_PLAN, MOVES, ORDERS, STATIONS, STEPS } from "./plant";
+import type { Dependency, Subtask, Task } from "@umriss-ui/schedule";
+
+/* Data from the plant world, written out here so the example runs on its own. */
+
+const planAt = (hours: number, minutes = 0) => new Date(2026, 2, 17, hours, minutes).getTime();
+const min = (n: number) => n * 60_000;
+
+const DAY_OF_PLAN: readonly [number, number] = [planAt(5, 30), planAt(18)];
+
+const STATIONS = [
+  { id: "saw", label: "Saw 1" },
+  { id: "lathe-1", label: "Lathe 1" },
+  { id: "lathe-2", label: "Lathe 2" },
+  { id: "mill", label: "Mill" },
+  { id: "press", label: "Press 2" },
+  { id: "paint", label: "Paint shop" },
+  { id: "qa", label: "Inspection" },
+] as const;
+
+/* Colours in both schemes, as the application's own tokens would give them. */
+const ORDERS: readonly Task[] = [
+  { id: "a-2041", name: "A-2041 Housing", color: "light-dark(#2563eb, #6b9bff)" },
+  { id: "a-2042", name: "A-2042 Shaft", color: "light-dark(#0d9488, #3cc7b8)" },
+  { id: "a-2043", name: "A-2043 Bracket", color: "light-dark(#c2410c, #f08a52)" },
+  { id: "a-2044", name: "A-2044 Flange", color: "light-dark(#7c3aed, #a98bfa)" },
+  { id: "a-2045", name: "A-2045 Cover", color: "light-dark(#be185d, #f06aa6)" },
+  { id: "a-2046", name: "A-2046 Axle", color: "light-dark(#4d7c0f, #8fc43e)" },
+];
+
+const STEPS: readonly Subtask[] = [
+  { id: "a-2041-1", task: "a-2041", lane: "saw", from: planAt(6), to: planAt(7), leadIn: min(15), leadOut: min(10) },
+  { id: "a-2041-2", task: "a-2041", lane: "mill", from: planAt(8), to: planAt(10, 30), leadIn: min(30), leadOut: min(15) },
+  { id: "a-2041-3", task: "a-2041", lane: "qa", from: planAt(11, 30), to: planAt(12, 15) },
+
+  { id: "a-2042-1", task: "a-2042", lane: "saw", from: planAt(7, 30), to: planAt(8, 15), leadIn: min(10) },
+  { id: "a-2042-2", task: "a-2042", lane: "lathe-1", from: planAt(9), to: planAt(11), leadIn: min(20), leadOut: min(15) },
+  { id: "a-2042-3", task: "a-2042", lane: "qa", from: planAt(13), to: planAt(13, 30) },
+
+  { id: "a-2043-1", task: "a-2043", lane: "press", from: planAt(6, 30), to: planAt(8), leadIn: min(30), leadOut: min(15) },
+  { id: "a-2043-2", task: "a-2043", lane: "mill", from: planAt(10), to: planAt(11, 30), leadIn: min(15) },
+  { id: "a-2043-3", task: "a-2043", lane: "paint", from: planAt(12), to: planAt(14), leadIn: min(20), leadOut: min(20) },
+
+  { id: "a-2044-1", task: "a-2044", lane: "lathe-2", from: planAt(6), to: planAt(8, 30), leadIn: min(20), leadOut: min(10) },
+  { id: "a-2044-2", task: "a-2044", lane: "press", from: planAt(9, 30), to: planAt(10, 45), leadIn: min(25) },
+  { id: "a-2044-3", task: "a-2044", lane: "paint", from: planAt(14, 45), to: planAt(16), leadIn: min(15), leadOut: min(15) },
+
+  { id: "a-2045-1", task: "a-2045", lane: "lathe-1", from: planAt(12), to: planAt(13, 30), leadIn: min(15), leadOut: min(10) },
+  { id: "a-2045-2", task: "a-2045", lane: "press", from: planAt(14, 15), to: planAt(15), leadIn: min(20) },
+  { id: "a-2045-3", task: "a-2045", lane: "qa", from: planAt(15, 45), to: planAt(16, 30) },
+
+  { id: "a-2046-1", task: "a-2046", lane: "lathe-2", from: planAt(10), to: planAt(12), leadIn: min(20), leadOut: min(15) },
+  { id: "a-2046-2", task: "a-2046", lane: "mill", from: planAt(13), to: planAt(14, 30), leadIn: min(20), leadOut: min(10) },
+  { id: "a-2046-3", task: "a-2046", lane: "qa", from: planAt(15), to: planAt(15, 30) },
+];
+
+const MOVES: readonly Dependency[] = [
+  { id: "t-2041-1", from: "a-2041-1", to: "a-2041-2", lag: min(10) },
+  { id: "t-2041-2", from: "a-2041-2", to: "a-2041-3", lag: min(20) },
+  { id: "t-2042-1", from: "a-2042-1", to: "a-2042-2", lag: min(15) },
+  { id: "t-2042-2", from: "a-2042-2", to: "a-2042-3", lag: min(30), leaves: "main" },
+  { id: "t-2043-1", from: "a-2043-1", to: "a-2043-2", lag: min(45) },
+  /* Leaves the mill at 11:30 and has 10 minutes to reach the paint shop's
+     lead-in at 11:40 - it takes 25: a violated dependency, on purpose. */
+  { id: "t-2043-2", from: "a-2043-2", to: "a-2043-3", lag: min(25) },
+  { id: "t-2044-1", from: "a-2044-1", to: "a-2044-2", lag: min(20) },
+  { id: "t-2044-2", from: "a-2044-2", to: "a-2044-3", lag: min(60), arrives: "main" },
+  { id: "t-2045-1", from: "a-2045-1", to: "a-2045-2", lag: min(15) },
+  { id: "t-2045-2", from: "a-2045-2", to: "a-2045-3", lag: min(15) },
+  { id: "t-2046-1", from: "a-2046-1", to: "a-2046-2", lag: min(20) },
+  { id: "t-2046-2", from: "a-2046-2", to: "a-2046-3", lag: min(10), leaves: "main" },
+];
 
 const NAMES = new Map(ORDERS.map((order) => [order.id, order.name ?? order.id]));
 const HALF_PAST_TEN = new Date(2026, 2, 17, 10, 30).getTime();
@@ -749,8 +1165,6 @@ export default function MachinePlan() {
 }
 ```
 
-It imports `plant.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 #### Keyboard
 
 | Key | Action |
@@ -1302,33 +1716,108 @@ Work items straight from the team's tracker: the person is the lane, the project
 ```tsx
 import { Lane, Schedule, Subtasks } from "@umriss-ui/schedule";
 import type { Subtask } from "@umriss-ui/schedule";
-import { PEOPLE, PROJECTS, WORK } from "./planning";
 
-const SUBTASKS: Subtask[] = WORK.map((item): Subtask => ({
-  ...item,
-  /* Not started yet: drawn hollow, as planned but not begun. */
-  ...(item.status === "to do" ? { appearance: ["provisional"] } : {}),
-}));
+/* Data from the planning world, written out here so the example runs on its own. */
 
-const SPRINT_14: readonly [number, number] = [new Date(2026, 2, 9, 6).getTime(), new Date(2026, 2, 21).getTime()];
+const at = (day: number, hours = 9, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
 
-export default function ASprint() {
-  return (
-    <Schedule ariaLabel="Sprint 14, 9 to 20 March" initialDomain={SPRINT_14} height={500} label={(s) => s.name ?? s.id}>
-      {PEOPLE.map((person) => (
-        <Lane key={person.id} id={person.id} label={person.name} />
-      ))}
-      <Subtasks data={SUBTASKS} tasks={PROJECTS} />
-    </Schedule>
-  );
+interface Person {
+  id: string;
+  name: string;
+  role: "Developer" | "Designer" | "Product manager" | "QA engineer";
+  team: "Web" | "Apps";
+  /** Hours a week they can be planned for. */
+  capacity: number;
 }
-```
 
-It imports `planning.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
+const PEOPLE: readonly Person[] = [
+  { id: "maya", name: "Maya Lindgren", role: "Product manager", team: "Web", capacity: 32 },
+  { id: "arjun", name: "Arjun Mehta", role: "Developer", team: "Web", capacity: 40 },
+  { id: "chloe", name: "Chloe Durand", role: "Developer", team: "Web", capacity: 40 },
+  { id: "noah", name: "Noah Fischer", role: "Designer", team: "Web", capacity: 24 },
+  { id: "eva", name: "Eva Novak", role: "QA engineer", team: "Web", capacity: 40 },
+  { id: "luis", name: "Luis Moreno", role: "Product manager", team: "Apps", capacity: 40 },
+  { id: "hana", name: "Hana Sato", role: "Developer", team: "Apps", capacity: 40 },
+  { id: "kofi", name: "Kofi Mensah", role: "Developer", team: "Apps", capacity: 32 },
+  { id: "freya", name: "Freya Olsen", role: "Designer", team: "Apps", capacity: 40 },
+  { id: "david", name: "David Kowalski", role: "QA engineer", team: "Apps", capacity: 20 },
+];
 
-#### API
+interface Project {
+  id: string;
+  name: string;
+  client: string;
+  color: string;
+}
 
-##### `SubtasksProps`
+const PROJECTS: readonly Project[] = [
+  { id: "shop", name: "Online shop relaunch", client: "Pembury Home", color: "light-dark(#2563eb, #6b9bff)" },
+  { id: "booking", name: "Booking app", client: "Saltmarsh Clinics", color: "light-dark(#0d9488, #3cc7b8)" },
+  { id: "portal", name: "Member portal", client: "Rowan Credit Union", color: "light-dark(#7c3aed, #a98bfa)" },
+  { id: "intranet", name: "Intranet", client: "Tidewell (internal)", color: "light-dark(#c2410c, #f08a52)" },
+];
+
+/** A work item, shaped as `@umriss-ui/schedule`'s `Subtask`. */
+interface WorkItem {
+  id: string;
+  /** The project. */
+  task: string;
+  /** The person. */
+  lane: string;
+  from: number;
+  to: number;
+  name: string;
+  sprint: string;
+  /** Hours, as estimated at planning. */
+  estimate: number;
+  status: "to do" | "in progress" | "in review" | "done";
+}
+
+const item = (id: string, task: string, lane: string, from: number, to: number, name: string, estimate: number, status: WorkItem["status"]): WorkItem =>
+  ({ id, task, lane, from, to, name, sprint: "sprint-14", estimate, status });
+
+const WORK: readonly WorkItem[] = [
+  item("w-101", "portal", "arjun", at(9), at(11, 17), "Sign-in with e-mail code", 18, "done"),
+  item("w-102", "portal", "arjun", at(12), at(17, 17), "Profile page", 26, "in progress"),
+  item("w-103", "portal", "chloe", at(9), at(10, 17), "Session handling", 12, "done"),
+  item("w-104", "shop", "chloe", at(11), at(13, 17), "Basket keeps items across devices", 20, "in review"),
+  item("w-105", "portal", "chloe", at(16), at(19, 17), "Change of address form", 24, "in progress"),
+  item("w-106", "portal", "noah", at(9), at(12, 13), "Profile page design", 14, "done"),
+  item("w-107", "shop", "noah", at(16), at(18, 17), "Search results layout", 12, "to do"),
+  item("w-108", "portal", "eva", at(12), at(13, 17), "Test plan for sign-in", 10, "done"),
+  item("w-109", "portal", "eva", at(17), at(20, 17), "Regression run", 20, "to do"),
+  item("w-110", "booking", "hana", at(9), at(13, 17), "Reminder scheduling service", 32, "done"),
+  item("w-111", "booking", "hana", at(16), at(20, 17), "Push notifications", 30, "in progress"),
+  item("w-112", "booking", "kofi", at(10), at(12, 17), "Calendar sync", 18, "done"),
+  item("w-113", "intranet", "kofi", at(16), at(18, 17), "News feed", 16, "in progress"),
+  item("w-114", "booking", "freya", at(9), at(11, 17), "Reminder settings screen", 16, "done"),
+  item("w-115", "booking", "freya", at(18), at(20, 17), "Store screenshots", 12, "to do"),
+  item("w-116", "booking", "david", at(16), at(19, 13), "Device test matrix", 14, "to do"),
+];
+
+const SUBTASKS: Subtask[] = WORK.map((item): Subtask => ({
+  ...item,
+  /* Not started yet: drawn hollow, as planned but not begun. */
+  ...(item.status === "to do" ? { appearance: ["provisional"] } : {}),
+}));
+
+const SPRINT_14: readonly [number, number] = [new Date(2026, 2, 9, 6).getTime(), new Date(2026, 2, 21).getTime()];
+
+export default function ASprint() {
+  return (
+    <Schedule ariaLabel="Sprint 14, 9 to 20 March" initialDomain={SPRINT_14} height={500} label={(s) => s.name ?? s.id}>
+      {PEOPLE.map((person) => (
+        <Lane key={person.id} id={person.id} label={person.name} />
+      ))}
+      <Subtasks data={SUBTASKS} tasks={PROJECTS} />
+    </Schedule>
+  );
+}
+```
+
+#### API
+
+##### `SubtasksProps`
 
 | Prop | Type | Default | Description |
 |---|---|---|---|
@@ -2263,7 +2752,48 @@ A week of the on-call rota: the day band names each day, and the time band's ste
 ```tsx
 import { Lane, Schedule, Subtasks } from "@umriss-ui/schedule";
 import type { Subtask, Task } from "@umriss-ui/schedule";
-import { ENGINEERS, ONCALL } from "./operations";
+
+/* Data from the operations world, written out here so the example runs on its own. */
+
+const at = (day: number, hours: number, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
+
+interface Engineer {
+  id: string;
+  name: string;
+  team: string;
+}
+
+const ENGINEERS: readonly Engineer[] = [
+  { id: "priya", name: "Priya Raman", team: "Payments" },
+  { id: "jonas", name: "Jonas Keller", team: "Payments" },
+  { id: "ada", name: "Ada Mwangi", team: "Identity" },
+  { id: "tomasz", name: "Tomasz Nowak", team: "Discovery" },
+  { id: "leila", name: "Leila Haddad", team: "Discovery" },
+  { id: "sam", name: "Sam Okafor", team: "Messaging" },
+  { id: "ines", name: "Ines Duarte", team: "Integrations" },
+  { id: "felix", name: "Felix Brandt", team: "Insights" },
+];
+
+interface OnCall {
+  id: string;
+  engineer: string;
+  rotation: "primary" | "secondary";
+  from: number;
+  to: number;
+}
+
+/** Monday 16 to Monday 23 March, handed over every morning at 09:00: the
+    secondary of one day is the primary of the next. */
+const ONCALL: readonly OnCall[] = Array.from({ length: 7 }, (_, day) => [
+  { rotation: "primary" as const, engineer: ENGINEERS[day % ENGINEERS.length]!.id },
+  { rotation: "secondary" as const, engineer: ENGINEERS[(day + 1) % ENGINEERS.length]!.id },
+].map(({ rotation, engineer }) => ({
+  id: `${rotation}-${16 + day}`,
+  engineer,
+  rotation,
+  from: at(16 + day, 9),
+  to: at(17 + day, 9),
+}))).flat();
 
 const ROTATIONS: Task[] = [
   { id: "primary", name: "Primary", color: "light-dark(#2563eb, #6b9bff)" },
@@ -2286,8 +2816,6 @@ export default function AWeek() {
 }
 ```
 
-It imports `operations.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 ##### Cut the nights out of the axis
 
 The depot works 06:00 to 22:00: `calendar` lists those hours, the nights leave the axis, and a drag into one stops at the next morning.
@@ -2344,9 +2872,84 @@ Weekdays 09:00 to 17:00 as the `calendar`: a two-week sprint reads as ten workin
 
 ```tsx
 import { Lane, Schedule, Subtasks } from "@umriss-ui/schedule";
-import { PEOPLE, PROJECTS, WORK } from "./planning";
 
-const at = (day: number, hours: number) => new Date(2026, 2, day, hours).getTime();
+/* Data from the planning world, written out here so the example runs on its own. */
+
+const at = (day: number, hours = 9, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
+
+interface Person {
+  id: string;
+  name: string;
+  role: "Developer" | "Designer" | "Product manager" | "QA engineer";
+  team: "Web" | "Apps";
+  /** Hours a week they can be planned for. */
+  capacity: number;
+}
+
+const PEOPLE: readonly Person[] = [
+  { id: "maya", name: "Maya Lindgren", role: "Product manager", team: "Web", capacity: 32 },
+  { id: "arjun", name: "Arjun Mehta", role: "Developer", team: "Web", capacity: 40 },
+  { id: "chloe", name: "Chloe Durand", role: "Developer", team: "Web", capacity: 40 },
+  { id: "noah", name: "Noah Fischer", role: "Designer", team: "Web", capacity: 24 },
+  { id: "eva", name: "Eva Novak", role: "QA engineer", team: "Web", capacity: 40 },
+  { id: "luis", name: "Luis Moreno", role: "Product manager", team: "Apps", capacity: 40 },
+  { id: "hana", name: "Hana Sato", role: "Developer", team: "Apps", capacity: 40 },
+  { id: "kofi", name: "Kofi Mensah", role: "Developer", team: "Apps", capacity: 32 },
+  { id: "freya", name: "Freya Olsen", role: "Designer", team: "Apps", capacity: 40 },
+  { id: "david", name: "David Kowalski", role: "QA engineer", team: "Apps", capacity: 20 },
+];
+
+interface Project {
+  id: string;
+  name: string;
+  client: string;
+  color: string;
+}
+
+const PROJECTS: readonly Project[] = [
+  { id: "shop", name: "Online shop relaunch", client: "Pembury Home", color: "light-dark(#2563eb, #6b9bff)" },
+  { id: "booking", name: "Booking app", client: "Saltmarsh Clinics", color: "light-dark(#0d9488, #3cc7b8)" },
+  { id: "portal", name: "Member portal", client: "Rowan Credit Union", color: "light-dark(#7c3aed, #a98bfa)" },
+  { id: "intranet", name: "Intranet", client: "Tidewell (internal)", color: "light-dark(#c2410c, #f08a52)" },
+];
+
+/** A work item, shaped as `@umriss-ui/schedule`'s `Subtask`. */
+interface WorkItem {
+  id: string;
+  /** The project. */
+  task: string;
+  /** The person. */
+  lane: string;
+  from: number;
+  to: number;
+  name: string;
+  sprint: string;
+  /** Hours, as estimated at planning. */
+  estimate: number;
+  status: "to do" | "in progress" | "in review" | "done";
+}
+
+const item = (id: string, task: string, lane: string, from: number, to: number, name: string, estimate: number, status: WorkItem["status"]): WorkItem =>
+  ({ id, task, lane, from, to, name, sprint: "sprint-14", estimate, status });
+
+const WORK: readonly WorkItem[] = [
+  item("w-101", "portal", "arjun", at(9), at(11, 17), "Sign-in with e-mail code", 18, "done"),
+  item("w-102", "portal", "arjun", at(12), at(17, 17), "Profile page", 26, "in progress"),
+  item("w-103", "portal", "chloe", at(9), at(10, 17), "Session handling", 12, "done"),
+  item("w-104", "shop", "chloe", at(11), at(13, 17), "Basket keeps items across devices", 20, "in review"),
+  item("w-105", "portal", "chloe", at(16), at(19, 17), "Change of address form", 24, "in progress"),
+  item("w-106", "portal", "noah", at(9), at(12, 13), "Profile page design", 14, "done"),
+  item("w-107", "shop", "noah", at(16), at(18, 17), "Search results layout", 12, "to do"),
+  item("w-108", "portal", "eva", at(12), at(13, 17), "Test plan for sign-in", 10, "done"),
+  item("w-109", "portal", "eva", at(17), at(20, 17), "Regression run", 20, "to do"),
+  item("w-110", "booking", "hana", at(9), at(13, 17), "Reminder scheduling service", 32, "done"),
+  item("w-111", "booking", "hana", at(16), at(20, 17), "Push notifications", 30, "in progress"),
+  item("w-112", "booking", "kofi", at(10), at(12, 17), "Calendar sync", 18, "done"),
+  item("w-113", "intranet", "kofi", at(16), at(18, 17), "News feed", 16, "in progress"),
+  item("w-114", "booking", "freya", at(9), at(11, 17), "Reminder settings screen", 16, "done"),
+  item("w-115", "booking", "freya", at(18), at(20, 17), "Store screenshots", 12, "to do"),
+  item("w-116", "booking", "david", at(16), at(19, 13), "Device test matrix", 14, "to do"),
+];
 
 const WORKING_DAYS = [9, 10, 11, 12, 13, 16, 17, 18, 19, 20];
 const OFFICE_HOURS = WORKING_DAYS.map((day) => ({ from: at(day, 9), to: at(day, 17) }));
@@ -2372,8 +2975,6 @@ export default function OfficeHours() {
 }
 ```
 
-It imports `planning.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 #### When to use something else
 
 - Time a single lane is not available → Blocked time
@@ -2540,55 +3141,148 @@ The team's holidays, sick days and training become `BlockedTimes`, and `findings
 import { Stack, Text } from "@umriss-ui/core";
 import { BlockedTimes, Lane, Schedule, Subtasks, findings } from "@umriss-ui/schedule";
 import type { BlockedTime } from "@umriss-ui/schedule";
-import { LEAVE, PEOPLE, PROJECTS, WORK } from "./planning";
-
-const BLOCKED: BlockedTime[] = LEAVE.map((leave) => ({ id: leave.id, lane: leave.person, from: leave.from, to: leave.to, label: leave.reason }));
 
-const SPRINT_14: readonly [number, number] = [new Date(2026, 2, 9, 6).getTime(), new Date(2026, 2, 21).getTime()];
+/* Data from the planning world, written out here so the example runs on its own. */
 
-const NAME = new Map(WORK.map((item) => [item.id, item.name]));
-const PERSON = new Map(PEOPLE.map((person) => [person.id, person.name]));
+const at = (day: number, hours = 9, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
 
-export default function TeamLeave() {
-  const clashes = findings(WORK, [], BLOCKED).inBlockedTime;
-  return (
-    <Stack gap={3}>
-      <Schedule ariaLabel="Sprint 14 with the team's leave" initialDomain={SPRINT_14} height={500}>
-        {PEOPLE.map((person) => (
-          <Lane key={person.id} id={person.id} label={person.name} />
-        ))}
-        <BlockedTimes data={BLOCKED} />
-        <Subtasks data={WORK} tasks={PROJECTS} />
-      </Schedule>
-      <Text size="sm" tone="secondary">
-        {clashes.length === 0
-          ? "No work falls into anyone's leave."
-          : clashes.map((clash) => `${NAME.get(clash.subtask)} (${PERSON.get(WORK.find((w) => w.id === clash.subtask)?.lane ?? "")})`).join(" · ")}
-      </Text>
-    </Stack>
-  );
+interface Person {
+  id: string;
+  name: string;
+  role: "Developer" | "Designer" | "Product manager" | "QA engineer";
+  team: "Web" | "Apps";
+  /** Hours a week they can be planned for. */
+  capacity: number;
 }
-```
-
-It imports `planning.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
-#### When to use something else
 
-- Hours nobody works, on every lane → Time axis and calendar
+const PEOPLE: readonly Person[] = [
+  { id: "maya", name: "Maya Lindgren", role: "Product manager", team: "Web", capacity: 32 },
+  { id: "arjun", name: "Arjun Mehta", role: "Developer", team: "Web", capacity: 40 },
+  { id: "chloe", name: "Chloe Durand", role: "Developer", team: "Web", capacity: 40 },
+  { id: "noah", name: "Noah Fischer", role: "Designer", team: "Web", capacity: 24 },
+  { id: "eva", name: "Eva Novak", role: "QA engineer", team: "Web", capacity: 40 },
+  { id: "luis", name: "Luis Moreno", role: "Product manager", team: "Apps", capacity: 40 },
+  { id: "hana", name: "Hana Sato", role: "Developer", team: "Apps", capacity: 40 },
+  { id: "kofi", name: "Kofi Mensah", role: "Developer", team: "Apps", capacity: 32 },
+  { id: "freya", name: "Freya Olsen", role: "Designer", team: "Apps", capacity: 40 },
+  { id: "david", name: "David Kowalski", role: "QA engineer", team: "Apps", capacity: 20 },
+];
 
-#### API
+interface Project {
+  id: string;
+  name: string;
+  client: string;
+  color: string;
+}
 
-##### `BlockedTimesProps`
+const PROJECTS: readonly Project[] = [
+  { id: "shop", name: "Online shop relaunch", client: "Pembury Home", color: "light-dark(#2563eb, #6b9bff)" },
+  { id: "booking", name: "Booking app", client: "Saltmarsh Clinics", color: "light-dark(#0d9488, #3cc7b8)" },
+  { id: "portal", name: "Member portal", client: "Rowan Credit Union", color: "light-dark(#7c3aed, #a98bfa)" },
+  { id: "intranet", name: "Intranet", client: "Tidewell (internal)", color: "light-dark(#c2410c, #f08a52)" },
+];
 
-| Prop | Type | Default | Description |
-|---|---|---|---|
-| `data` (required) | `readonly BlockedTime[]` | — | The blocked time of the lanes - leave, maintenance, unavailability -, as the caller holds it: one list, each interval naming its lane. |
+/** A work item, shaped as `@umriss-ui/schedule`'s `Subtask`. */
+interface WorkItem {
+  id: string;
+  /** The project. */
+  task: string;
+  /** The person. */
+  lane: string;
+  from: number;
+  to: number;
+  name: string;
+  sprint: string;
+  /** Hours, as estimated at planning. */
+  estimate: number;
+  status: "to do" | "in progress" | "in review" | "done";
+}
 
-##### `BlockedTime`
+const item = (id: string, task: string, lane: string, from: number, to: number, name: string, estimate: number, status: WorkItem["status"]): WorkItem =>
+  ({ id, task, lane, from, to, name, sprint: "sprint-14", estimate, status });
 
-| Prop | Type | Default | Description |
-|---|---|---|---|
-| `id` (required) | `string` | — | The caller's identity of the interval - what a finding names. |
+const WORK: readonly WorkItem[] = [
+  item("w-101", "portal", "arjun", at(9), at(11, 17), "Sign-in with e-mail code", 18, "done"),
+  item("w-102", "portal", "arjun", at(12), at(17, 17), "Profile page", 26, "in progress"),
+  item("w-103", "portal", "chloe", at(9), at(10, 17), "Session handling", 12, "done"),
+  item("w-104", "shop", "chloe", at(11), at(13, 17), "Basket keeps items across devices", 20, "in review"),
+  item("w-105", "portal", "chloe", at(16), at(19, 17), "Change of address form", 24, "in progress"),
+  item("w-106", "portal", "noah", at(9), at(12, 13), "Profile page design", 14, "done"),
+  item("w-107", "shop", "noah", at(16), at(18, 17), "Search results layout", 12, "to do"),
+  item("w-108", "portal", "eva", at(12), at(13, 17), "Test plan for sign-in", 10, "done"),
+  item("w-109", "portal", "eva", at(17), at(20, 17), "Regression run", 20, "to do"),
+  item("w-110", "booking", "hana", at(9), at(13, 17), "Reminder scheduling service", 32, "done"),
+  item("w-111", "booking", "hana", at(16), at(20, 17), "Push notifications", 30, "in progress"),
+  item("w-112", "booking", "kofi", at(10), at(12, 17), "Calendar sync", 18, "done"),
+  item("w-113", "intranet", "kofi", at(16), at(18, 17), "News feed", 16, "in progress"),
+  item("w-114", "booking", "freya", at(9), at(11, 17), "Reminder settings screen", 16, "done"),
+  item("w-115", "booking", "freya", at(18), at(20, 17), "Store screenshots", 12, "to do"),
+  item("w-116", "booking", "david", at(16), at(19, 13), "Device test matrix", 14, "to do"),
+];
+
+interface Leave {
+  id: string;
+  person: string;
+  from: number;
+  to: number;
+  reason: "Holiday" | "Sick" | "Training";
+}
+
+/** When people are away: blocked time on their lane. */
+const LEAVE: readonly Leave[] = [
+  { id: "l-1", person: "noah", from: at(13, 0, 0), to: at(14, 0, 0), reason: "Sick" },
+  { id: "l-2", person: "arjun", from: at(18, 0, 0), to: at(21, 0, 0), reason: "Holiday" },
+  { id: "l-3", person: "kofi", from: at(13, 0, 0), to: at(14, 0, 0), reason: "Training" },
+  { id: "l-4", person: "freya", from: at(16, 0, 0), to: at(18, 0, 0), reason: "Holiday" },
+  { id: "l-5", person: "david", from: at(9, 0, 0), to: at(14, 0, 0), reason: "Holiday" },
+  { id: "l-6", person: "maya", from: at(19, 13, 0), to: at(20, 17, 0), reason: "Training" },
+];
+
+const BLOCKED: BlockedTime[] = LEAVE.map((leave) => ({ id: leave.id, lane: leave.person, from: leave.from, to: leave.to, label: leave.reason }));
+
+const SPRINT_14: readonly [number, number] = [new Date(2026, 2, 9, 6).getTime(), new Date(2026, 2, 21).getTime()];
+
+const NAME = new Map(WORK.map((item) => [item.id, item.name]));
+const PERSON = new Map(PEOPLE.map((person) => [person.id, person.name]));
+
+export default function TeamLeave() {
+  const clashes = findings(WORK, [], BLOCKED).inBlockedTime;
+  return (
+    <Stack gap={3}>
+      <Schedule ariaLabel="Sprint 14 with the team's leave" initialDomain={SPRINT_14} height={500}>
+        {PEOPLE.map((person) => (
+          <Lane key={person.id} id={person.id} label={person.name} />
+        ))}
+        <BlockedTimes data={BLOCKED} />
+        <Subtasks data={WORK} tasks={PROJECTS} />
+      </Schedule>
+      <Text size="sm" tone="secondary">
+        {clashes.length === 0
+          ? "No work falls into anyone's leave."
+          : clashes.map((clash) => `${NAME.get(clash.subtask)} (${PERSON.get(WORK.find((w) => w.id === clash.subtask)?.lane ?? "")})`).join(" · ")}
+      </Text>
+    </Stack>
+  );
+}
+```
+
+#### When to use something else
+
+- Hours nobody works, on every lane → Time axis and calendar
+
+#### API
+
+##### `BlockedTimesProps`
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `data` (required) | `readonly BlockedTime[]` | — | The blocked time of the lanes - leave, maintenance, unavailability -, as the caller holds it: one list, each interval naming its lane. |
+
+##### `BlockedTime`
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `id` (required) | `string` | — | The caller's identity of the interval - what a finding names. |
 | `lane` (required) | `string` | — | The id of the lane it blocks. |
 | `from` (required) | `number` | — | Where it begins. |
 | `to` (required) | `number` | — | Where it ends. |
@@ -2613,12 +3307,136 @@ Pass an instant to `now` and a line crosses the lanes there: a dispatcher at 10:
 ```tsx
 import { Lane, Schedule, Subtasks } from "@umriss-ui/schedule";
 import type { Subtask, Task } from "@umriss-ui/schedule";
-import { NOW, TOURS, VEHICLES } from "./logistics";
 
-/* A fixed instant suits a replay and a picture that must hold still; in a
-   live application `now` alone follows the clock - the next example. */
+/* Data from the logistics world, written out here so the example runs on its own. */
+
+/** A small LCG - the same numbers on every computer. */
+function random(seed: number): () => number {
+  let s = seed >>> 0;
+  return () => {
+    s = (Math.imul(s, 1664525) + 1013904223) >>> 0;
+    return s / 4294967296;
+  };
+}
 
 const at = (hours: number, minutes = 0) => new Date(2026, 2, 17, hours, minutes).getTime();
+const MINUTE = 60_000;
+
+/** Tuesday, 17 March 2026, 10:30 - the moment the screens are read at. */
+const NOW = at(10, 30);
+
+interface Vehicle {
+  id: string;
+  plate: string;
+  type: "van" | "e-van" | "truck";
+  /** Payload, in kg. */
+  capacity: number;
+  depot: string;
+}
+
+const VEHICLES: readonly Vehicle[] = [
+  { id: "v1", plate: "FP 214 K", type: "van", capacity: 1200, depot: "north" },
+  { id: "v2", plate: "FP 377 K", type: "e-van", capacity: 900, depot: "north" },
+  { id: "v3", plate: "FP 118 R", type: "truck", capacity: 7500, depot: "north" },
+  { id: "v4", plate: "FP 402 R", type: "van", capacity: 1200, depot: "river" },
+  { id: "v5", plate: "FP 455 R", type: "e-van", capacity: 900, depot: "river" },
+  { id: "v6", plate: "FP 290 E", type: "van", capacity: 1200, depot: "east" },
+  { id: "v7", plate: "FP 311 E", type: "e-van", capacity: 900, depot: "east" },
+  { id: "v8", plate: "FP 520 E", type: "truck", capacity: 7500, depot: "east" },
+];
+
+const DRIVERS = [
+  { id: "d1", name: "Martin Hale", depot: "north" },
+  { id: "d2", name: "Nadia Petrova", depot: "north" },
+  { id: "d3", name: "Owen Carter", depot: "north" },
+  { id: "d4", name: "Lucia Romero", depot: "river" },
+  { id: "d5", name: "Ben Adeyemi", depot: "river" },
+  { id: "d6", name: "Hanna Berg", depot: "east" },
+  { id: "d7", name: "Yusuf Demir", depot: "east" },
+  { id: "d8", name: "Clara Wendt", depot: "east" },
+] as const;
+
+const CUSTOMERS = [
+  "Holloway Garden Supplies",
+  "Marlow & Finch Books",
+  "Oakridge Pharmacy",
+  "Brixley Cycles",
+  "Tamsin's Bakery",
+  "Northfold Office",
+  "Pellham Hardware",
+  "Greywick Studio",
+  "Juniper Lane Florist",
+  "Ashcombe Dental",
+] as const;
+
+interface Stop {
+  id: string;
+  shipment: string;
+  customer: string;
+  /** The window the customer was promised, `[from, to]`. */
+  window: readonly [number, number];
+  /** When the tour plans to be there. */
+  arrival: number;
+}
+
+interface Tour {
+  id: string;
+  vehicle: string;
+  driver: string;
+  depot: string;
+  /** Leaves the depot, loaded; back at the depot. */
+  from: number;
+  to: number;
+  /** Minutes of loading before `from`. */
+  loading: number;
+  km: number;
+  stops: readonly Stop[];
+}
+
+/** One tour per vehicle. Stops every half hour or so, each with a two-hour
+    window; every seventh arrival misses its window - the late ones a
+    dispatcher looks for. */
+function tour(index: number): Tour {
+  const r = random(700 + index);
+  const vehicle = VEHICLES[index]!;
+  const truck = vehicle.type === "truck";
+  const from = at(truck ? 6 : 7, index % 2 === 0 ? 0 : 30);
+  const count = truck ? 5 : 8 + Math.floor(r() * 4);
+  const stops: Stop[] = [];
+  let arrival = from + (20 + Math.floor(r() * 15)) * MINUTE;
+  for (let i = 0; i < count; i++) {
+    const n = index * 20 + i;
+    const slot = Math.floor((arrival - at(0)) / (2 * 60 * MINUTE)) * 2;
+    /* A late stop's window closed half an hour or more before the arrival. */
+    const late = i >= 2 && n % 7 === 3;
+    const halfHour = 30 * MINUTE;
+    const windowFrom = late ? Math.floor(arrival / halfHour) * halfHour - 5 * halfHour : at(slot);
+    stops.push({
+      id: `s-${index + 1}-${i + 1}`,
+      shipment: `FP-${(1_004_210 + n * 13).toString()}`,
+      customer: CUSTOMERS[(n * 3) % CUSTOMERS.length]!,
+      window: [windowFrom, windowFrom + 2 * 60 * MINUTE],
+      arrival,
+    });
+    arrival += (truck ? 45 : 22) * MINUTE + Math.floor(r() * 18) * MINUTE;
+  }
+  return {
+    id: `T-${String(index + 1).padStart(2, "0")}`,
+    vehicle: vehicle.id,
+    driver: DRIVERS[index]!.id,
+    depot: vehicle.depot,
+    from,
+    to: arrival + 30 * MINUTE,
+    loading: truck ? 45 : 30,
+    km: Math.round((truck ? 140 : 70) + r() * 40),
+    stops,
+  };
+}
+
+const TOURS: readonly Tour[] = VEHICLES.map((_, index) => tour(index));
+
+/* A fixed instant suits a replay and a picture that must hold still; in a
+   live application `now` alone follows the clock - the next example. */
 
 const COLORS = ["light-dark(#2563eb, #6b9bff)", "light-dark(#0d9488, #3cc7b8)", "light-dark(#c2410c, #f08a52)", "light-dark(#7c3aed, #a98bfa)"];
 
@@ -2645,8 +3463,6 @@ export default function NowLine() {
 }
 ```
 
-It imports `logistics.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 ##### Follow the clock
 
 `now` on its own reads the clock and moves on by the minute, so a plan left open on a wall screen stays true.
@@ -2999,7 +3815,48 @@ import { useState } from "react";
 import { ContextMenu, MenuItem } from "@umriss-ui/core";
 import { Lane, Schedule, Subtasks, applyIntent } from "@umriss-ui/schedule";
 import type { ScheduleInteraction, Subtask, Task } from "@umriss-ui/schedule";
-import { ENGINEERS, ONCALL } from "./operations";
+
+/* Data from the operations world, written out here so the example runs on its own. */
+
+const at = (day: number, hours: number, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
+
+interface Engineer {
+  id: string;
+  name: string;
+  team: string;
+}
+
+const ENGINEERS: readonly Engineer[] = [
+  { id: "priya", name: "Priya Raman", team: "Payments" },
+  { id: "jonas", name: "Jonas Keller", team: "Payments" },
+  { id: "ada", name: "Ada Mwangi", team: "Identity" },
+  { id: "tomasz", name: "Tomasz Nowak", team: "Discovery" },
+  { id: "leila", name: "Leila Haddad", team: "Discovery" },
+  { id: "sam", name: "Sam Okafor", team: "Messaging" },
+  { id: "ines", name: "Ines Duarte", team: "Integrations" },
+  { id: "felix", name: "Felix Brandt", team: "Insights" },
+];
+
+interface OnCall {
+  id: string;
+  engineer: string;
+  rotation: "primary" | "secondary";
+  from: number;
+  to: number;
+}
+
+/** Monday 16 to Monday 23 March, handed over every morning at 09:00: the
+    secondary of one day is the primary of the next. */
+const ONCALL: readonly OnCall[] = Array.from({ length: 7 }, (_, day) => [
+  { rotation: "primary" as const, engineer: ENGINEERS[day % ENGINEERS.length]!.id },
+  { rotation: "secondary" as const, engineer: ENGINEERS[(day + 1) % ENGINEERS.length]!.id },
+].map(({ rotation, engineer }) => ({
+  id: `${rotation}-${16 + day}`,
+  engineer,
+  rotation,
+  from: at(16 + day, 9),
+  to: at(17 + day, 9),
+}))).flat();
 
 const day = (d: number, hours = 0) => new Date(2026, 2, d, hours).getTime();
 
@@ -3067,8 +3924,6 @@ export default function OpenAContextMenu() {
 }
 ```
 
-It imports `operations.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 #### When to use something else
 
 - You only need to know which task was picked → Selection
@@ -3236,21 +4091,97 @@ import { useState } from "react";
 import { Badge, Card, CardBody, Stack, Text } from "@umriss-ui/core";
 import { Lane, Schedule, Subtasks } from "@umriss-ui/schedule";
 import type { ScheduleInteraction } from "@umriss-ui/schedule";
-import { PEOPLE, PROJECTS, WORK } from "./planning";
-import type { WorkItem } from "./planning";
 
-const day = (d: number, hours = 0) => new Date(2026, 2, d, hours).getTime();
+/* Data from the planning world, written out here so the example runs on its own. */
 
-const WEB = PEOPLE.filter((person) => person.team === "Web");
-const WEB_WORK = WORK.filter((item) => WEB.some((person) => person.id === item.lane));
+const at = (day: number, hours = 9, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
 
-export default function DetailPanelInstead() {
-  const [item, setItem] = useState<WorkItem | null>(null);
+interface Person {
+  id: string;
+  name: string;
+  role: "Developer" | "Designer" | "Product manager" | "QA engineer";
+  team: "Web" | "Apps";
+  /** Hours a week they can be planned for. */
+  capacity: number;
+}
 
-  const onInteraction = (interaction: ScheduleInteraction) => {
-    if (interaction.type !== "hover") return;
-    const hit = interaction.hit;
-    setItem(hit.kind === "subtask" ? (WEB_WORK.find((one) => one.id === hit.subtask.id) ?? null) : null);
+const PEOPLE: readonly Person[] = [
+  { id: "maya", name: "Maya Lindgren", role: "Product manager", team: "Web", capacity: 32 },
+  { id: "arjun", name: "Arjun Mehta", role: "Developer", team: "Web", capacity: 40 },
+  { id: "chloe", name: "Chloe Durand", role: "Developer", team: "Web", capacity: 40 },
+  { id: "noah", name: "Noah Fischer", role: "Designer", team: "Web", capacity: 24 },
+  { id: "eva", name: "Eva Novak", role: "QA engineer", team: "Web", capacity: 40 },
+  { id: "luis", name: "Luis Moreno", role: "Product manager", team: "Apps", capacity: 40 },
+  { id: "hana", name: "Hana Sato", role: "Developer", team: "Apps", capacity: 40 },
+  { id: "kofi", name: "Kofi Mensah", role: "Developer", team: "Apps", capacity: 32 },
+  { id: "freya", name: "Freya Olsen", role: "Designer", team: "Apps", capacity: 40 },
+  { id: "david", name: "David Kowalski", role: "QA engineer", team: "Apps", capacity: 20 },
+];
+
+interface Project {
+  id: string;
+  name: string;
+  client: string;
+  color: string;
+}
+
+const PROJECTS: readonly Project[] = [
+  { id: "shop", name: "Online shop relaunch", client: "Pembury Home", color: "light-dark(#2563eb, #6b9bff)" },
+  { id: "booking", name: "Booking app", client: "Saltmarsh Clinics", color: "light-dark(#0d9488, #3cc7b8)" },
+  { id: "portal", name: "Member portal", client: "Rowan Credit Union", color: "light-dark(#7c3aed, #a98bfa)" },
+  { id: "intranet", name: "Intranet", client: "Tidewell (internal)", color: "light-dark(#c2410c, #f08a52)" },
+];
+
+/** A work item, shaped as `@umriss-ui/schedule`'s `Subtask`. */
+interface WorkItem {
+  id: string;
+  /** The project. */
+  task: string;
+  /** The person. */
+  lane: string;
+  from: number;
+  to: number;
+  name: string;
+  sprint: string;
+  /** Hours, as estimated at planning. */
+  estimate: number;
+  status: "to do" | "in progress" | "in review" | "done";
+}
+
+const item = (id: string, task: string, lane: string, from: number, to: number, name: string, estimate: number, status: WorkItem["status"]): WorkItem =>
+  ({ id, task, lane, from, to, name, sprint: "sprint-14", estimate, status });
+
+const WORK: readonly WorkItem[] = [
+  item("w-101", "portal", "arjun", at(9), at(11, 17), "Sign-in with e-mail code", 18, "done"),
+  item("w-102", "portal", "arjun", at(12), at(17, 17), "Profile page", 26, "in progress"),
+  item("w-103", "portal", "chloe", at(9), at(10, 17), "Session handling", 12, "done"),
+  item("w-104", "shop", "chloe", at(11), at(13, 17), "Basket keeps items across devices", 20, "in review"),
+  item("w-105", "portal", "chloe", at(16), at(19, 17), "Change of address form", 24, "in progress"),
+  item("w-106", "portal", "noah", at(9), at(12, 13), "Profile page design", 14, "done"),
+  item("w-107", "shop", "noah", at(16), at(18, 17), "Search results layout", 12, "to do"),
+  item("w-108", "portal", "eva", at(12), at(13, 17), "Test plan for sign-in", 10, "done"),
+  item("w-109", "portal", "eva", at(17), at(20, 17), "Regression run", 20, "to do"),
+  item("w-110", "booking", "hana", at(9), at(13, 17), "Reminder scheduling service", 32, "done"),
+  item("w-111", "booking", "hana", at(16), at(20, 17), "Push notifications", 30, "in progress"),
+  item("w-112", "booking", "kofi", at(10), at(12, 17), "Calendar sync", 18, "done"),
+  item("w-113", "intranet", "kofi", at(16), at(18, 17), "News feed", 16, "in progress"),
+  item("w-114", "booking", "freya", at(9), at(11, 17), "Reminder settings screen", 16, "done"),
+  item("w-115", "booking", "freya", at(18), at(20, 17), "Store screenshots", 12, "to do"),
+  item("w-116", "booking", "david", at(16), at(19, 13), "Device test matrix", 14, "to do"),
+];
+
+const day = (d: number, hours = 0) => new Date(2026, 2, d, hours).getTime();
+
+const WEB = PEOPLE.filter((person) => person.team === "Web");
+const WEB_WORK = WORK.filter((item) => WEB.some((person) => person.id === item.lane));
+
+export default function DetailPanelInstead() {
+  const [item, setItem] = useState<WorkItem | null>(null);
+
+  const onInteraction = (interaction: ScheduleInteraction) => {
+    if (interaction.type !== "hover") return;
+    const hit = interaction.hit;
+    setItem(hit.kind === "subtask" ? (WEB_WORK.find((one) => one.id === hit.subtask.id) ?? null) : null);
   };
 
   return (
@@ -3294,8 +4225,6 @@ export default function DetailPanelInstead() {
 }
 ```
 
-It imports `planning.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 #### API
 
 ##### `ScheduleTooltipTarget`
@@ -3408,7 +4337,97 @@ import { useState } from "react";
 import { Stack } from "@umriss-ui/core";
 import { Lane, Schedule, Subtasks } from "@umriss-ui/schedule";
 import type { Subtask, Task } from "@umriss-ui/schedule";
-import { ENGINEERS, INCIDENTS, NOW, ONCALL, SERVICES } from "./operations";
+
+/* Data from the operations world, written out here so the example runs on its own. */
+
+const at = (day: number, hours: number, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
+
+/** Tuesday, 17 March 2026, 10:30 - the moment the screens are read at. */
+const NOW = at(17, 10, 30);
+
+interface Service {
+  id: string;
+  name: string;
+  team: string;
+  /** 1 is customer-facing and pages at night; 3 waits for the morning. */
+  tier: 1 | 2 | 3;
+  /** The latency objective: the 95th percentile stays below this, in ms. */
+  latencySlo: number;
+  /** The availability promised for a month, in per cent. */
+  availabilityTarget: number;
+}
+
+const SERVICES: readonly Service[] = [
+  { id: "checkout", name: "Checkout", team: "Payments", tier: 1, latencySlo: 300, availabilityTarget: 99.95 },
+  { id: "billing", name: "Billing", team: "Payments", tier: 1, latencySlo: 400, availabilityTarget: 99.9 },
+  { id: "sign-in", name: "Sign-in", team: "Identity", tier: 1, latencySlo: 200, availabilityTarget: 99.95 },
+  { id: "search", name: "Search", team: "Discovery", tier: 1, latencySlo: 250, availabilityTarget: 99.9 },
+  { id: "images", name: "Image service", team: "Discovery", tier: 2, latencySlo: 500, availabilityTarget: 99.5 },
+  { id: "notifications", name: "Notifications", team: "Messaging", tier: 2, latencySlo: 800, availabilityTarget: 99.5 },
+  { id: "webhooks", name: "Webhooks", team: "Integrations", tier: 2, latencySlo: 1000, availabilityTarget: 99.5 },
+  { id: "reports", name: "Reporting", team: "Insights", tier: 3, latencySlo: 2000, availabilityTarget: 99 },
+];
+
+interface Engineer {
+  id: string;
+  name: string;
+  team: string;
+}
+
+const ENGINEERS: readonly Engineer[] = [
+  { id: "priya", name: "Priya Raman", team: "Payments" },
+  { id: "jonas", name: "Jonas Keller", team: "Payments" },
+  { id: "ada", name: "Ada Mwangi", team: "Identity" },
+  { id: "tomasz", name: "Tomasz Nowak", team: "Discovery" },
+  { id: "leila", name: "Leila Haddad", team: "Discovery" },
+  { id: "sam", name: "Sam Okafor", team: "Messaging" },
+  { id: "ines", name: "Ines Duarte", team: "Integrations" },
+  { id: "felix", name: "Felix Brandt", team: "Insights" },
+];
+
+interface OnCall {
+  id: string;
+  engineer: string;
+  rotation: "primary" | "secondary";
+  from: number;
+  to: number;
+}
+
+/** Monday 16 to Monday 23 March, handed over every morning at 09:00: the
+    secondary of one day is the primary of the next. */
+const ONCALL: readonly OnCall[] = Array.from({ length: 7 }, (_, day) => [
+  { rotation: "primary" as const, engineer: ENGINEERS[day % ENGINEERS.length]!.id },
+  { rotation: "secondary" as const, engineer: ENGINEERS[(day + 1) % ENGINEERS.length]!.id },
+].map(({ rotation, engineer }) => ({
+  id: `${rotation}-${16 + day}`,
+  engineer,
+  rotation,
+  from: at(16 + day, 9),
+  to: at(17 + day, 9),
+}))).flat();
+
+interface Incident {
+  id: string;
+  title: string;
+  service: string;
+  severity: "SEV1" | "SEV2" | "SEV3";
+  opened: number;
+  acknowledged?: number;
+  resolved?: number;
+  /** An engineer's id. */
+  assignee: string;
+}
+
+const INCIDENTS: readonly Incident[] = [
+  { id: "INC-1048", title: "Checkout slow, card payments time out", service: "checkout", severity: "SEV1", opened: at(17, 9, 42), acknowledged: at(17, 9, 46), assignee: "jonas" },
+  { id: "INC-1047", title: "Webhook deliveries delayed", service: "webhooks", severity: "SEV3", opened: at(17, 7, 15), acknowledged: at(17, 8, 2), assignee: "ines" },
+  { id: "INC-1046", title: "Thumbnails missing for new uploads", service: "images", severity: "SEV2", opened: at(16, 22, 5), acknowledged: at(16, 22, 11), resolved: at(17, 0, 40), assignee: "tomasz" },
+  { id: "INC-1045", title: "Sign-in codes arrive late", service: "sign-in", severity: "SEV2", opened: at(16, 14, 20), acknowledged: at(16, 14, 24), resolved: at(16, 15, 5), assignee: "ada" },
+  { id: "INC-1044", title: "Monthly report export fails", service: "reports", severity: "SEV3", opened: at(15, 10, 0), acknowledged: at(16, 9, 12), resolved: at(16, 11, 30), assignee: "felix" },
+  { id: "INC-1043", title: "Search returns no results for some regions", service: "search", severity: "SEV1", opened: at(14, 18, 30), acknowledged: at(14, 18, 33), resolved: at(14, 19, 55), assignee: "leila" },
+  { id: "INC-1042", title: "Duplicate reminder e-mails", service: "notifications", severity: "SEV3", opened: at(13, 8, 45), acknowledged: at(13, 9, 30), resolved: at(13, 13, 0), assignee: "sam" },
+  { id: "INC-1041", title: "Invoices generated twice", service: "billing", severity: "SEV2", opened: at(12, 16, 10), acknowledged: at(12, 16, 18), resolved: at(12, 18, 40), assignee: "priya" },
+];
 
 const day = (d: number, hours = 0) => new Date(2026, 2, d, hours).getTime();
 
@@ -3463,8 +4482,6 @@ export default function RotaBesideIncidents() {
 }
 ```
 
-It imports `operations.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 #### When to use something else
 
 - The lanes belong together in one plan → Lane groups
@@ -3719,7 +4736,84 @@ import { useRef, useState } from "react";
 import { Stack, Text } from "@umriss-ui/core";
 import { Lane, Schedule, Subtasks, applyIntent, overlaps } from "@umriss-ui/schedule";
 import type { Intent, Subtask } from "@umriss-ui/schedule";
-import { PEOPLE, PROJECTS, WORK } from "./planning";
+
+/* Data from the planning world, written out here so the example runs on its own. */
+
+const at = (day: number, hours = 9, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
+
+interface Person {
+  id: string;
+  name: string;
+  role: "Developer" | "Designer" | "Product manager" | "QA engineer";
+  team: "Web" | "Apps";
+  /** Hours a week they can be planned for. */
+  capacity: number;
+}
+
+const PEOPLE: readonly Person[] = [
+  { id: "maya", name: "Maya Lindgren", role: "Product manager", team: "Web", capacity: 32 },
+  { id: "arjun", name: "Arjun Mehta", role: "Developer", team: "Web", capacity: 40 },
+  { id: "chloe", name: "Chloe Durand", role: "Developer", team: "Web", capacity: 40 },
+  { id: "noah", name: "Noah Fischer", role: "Designer", team: "Web", capacity: 24 },
+  { id: "eva", name: "Eva Novak", role: "QA engineer", team: "Web", capacity: 40 },
+  { id: "luis", name: "Luis Moreno", role: "Product manager", team: "Apps", capacity: 40 },
+  { id: "hana", name: "Hana Sato", role: "Developer", team: "Apps", capacity: 40 },
+  { id: "kofi", name: "Kofi Mensah", role: "Developer", team: "Apps", capacity: 32 },
+  { id: "freya", name: "Freya Olsen", role: "Designer", team: "Apps", capacity: 40 },
+  { id: "david", name: "David Kowalski", role: "QA engineer", team: "Apps", capacity: 20 },
+];
+
+interface Project {
+  id: string;
+  name: string;
+  client: string;
+  color: string;
+}
+
+const PROJECTS: readonly Project[] = [
+  { id: "shop", name: "Online shop relaunch", client: "Pembury Home", color: "light-dark(#2563eb, #6b9bff)" },
+  { id: "booking", name: "Booking app", client: "Saltmarsh Clinics", color: "light-dark(#0d9488, #3cc7b8)" },
+  { id: "portal", name: "Member portal", client: "Rowan Credit Union", color: "light-dark(#7c3aed, #a98bfa)" },
+  { id: "intranet", name: "Intranet", client: "Tidewell (internal)", color: "light-dark(#c2410c, #f08a52)" },
+];
+
+/** A work item, shaped as `@umriss-ui/schedule`'s `Subtask`. */
+interface WorkItem {
+  id: string;
+  /** The project. */
+  task: string;
+  /** The person. */
+  lane: string;
+  from: number;
+  to: number;
+  name: string;
+  sprint: string;
+  /** Hours, as estimated at planning. */
+  estimate: number;
+  status: "to do" | "in progress" | "in review" | "done";
+}
+
+const item = (id: string, task: string, lane: string, from: number, to: number, name: string, estimate: number, status: WorkItem["status"]): WorkItem =>
+  ({ id, task, lane, from, to, name, sprint: "sprint-14", estimate, status });
+
+const WORK: readonly WorkItem[] = [
+  item("w-101", "portal", "arjun", at(9), at(11, 17), "Sign-in with e-mail code", 18, "done"),
+  item("w-102", "portal", "arjun", at(12), at(17, 17), "Profile page", 26, "in progress"),
+  item("w-103", "portal", "chloe", at(9), at(10, 17), "Session handling", 12, "done"),
+  item("w-104", "shop", "chloe", at(11), at(13, 17), "Basket keeps items across devices", 20, "in review"),
+  item("w-105", "portal", "chloe", at(16), at(19, 17), "Change of address form", 24, "in progress"),
+  item("w-106", "portal", "noah", at(9), at(12, 13), "Profile page design", 14, "done"),
+  item("w-107", "shop", "noah", at(16), at(18, 17), "Search results layout", 12, "to do"),
+  item("w-108", "portal", "eva", at(12), at(13, 17), "Test plan for sign-in", 10, "done"),
+  item("w-109", "portal", "eva", at(17), at(20, 17), "Regression run", 20, "to do"),
+  item("w-110", "booking", "hana", at(9), at(13, 17), "Reminder scheduling service", 32, "done"),
+  item("w-111", "booking", "hana", at(16), at(20, 17), "Push notifications", 30, "in progress"),
+  item("w-112", "booking", "kofi", at(10), at(12, 17), "Calendar sync", 18, "done"),
+  item("w-113", "intranet", "kofi", at(16), at(18, 17), "News feed", 16, "in progress"),
+  item("w-114", "booking", "freya", at(9), at(11, 17), "Reminder settings screen", 16, "done"),
+  item("w-115", "booking", "freya", at(18), at(20, 17), "Store screenshots", 12, "to do"),
+  item("w-116", "booking", "david", at(16), at(19, 13), "Device test matrix", 14, "to do"),
+];
 
 const day = (d: number, hours = 0) => new Date(2026, 2, d, hours).getTime();
 
@@ -3769,8 +4863,6 @@ export default function RefuseADoubleBooking() {
 }
 ```
 
-It imports `planning.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 #### When to use something else
 
 - The work is not on the plan yet → Placing from outside
@@ -4354,32 +5446,127 @@ import { useState } from "react";
 import { Stack, Text } from "@umriss-ui/core";
 import { BlockedTimes, Lane, Schedule, Subtasks, applyIntent } from "@umriss-ui/schedule";
 import type { BlockedTime, Intent, Subtask } from "@umriss-ui/schedule";
-import { LEAVE, PEOPLE, PROJECTS, WORK } from "./planning";
-
-const day = (d: number, hours = 0) => new Date(2026, 2, d, hours).getTime();
 
-const APPS = PEOPLE.filter((person) => person.team === "Apps" && person.role !== "Product manager");
-const START: readonly Subtask[] = WORK.filter((item) => APPS.some((person) => person.id === item.lane));
-const AWAY: readonly BlockedTime[] = LEAVE.filter((leave) => APPS.some((person) => person.id === leave.person)).map((leave) => ({
-  id: leave.id,
-  lane: leave.person,
-  from: leave.from,
-  to: leave.to,
-  label: leave.reason,
-}));
+/* Data from the planning world, written out here so the example runs on its own. */
 
-/* Work stays with people of the role it was planned for. */
-const roleOf = (lane: string) => PEOPLE.find((person) => person.id === lane)?.role;
-const START_ROLE = new Map(START.map((item) => [item.id, roleOf(item.lane)]));
-const mayGo = (item: Subtask, lane: string) => START_ROLE.get(item.id) === roleOf(lane);
+const at = (day: number, hours = 9, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
 
-export default function AroundLeave() {
-  const [work, setWork] = useState<readonly Subtask[]>(START);
-  const [last, setLast] = useState("Drag Freya's store screenshots into her holiday");
+interface Person {
+  id: string;
+  name: string;
+  role: "Developer" | "Designer" | "Product manager" | "QA engineer";
+  team: "Web" | "Apps";
+  /** Hours a week they can be planned for. */
+  capacity: number;
+}
 
-  const onIntent = (intent: Intent) => {
-    if (intent.kind === "place") return;
-    setWork((current) => current.map((item) => applyIntent(item, intent)));
+const PEOPLE: readonly Person[] = [
+  { id: "maya", name: "Maya Lindgren", role: "Product manager", team: "Web", capacity: 32 },
+  { id: "arjun", name: "Arjun Mehta", role: "Developer", team: "Web", capacity: 40 },
+  { id: "chloe", name: "Chloe Durand", role: "Developer", team: "Web", capacity: 40 },
+  { id: "noah", name: "Noah Fischer", role: "Designer", team: "Web", capacity: 24 },
+  { id: "eva", name: "Eva Novak", role: "QA engineer", team: "Web", capacity: 40 },
+  { id: "luis", name: "Luis Moreno", role: "Product manager", team: "Apps", capacity: 40 },
+  { id: "hana", name: "Hana Sato", role: "Developer", team: "Apps", capacity: 40 },
+  { id: "kofi", name: "Kofi Mensah", role: "Developer", team: "Apps", capacity: 32 },
+  { id: "freya", name: "Freya Olsen", role: "Designer", team: "Apps", capacity: 40 },
+  { id: "david", name: "David Kowalski", role: "QA engineer", team: "Apps", capacity: 20 },
+];
+
+interface Project {
+  id: string;
+  name: string;
+  client: string;
+  color: string;
+}
+
+const PROJECTS: readonly Project[] = [
+  { id: "shop", name: "Online shop relaunch", client: "Pembury Home", color: "light-dark(#2563eb, #6b9bff)" },
+  { id: "booking", name: "Booking app", client: "Saltmarsh Clinics", color: "light-dark(#0d9488, #3cc7b8)" },
+  { id: "portal", name: "Member portal", client: "Rowan Credit Union", color: "light-dark(#7c3aed, #a98bfa)" },
+  { id: "intranet", name: "Intranet", client: "Tidewell (internal)", color: "light-dark(#c2410c, #f08a52)" },
+];
+
+/** A work item, shaped as `@umriss-ui/schedule`'s `Subtask`. */
+interface WorkItem {
+  id: string;
+  /** The project. */
+  task: string;
+  /** The person. */
+  lane: string;
+  from: number;
+  to: number;
+  name: string;
+  sprint: string;
+  /** Hours, as estimated at planning. */
+  estimate: number;
+  status: "to do" | "in progress" | "in review" | "done";
+}
+
+const item = (id: string, task: string, lane: string, from: number, to: number, name: string, estimate: number, status: WorkItem["status"]): WorkItem =>
+  ({ id, task, lane, from, to, name, sprint: "sprint-14", estimate, status });
+
+const WORK: readonly WorkItem[] = [
+  item("w-101", "portal", "arjun", at(9), at(11, 17), "Sign-in with e-mail code", 18, "done"),
+  item("w-102", "portal", "arjun", at(12), at(17, 17), "Profile page", 26, "in progress"),
+  item("w-103", "portal", "chloe", at(9), at(10, 17), "Session handling", 12, "done"),
+  item("w-104", "shop", "chloe", at(11), at(13, 17), "Basket keeps items across devices", 20, "in review"),
+  item("w-105", "portal", "chloe", at(16), at(19, 17), "Change of address form", 24, "in progress"),
+  item("w-106", "portal", "noah", at(9), at(12, 13), "Profile page design", 14, "done"),
+  item("w-107", "shop", "noah", at(16), at(18, 17), "Search results layout", 12, "to do"),
+  item("w-108", "portal", "eva", at(12), at(13, 17), "Test plan for sign-in", 10, "done"),
+  item("w-109", "portal", "eva", at(17), at(20, 17), "Regression run", 20, "to do"),
+  item("w-110", "booking", "hana", at(9), at(13, 17), "Reminder scheduling service", 32, "done"),
+  item("w-111", "booking", "hana", at(16), at(20, 17), "Push notifications", 30, "in progress"),
+  item("w-112", "booking", "kofi", at(10), at(12, 17), "Calendar sync", 18, "done"),
+  item("w-113", "intranet", "kofi", at(16), at(18, 17), "News feed", 16, "in progress"),
+  item("w-114", "booking", "freya", at(9), at(11, 17), "Reminder settings screen", 16, "done"),
+  item("w-115", "booking", "freya", at(18), at(20, 17), "Store screenshots", 12, "to do"),
+  item("w-116", "booking", "david", at(16), at(19, 13), "Device test matrix", 14, "to do"),
+];
+
+interface Leave {
+  id: string;
+  person: string;
+  from: number;
+  to: number;
+  reason: "Holiday" | "Sick" | "Training";
+}
+
+/** When people are away: blocked time on their lane. */
+const LEAVE: readonly Leave[] = [
+  { id: "l-1", person: "noah", from: at(13, 0, 0), to: at(14, 0, 0), reason: "Sick" },
+  { id: "l-2", person: "arjun", from: at(18, 0, 0), to: at(21, 0, 0), reason: "Holiday" },
+  { id: "l-3", person: "kofi", from: at(13, 0, 0), to: at(14, 0, 0), reason: "Training" },
+  { id: "l-4", person: "freya", from: at(16, 0, 0), to: at(18, 0, 0), reason: "Holiday" },
+  { id: "l-5", person: "david", from: at(9, 0, 0), to: at(14, 0, 0), reason: "Holiday" },
+  { id: "l-6", person: "maya", from: at(19, 13, 0), to: at(20, 17, 0), reason: "Training" },
+];
+
+const day = (d: number, hours = 0) => new Date(2026, 2, d, hours).getTime();
+
+const APPS = PEOPLE.filter((person) => person.team === "Apps" && person.role !== "Product manager");
+const START: readonly Subtask[] = WORK.filter((item) => APPS.some((person) => person.id === item.lane));
+const AWAY: readonly BlockedTime[] = LEAVE.filter((leave) => APPS.some((person) => person.id === leave.person)).map((leave) => ({
+  id: leave.id,
+  lane: leave.person,
+  from: leave.from,
+  to: leave.to,
+  label: leave.reason,
+}));
+
+/* Work stays with people of the role it was planned for. */
+const roleOf = (lane: string) => PEOPLE.find((person) => person.id === lane)?.role;
+const START_ROLE = new Map(START.map((item) => [item.id, roleOf(item.lane)]));
+const mayGo = (item: Subtask, lane: string) => START_ROLE.get(item.id) === roleOf(lane);
+
+export default function AroundLeave() {
+  const [work, setWork] = useState<readonly Subtask[]>(START);
+  const [last, setLast] = useState("Drag Freya's store screenshots into her holiday");
+
+  const onIntent = (intent: Intent) => {
+    if (intent.kind === "place") return;
+    setWork((current) => current.map((item) => applyIntent(item, intent)));
     setLast(`${intent.subtask}: ${intent.kind}`);
   };
 
@@ -4407,8 +5594,6 @@ export default function AroundLeave() {
 }
 ```
 
-It imports `planning.ts` from beside itself; the file stands once, under "Files the examples show" at the end.
-
 #### When to use something else
 
 - The rule depends on the result, such as no double booking → Move and lane
@@ -4967,1363 +6152,3 @@ interface ResolvedAppearance {
     readonly open: boolean;
 }
 ```
-
-## Files the examples show
-
-The demos' shared data, which some examples import from beside themselves. Copied with the example, it runs.
-
-### `logistics.ts`
-
-```ts
-/**
- * The logistics world: Ferrow Parcel, a regional parcel carrier with three
- * depots.
- *
- * The standing cast:
- * - `DEPOTS`, `VEHICLES` (plate, type, payload, depot) and `DRIVERS`;
- * - `TOURS` - today's eight delivery tours, each with its vehicle, driver,
- *   start, end, distance and stops; a stop has a delivery window and the
- *   planned arrival, and a few arrive outside their window;
- * - `SHIPMENTS` - one per stop, with customer, weight, status and window;
- * - `VEHICLE_STATES` and `vehicleDay(vehicle)` - what a vehicle did through
- *   the day, quarter hour by quarter hour, for a state band;
- * - `COST_RATES` - what a kilometre, an hour and a vehicle day cost, the
- *   inputs of a cost per tour.
- *
- * "Now" is Tuesday, 17 March 2026, 10:30 local time. Plain data and small pure
- * functions, no imports: copy the file beside an example and it runs.
- */
-
-/** A small LCG - the same numbers on every computer. */
-function random(seed: number): () => number {
-  let s = seed >>> 0;
-  return () => {
-    s = (Math.imul(s, 1664525) + 1013904223) >>> 0;
-    return s / 4294967296;
-  };
-}
-
-const at = (hours: number, minutes = 0) => new Date(2026, 2, 17, hours, minutes).getTime();
-const MINUTE = 60_000;
-
-/** Tuesday, 17 March 2026, 10:30 - the moment the screens are read at. */
-export const NOW = at(10, 30);
-
-export const DEPOTS = [
-  { id: "north", name: "North depot" },
-  { id: "river", name: "Riverside depot" },
-  { id: "east", name: "East Gate depot" },
-] as const;
-
-export interface Vehicle {
-  id: string;
-  plate: string;
-  type: "van" | "e-van" | "truck";
-  /** Payload, in kg. */
-  capacity: number;
-  depot: string;
-}
-
-export const VEHICLES: readonly Vehicle[] = [
-  { id: "v1", plate: "FP 214 K", type: "van", capacity: 1200, depot: "north" },
-  { id: "v2", plate: "FP 377 K", type: "e-van", capacity: 900, depot: "north" },
-  { id: "v3", plate: "FP 118 R", type: "truck", capacity: 7500, depot: "north" },
-  { id: "v4", plate: "FP 402 R", type: "van", capacity: 1200, depot: "river" },
-  { id: "v5", plate: "FP 455 R", type: "e-van", capacity: 900, depot: "river" },
-  { id: "v6", plate: "FP 290 E", type: "van", capacity: 1200, depot: "east" },
-  { id: "v7", plate: "FP 311 E", type: "e-van", capacity: 900, depot: "east" },
-  { id: "v8", plate: "FP 520 E", type: "truck", capacity: 7500, depot: "east" },
-];
-
-export const DRIVERS = [
-  { id: "d1", name: "Martin Hale", depot: "north" },
-  { id: "d2", name: "Nadia Petrova", depot: "north" },
-  { id: "d3", name: "Owen Carter", depot: "north" },
-  { id: "d4", name: "Lucia Romero", depot: "river" },
-  { id: "d5", name: "Ben Adeyemi", depot: "river" },
-  { id: "d6", name: "Hanna Berg", depot: "east" },
-  { id: "d7", name: "Yusuf Demir", depot: "east" },
-  { id: "d8", name: "Clara Wendt", depot: "east" },
-] as const;
-
-const CUSTOMERS = [
-  "Holloway Garden Supplies",
-  "Marlow & Finch Books",
-  "Oakridge Pharmacy",
-  "Brixley Cycles",
-  "Tamsin's Bakery",
-  "Northfold Office",
-  "Pellham Hardware",
-  "Greywick Studio",
-  "Juniper Lane Florist",
-  "Ashcombe Dental",
-] as const;
-
-export interface Stop {
-  id: string;
-  shipment: string;
-  customer: string;
-  /** The window the customer was promised, `[from, to]`. */
-  window: readonly [number, number];
-  /** When the tour plans to be there. */
-  arrival: number;
-}
-
-export interface Tour {
-  id: string;
-  vehicle: string;
-  driver: string;
-  depot: string;
-  /** Leaves the depot, loaded; back at the depot. */
-  from: number;
-  to: number;
-  /** Minutes of loading before `from`. */
-  loading: number;
-  km: number;
-  stops: readonly Stop[];
-}
-
-/** One tour per vehicle. Stops every half hour or so, each with a two-hour
-    window; every seventh arrival misses its window - the late ones a
-    dispatcher looks for. */
-function tour(index: number): Tour {
-  const r = random(700 + index);
-  const vehicle = VEHICLES[index]!;
-  const truck = vehicle.type === "truck";
-  const from = at(truck ? 6 : 7, index % 2 === 0 ? 0 : 30);
-  const count = truck ? 5 : 8 + Math.floor(r() * 4);
-  const stops: Stop[] = [];
-  let arrival = from + (20 + Math.floor(r() * 15)) * MINUTE;
-  for (let i = 0; i < count; i++) {
-    const n = index * 20 + i;
-    const slot = Math.floor((arrival - at(0)) / (2 * 60 * MINUTE)) * 2;
-    /* A late stop's window closed half an hour or more before the arrival. */
-    const late = i >= 2 && n % 7 === 3;
-    const halfHour = 30 * MINUTE;
-    const windowFrom = late ? Math.floor(arrival / halfHour) * halfHour - 5 * halfHour : at(slot);
-    stops.push({
-      id: `s-${index + 1}-${i + 1}`,
-      shipment: `FP-${(1_004_210 + n * 13).toString()}`,
-      customer: CUSTOMERS[(n * 3) % CUSTOMERS.length]!,
-      window: [windowFrom, windowFrom + 2 * 60 * MINUTE],
-      arrival,
-    });
-    arrival += (truck ? 45 : 22) * MINUTE + Math.floor(r() * 18) * MINUTE;
-  }
-  return {
-    id: `T-${String(index + 1).padStart(2, "0")}`,
-    vehicle: vehicle.id,
-    driver: DRIVERS[index]!.id,
-    depot: vehicle.depot,
-    from,
-    to: arrival + 30 * MINUTE,
-    loading: truck ? 45 : 30,
-    km: Math.round((truck ? 140 : 70) + r() * 40),
-    stops,
-  };
-}
-
-export const TOURS: readonly Tour[] = VEHICLES.map((_, index) => tour(index));
-
-export interface Shipment {
-  id: string;
-  customer: string;
-  /** In kg. */
-  weight: number;
-  status: "delivered" | "out for delivery" | "failed attempt";
-  window: readonly [number, number];
-  tour: string;
-}
-
-/** One shipment per stop. Before now, delivered - or a failed attempt, where
-    nobody was in; after now, out for delivery. */
-export const SHIPMENTS: readonly Shipment[] = TOURS.flatMap((one) =>
-  one.stops.map((stop) => {
-    const n = Number(stop.shipment.slice(3));
-    return {
-      id: stop.shipment,
-      customer: stop.customer,
-      weight: Math.round((VEHICLES.find((v) => v.id === one.vehicle)!.type === "truck" ? 180 : 2) + ((n * 7919) % 230) / 10),
-      status: stop.arrival > NOW ? "out for delivery" : n % 11 === 0 ? "failed attempt" : "delivered",
-      window: stop.window,
-      tour: one.id,
-    } satisfies Shipment;
-  }),
-);
-
-/** The closed set of vehicle states. The order is the code. */
-export const VEHICLE_STATES = [
-  { label: "Driving", color: "#2f6fb4" },
-  { label: "Loading", color: "#c08a2e" },
-  { label: "Idle", color: "#8a8f98" },
-  { label: "Break", color: "#6b8e5a" },
-] as const;
-
-export interface StatePoint {
-  t: number;
-  /** A code in `VEHICLE_STATES`; `null` before the tour and after it. */
-  state: number | null;
-}
-
-/** What a vehicle did from 05:00 to 19:00, quarter hour by quarter hour:
-    loading before its tour, driving between stops, idle at them now and then,
-    and a break around noon. */
-export function vehicleDay(vehicleId: string): StatePoint[] {
-  const one = TOURS.find((t) => t.vehicle === vehicleId);
-  if (one === undefined) throw new Error(`No vehicle "${vehicleId}".`);
-  const r = random(900 + TOURS.indexOf(one));
-  const points: StatePoint[] = [];
-  for (let t = at(5); t <= at(19); t += 15 * MINUTE) {
-    let state: number | null = null;
-    if (t >= one.from - one.loading * MINUTE && t < one.from) state = 1;
-    else if (t >= one.from && t < one.to) state = t >= at(12) && t < at(12, 30) ? 3 : r() < 0.18 ? 2 : 0;
-    points.push({ t, state });
-  }
-  return points;
-}
-
-/** What a tour costs, per unit - the inputs of a cost per tour. */
-export const COST_RATES = {
-  /** Diesel, per litre; electricity, per kWh. */
-  dieselPerLitre: 1.68,
-  electricityPerKwh: 0.31,
-  /** Consumption per 100 km. */
-  per100Km: { van: 9.5, truck: 24, "e-van": 22 },
-  /** A driver's hour, all in. */
-  driverPerHour: 34.5,
-  /** Lease, insurance and upkeep, per day. */
-  vehiclePerDay: { van: 58, truck: 145, "e-van": 72 },
-} as const;
-
-/* ---------------------------------------------------------------------------
-   For @umriss-ui/charts: an e-van's battery, the North depot's week and
-   fortnight, the delays by cause and the parcels per depot and hour.
-   --------------------------------------------------------------------------- */
-
-const on = (month: number, day: number, hours = 0) => new Date(2026, month - 1, day, hours).getTime();
-const HOUR = 60 * MINUTE;
-
-export interface BatteryPoint {
-  t: number;
-  /** State of charge, in per cent; `null` before the tour and after it. */
-  charge: number | null;
-}
-
-/** An e-van's battery through the day, with `vehicleDay`'s quarter hours:
-    full when the tour leaves, draining while it drives, a little while it
-    idles, and topped up at the depot's charger over the noon break. */
-export function batteryDay(vehicleId: string): BatteryPoint[] {
-  let charge = 100;
-  return vehicleDay(vehicleId).map(({ t, state }) => {
-    if (state === null) return { t, charge: null };
-    const now = charge;
-    charge = Math.max(0, Math.min(100, charge + [-4.8, 0, -0.6, 3][state]!));
-    return { t, charge: Math.round(now * 10) / 10 };
-  });
-}
-
-/** The North depot's sorting hours: Monday to Friday, 06:00 to 22:00. */
-export const SORTING_HOURS = Array.from({ length: 5 }, (_, day) => ({ from: on(3, 9 + day, 6), to: on(3, 9 + day, 22) }));
-
-export interface SortedPoint {
-  t: number;
-  /** Parcels sorted per hour. */
-  parcels: number;
-}
-
-/** Last week's sorting at the North depot, quarter hour by quarter hour -
-    only in its sorting hours. */
-export const SORTED: readonly SortedPoint[] = (() => {
-  const r = random(1963);
-  const points: SortedPoint[] = [];
-  let parcels = 420;
-  for (const { from } of SORTING_HOURS) {
-    for (let quarter = 0; quarter < 4 * 16; quarter++) {
-      parcels += (r() - 0.5) * 26;
-      points.push({ t: from + quarter * 15 * MINUTE, parcels: Math.round(parcels) });
-    }
-  }
-  return points;
-})();
-
-export interface DepotDay {
-  /** Day of March. */
-  day: number;
-  /** Pallets that arrived, and that left on the tours. */
-  arrived: number;
-  dispatched: number;
-  /** Pallets on hand at the end of the day. */
-  onHand: number;
-  /** The range the stock is meant to stay in; `null` while it was reset
-      after the stocktake. */
-  targetLow: number | null;
-  targetHigh: number | null;
-  /** A pallet count by hand - it never quite agrees with the books. */
-  counted: number;
-}
-
-/** The North depot's last fourteen days, 2 to 15 March. */
-export const DEPOT_DAYS: readonly DepotDay[] = (() => {
-  const r = random(2026);
-  let onHand = 62;
-  return Array.from({ length: 14 }, (_, i) => {
-    const arrived = 30 + r() * 25;
-    const dispatched = 22 + r() * 20;
-    onHand += (arrived - dispatched) * 0.35;
-    const reset = i >= 6 && i <= 8;
-    return {
-      day: i + 2,
-      arrived: Math.round(arrived),
-      dispatched: Math.round(dispatched),
-      onHand: Math.round(onHand),
-      targetLow: reset ? null : Math.round(onHand - 9 - r() * 3),
-      targetHigh: reset ? null : Math.round(onHand + 9 + r() * 3),
-      counted: Math.round(onHand + (r() - 0.5) * 26),
-    };
-  });
-})();
-
-export interface DayDelays {
-  /** The position on the x axis: the working day's index. */
-  day: number;
-  name: string;
-  /** Minutes late across all tours, by cause; `null` where it was not logged. */
-  traffic: number;
-  loading: number | null;
-  access: number;
-}
-
-/** Two working weeks, 2 to 13 March. On the first Wednesday the loading log
-    was not kept - a gap, not a zero - and on the second Thursday a closed
-    bridge takes the day. */
-export const DELAYS: readonly DayDelays[] = (() => {
-  const r = random(1204);
-  const names = ["Mon", "Tue", "Wed", "Thu", "Fri"];
-  return Array.from({ length: 10 }, (_, day) => ({
-    day,
-    name: `${names[day % 5]} ${2 + day + 2 * Math.floor(day / 5)}`,
-    traffic: Math.round((day === 8 ? 150 : 40) + r() * 30),
-    loading: day === 2 ? null : Math.round(10 + r() * 45),
-    access: Math.round(5 + r() * 25),
-  }));
-})();
-
-export interface DepotHour {
-  t: number;
-  /** Parcels loaded per hour at each depot. */
-  north: number;
-  river: number;
-  east: number;
-}
-
-/** Monday 06:00 to Tuesday 06:00, hour by hour. East Gate closes at night and
-    loads nothing - 0, not nothing. */
-export const PARCELS_PER_HOUR: readonly DepotHour[] = (() => {
-  const r = random(906);
-  return Array.from({ length: 25 }, (_, i) => {
-    const hour = (6 + i) % 24;
-    const night = hour >= 22 || hour < 6;
-    return {
-      t: on(3, 16, 6) + i * HOUR,
-      north: Math.round(120 + r() * 30),
-      river: Math.round((night ? 60 : 90) + r() * 25),
-      east: night ? 0 : Math.round(70 + r() * 30),
-    };
-  });
-})();
-```
-
-### `operations.ts`
-
-```ts
-/**
- * The operations world: Quillmere, a platform on which small businesses take
- * online bookings, run as a set of services by six teams.
- *
- * The standing cast:
- * - `SERVICES` - eight services with their team, tier, latency objective and
- *   availability target;
- * - `ENGINEERS` - the people on call, and `ONCALL`, who is primary and
- *   secondary this week;
- * - `metrics(service)` - latency and error rate every five minutes of today up
- *   to now; Checkout has a bad half hour from 09:40;
- * - `INCIDENTS` - the last week's incidents, one of them still open;
- * - `ALERT_TYPES` and `ALERTS` - what the alert list shows at 10:30;
- * - `DOWNTIME_MINUTES` - each service's downtime this month, for its
- *   availability.
- *
- * "Now" is Tuesday, 17 March 2026, 10:30 local time. Plain data and small pure
- * functions, no imports: copy the file beside an example and it runs.
- */
-
-/** A small LCG - the same numbers on every computer. */
-function random(seed: number): () => number {
-  let s = seed >>> 0;
-  return () => {
-    s = (Math.imul(s, 1664525) + 1013904223) >>> 0;
-    return s / 4294967296;
-  };
-}
-
-const at = (day: number, hours: number, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
-const MINUTE = 60_000;
-
-/** Tuesday, 17 March 2026, 10:30 - the moment the screens are read at. */
-export const NOW = at(17, 10, 30);
-
-export interface Service {
-  id: string;
-  name: string;
-  team: string;
-  /** 1 is customer-facing and pages at night; 3 waits for the morning. */
-  tier: 1 | 2 | 3;
-  /** The latency objective: the 95th percentile stays below this, in ms. */
-  latencySlo: number;
-  /** The availability promised for a month, in per cent. */
-  availabilityTarget: number;
-}
-
-export const SERVICES: readonly Service[] = [
-  { id: "checkout", name: "Checkout", team: "Payments", tier: 1, latencySlo: 300, availabilityTarget: 99.95 },
-  { id: "billing", name: "Billing", team: "Payments", tier: 1, latencySlo: 400, availabilityTarget: 99.9 },
-  { id: "sign-in", name: "Sign-in", team: "Identity", tier: 1, latencySlo: 200, availabilityTarget: 99.95 },
-  { id: "search", name: "Search", team: "Discovery", tier: 1, latencySlo: 250, availabilityTarget: 99.9 },
-  { id: "images", name: "Image service", team: "Discovery", tier: 2, latencySlo: 500, availabilityTarget: 99.5 },
-  { id: "notifications", name: "Notifications", team: "Messaging", tier: 2, latencySlo: 800, availabilityTarget: 99.5 },
-  { id: "webhooks", name: "Webhooks", team: "Integrations", tier: 2, latencySlo: 1000, availabilityTarget: 99.5 },
-  { id: "reports", name: "Reporting", team: "Insights", tier: 3, latencySlo: 2000, availabilityTarget: 99 },
-];
-
-export interface Engineer {
-  id: string;
-  name: string;
-  team: string;
-}
-
-export const ENGINEERS: readonly Engineer[] = [
-  { id: "priya", name: "Priya Raman", team: "Payments" },
-  { id: "jonas", name: "Jonas Keller", team: "Payments" },
-  { id: "ada", name: "Ada Mwangi", team: "Identity" },
-  { id: "tomasz", name: "Tomasz Nowak", team: "Discovery" },
-  { id: "leila", name: "Leila Haddad", team: "Discovery" },
-  { id: "sam", name: "Sam Okafor", team: "Messaging" },
-  { id: "ines", name: "Ines Duarte", team: "Integrations" },
-  { id: "felix", name: "Felix Brandt", team: "Insights" },
-];
-
-export interface OnCall {
-  id: string;
-  engineer: string;
-  rotation: "primary" | "secondary";
-  from: number;
-  to: number;
-}
-
-/** Monday 16 to Monday 23 March, handed over every morning at 09:00: the
-    secondary of one day is the primary of the next. */
-export const ONCALL: readonly OnCall[] = Array.from({ length: 7 }, (_, day) => [
-  { rotation: "primary" as const, engineer: ENGINEERS[day % ENGINEERS.length]!.id },
-  { rotation: "secondary" as const, engineer: ENGINEERS[(day + 1) % ENGINEERS.length]!.id },
-].map(({ rotation, engineer }) => ({
-  id: `${rotation}-${16 + day}`,
-  engineer,
-  rotation,
-  from: at(16 + day, 9),
-  to: at(17 + day, 9),
-}))).flat();
-
-export interface MetricPoint {
-  t: number;
-  /** Median and 95th percentile latency, in ms. */
-  p50: number;
-  p95: number;
-  /** Failed requests, in per cent. */
-  errorRate: number;
-  /** Requests per minute. */
-  requests: number;
-}
-
-/** Requests per minute at the busiest hour, by tier. */
-const VOLUME = { 1: 900, 2: 400, 3: 120 } as const;
-
-/** A service's latency and error rate every five minutes of today, from
-    midnight up to now. Busy by day, quiet at night; Checkout's 95th percentile
-    climbs well past its objective from 09:40 to 10:10, and its errors with it. */
-export function metrics(serviceId: string): MetricPoint[] {
-  const index = SERVICES.findIndex((one) => one.id === serviceId);
-  const service = SERVICES[index];
-  if (service === undefined) throw new Error(`No service "${serviceId}".`);
-  const r = random(1000 + index * 37);
-  const points: MetricPoint[] = [];
-  let drift = 0;
-  for (let t = at(17, 0); t <= NOW; t += 5 * MINUTE) {
-    const hour = (t - at(17, 0)) / (60 * MINUTE);
-    const load = 0.35 + 0.65 * Math.max(0, Math.sin((Math.PI * (hour - 5)) / 16));
-    drift = 0.8 * drift + (r() - 0.5) * 0.08;
-    const base = service.latencySlo * (0.45 + 0.2 * load + drift);
-    const surge = serviceId === "checkout" && t >= at(17, 9, 40) && t < at(17, 10, 10) ? 1.9 : 1;
-    const p95 = Math.round(base * surge * (1 + r() * 0.08));
-    points.push({
-      t,
-      p50: Math.round(p95 * (0.42 + r() * 0.06)),
-      p95,
-      errorRate: Math.round((0.05 + r() * 0.12 + (surge > 1 ? 2.4 + r() : 0)) * 100) / 100,
-      requests: Math.round(VOLUME[service.tier] * load * (1 + (r() - 0.5) * 0.1)),
-    });
-  }
-  return points;
-}
-
-export interface Incident {
-  id: string;
-  title: string;
-  service: string;
-  severity: "SEV1" | "SEV2" | "SEV3";
-  opened: number;
-  acknowledged?: number;
-  resolved?: number;
-  /** An engineer's id. */
-  assignee: string;
-}
-
-export const INCIDENTS: readonly Incident[] = [
-  { id: "INC-1048", title: "Checkout slow, card payments time out", service: "checkout", severity: "SEV1", opened: at(17, 9, 42), acknowledged: at(17, 9, 46), assignee: "jonas" },
-  { id: "INC-1047", title: "Webhook deliveries delayed", service: "webhooks", severity: "SEV3", opened: at(17, 7, 15), acknowledged: at(17, 8, 2), assignee: "ines" },
-  { id: "INC-1046", title: "Thumbnails missing for new uploads", service: "images", severity: "SEV2", opened: at(16, 22, 5), acknowledged: at(16, 22, 11), resolved: at(17, 0, 40), assignee: "tomasz" },
-  { id: "INC-1045", title: "Sign-in codes arrive late", service: "sign-in", severity: "SEV2", opened: at(16, 14, 20), acknowledged: at(16, 14, 24), resolved: at(16, 15, 5), assignee: "ada" },
-  { id: "INC-1044", title: "Monthly report export fails", service: "reports", severity: "SEV3", opened: at(15, 10, 0), acknowledged: at(16, 9, 12), resolved: at(16, 11, 30), assignee: "felix" },
-  { id: "INC-1043", title: "Search returns no results for some regions", service: "search", severity: "SEV1", opened: at(14, 18, 30), acknowledged: at(14, 18, 33), resolved: at(14, 19, 55), assignee: "leila" },
-  { id: "INC-1042", title: "Duplicate reminder e-mails", service: "notifications", severity: "SEV3", opened: at(13, 8, 45), acknowledged: at(13, 9, 30), resolved: at(13, 13, 0), assignee: "sam" },
-  { id: "INC-1041", title: "Invoices generated twice", service: "billing", severity: "SEV2", opened: at(12, 16, 10), acknowledged: at(12, 16, 18), resolved: at(12, 18, 40), assignee: "priya" },
-];
-
-/** A kind of alert, shaped as `@umriss-ui/table`'s alarm list reads it. */
-export interface AlertType {
-  id: string;
-  label: string;
-  priority: "high" | "medium" | "low";
-}
-
-export const ALERT_TYPES: readonly AlertType[] = [
-  { id: "checkout-latency", label: "Checkout · p95 latency above 300 ms", priority: "high" },
-  { id: "checkout-errors", label: "Checkout · error rate above 2\u00a0%", priority: "high" },
-  { id: "webhooks-queue", label: "Webhooks · queue older than 5 min", priority: "medium" },
-  { id: "search-latency", label: "Search · p95 latency above 250 ms", priority: "medium" },
-  { id: "images-disk", label: "Image service · disk 85 % full", priority: "low" },
-  { id: "reports-job", label: "Reporting · nightly job late", priority: "low" },
-];
-
-/** One alert, shaped as `@umriss-ui/table`'s alarm list reads it. */
-export type Alert = {
-  id: string;
-  type: string;
-  lifecycle: "active-unacknowledged" | "active-acknowledged" | "resolved-unacknowledged" | "resolved-acknowledged";
-  raised: number;
-  resolved?: number;
-  acknowledgedAt?: number;
-} & (
-  | { availability?: "in-service" | "suppressed" | "disabled"; snooze?: undefined }
-  | { availability: "snoozed"; snooze: { until: number; by: string } }
-);
-
-/** The alerts as they stand at 10:30. */
-export const ALERTS: readonly Alert[] = [
-  { id: "a-1", type: "checkout-latency", lifecycle: "active-acknowledged", raised: at(17, 9, 41), acknowledgedAt: at(17, 9, 46) },
-  { id: "a-2", type: "checkout-errors", lifecycle: "resolved-unacknowledged", raised: at(17, 9, 43), resolved: at(17, 10, 11) },
-  { id: "a-3", type: "webhooks-queue", lifecycle: "active-acknowledged", raised: at(17, 7, 12), acknowledgedAt: at(17, 8, 2) },
-  { id: "a-4", type: "search-latency", lifecycle: "active-unacknowledged", raised: at(17, 10, 24) },
-  { id: "a-5", type: "search-latency", lifecycle: "resolved-acknowledged", raised: at(17, 8, 5), resolved: at(17, 8, 9), acknowledgedAt: at(17, 8, 6) },
-  { id: "a-6", type: "images-disk", lifecycle: "active-unacknowledged", raised: at(17, 6, 0), availability: "snoozed", snooze: { until: at(17, 14), by: "Tomasz Nowak" } },
-  { id: "a-7", type: "reports-job", lifecycle: "active-unacknowledged", raised: at(17, 4, 30), availability: "disabled" },
-];
-
-/** The month so far: 1 March 00:00 to now, in minutes. */
-export const MONTH_MINUTES = (NOW - at(1, 0)) / MINUTE;
-
-/** Minutes each service was down this month. With `MONTH_MINUTES` and the
-    service's target, what an availability is worked out from. */
-export const DOWNTIME_MINUTES: Readonly<Record<string, number>> = {
-  checkout: 34,
-  billing: 18,
-  "sign-in": 41,
-  search: 85,
-  images: 120,
-  notifications: 12,
-  webhooks: 210,
-  reports: 95,
-};
-
-/* ---------------------------------------------------------------------------
-   For @umriss-ui/charts: last week at any resolution, a load test, single
-   traced requests, the autoscaler's log, the expected range and yesterday's
-   success rates.
-   --------------------------------------------------------------------------- */
-
-const HOUR = 60 * MINUTE;
-const DAY = 24 * HOUR;
-
-/** Monday, 9 March 2026, 00:00 - the start of last week. */
-export const LAST_WEEK = at(9, 0);
-
-/** Search returned nothing for some regions (INC-1043): Saturday, 18:30 to 19:55. */
-const SEARCH_OUTAGE = [at(14, 18, 30) - LAST_WEEK, at(14, 19, 55) - LAST_WEEK] as const;
-
-/** A service's last week, Monday to Monday, one point every `step`
-    milliseconds: busy by day, quieter at the weekend. During INC-1043 Search's
-    95th percentile more than doubles and its errors climb. The hour is counted,
-    not asked of a Date - a week of seconds is 604,800 points. */
-export function week(serviceId: string, step: number): MetricPoint[] {
-  const index = SERVICES.findIndex((one) => one.id === serviceId);
-  const service = SERVICES[index];
-  if (service === undefined) throw new Error(`No service "${serviceId}".`);
-  const r = random(2000 + index * 37);
-  const n = Math.floor((7 * DAY) / step);
-  const points = new Array<MetricPoint>(n);
-  /* The drift wanders at the same pace whatever the step. */
-  const keep = Math.pow(0.8, step / (5 * MINUTE));
-  const kick = 0.08 * Math.sqrt(1 - keep * keep) / 0.6;
-  let drift = 0;
-  for (let i = 0; i < n; i++) {
-    const offset = i * step;
-    const day = Math.floor(offset / DAY);
-    const hour = (offset % DAY) / HOUR;
-    const load = (day >= 5 ? 0.85 : 1) * (0.35 + 0.65 * Math.max(0, Math.sin((Math.PI * (hour - 5)) / 16)));
-    drift = keep * drift + (r() - 0.5) * kick;
-    const outage = serviceId === "search" && offset >= SEARCH_OUTAGE[0] && offset < SEARCH_OUTAGE[1];
-    const p95 = Math.round(service.latencySlo * (0.45 + 0.2 * load + drift) * (outage ? 2.3 : 1) * (1 + r() * 0.08));
-    points[i] = {
-      t: LAST_WEEK + offset,
-      p50: Math.round(p95 * (0.42 + r() * 0.06)),
-      p95,
-      errorRate: Math.round((0.05 + r() * 0.12 + (outage ? 3 : 0)) * 100) / 100,
-      requests: Math.round(VOLUME[service.tier] * load * (1 + (r() - 0.5) * 0.1)),
-    };
-  }
-  return points;
-}
-
-/** When this morning's load test of Search began. */
-export interface LoadTestPoint {
-  /** Minutes since the test began. */
-  minute: number;
-  /** CPU load of the busiest node, in per cent. */
-  cpu: number;
-  requestsPerHour: number;
-  /** 95th percentile latency, in ms. */
-  p95: number;
-}
-
-/** An hour of load test, minute by minute: three magnitudes far apart. */
-export const LOAD_TEST: readonly LoadTestPoint[] = (() => {
-  const r = random(99);
-  let cpu = 21;
-  let requestsPerHour = 128_000;
-  let p95 = 640;
-  return Array.from({ length: 60 }, (_, minute) => {
-    cpu += (r() - 0.5) * 0.9;
-    requestsPerHour += (r() - 0.5) * 9000;
-    p95 += (r() - 0.5) * 40;
-    return { minute, cpu, requestsPerHour, p95 };
-  });
-})();
-
-export interface Trace {
-  t: number;
-  /** How long the request took, end to end, in ms. */
-  ms: number;
-}
-
-/** Single Checkout requests traced end to end this morning, one every few
-    minutes from 06:00 - individual measurements, nothing in between. Slow
-    during the bad half hour, and now and then on their own. */
-export const TRACES: readonly Trace[] = (() => {
-  const r = random(4040);
-  const traces: Trace[] = [];
-  for (let t = at(17, 6, 2); t <= NOW; t += Math.round(1 + r() * 4) * MINUTE) {
-    const bad = t >= at(17, 9, 40) && t < at(17, 10, 10);
-    const ms = 150 + r() * 90 + (bad ? 110 + r() * 120 : r() < 0.05 ? 150 : 0);
-    traces.push({ t, ms: Math.round(ms) });
-  }
-  return traces;
-})();
-
-export interface ReplicaChange {
-  t: number;
-  /** Checkout's instances from here on; `null` while the autoscaler was paused. */
-  replicas: number | null;
-}
-
-/** Checkout's instances today, logged only when the autoscaler changes them.
-    It was paused for a database upgrade from 03:00 to 04:00; the last entry,
-    at now, closes the hold. */
-export const REPLICAS: readonly ReplicaChange[] = [
-  { t: at(17, 0), replicas: 4 },
-  { t: at(17, 3), replicas: null },
-  { t: at(17, 4), replicas: 3 },
-  { t: at(17, 6, 30), replicas: 5 },
-  { t: at(17, 8), replicas: 8 },
-  { t: at(17, 9, 45), replicas: 12 },
-  { t: at(17, 10, 15), replicas: 9 },
-  { t: NOW, replicas: 9 },
-];
-
-export interface ExpectedPoint {
-  t: number;
-  /** The range the requests per minute are expected in; `null` where the
-      job that computes it did not run. */
-  low: number | null;
-  high: number | null;
-}
-
-/** The range a service's requests per minute are expected in today, every
-    five minutes - the day's usual curve, give or take 15 %. The job that
-    computes it skipped 03:00 to 04:00. */
-export function expected(serviceId: string): ExpectedPoint[] {
-  const service = SERVICES.find((one) => one.id === serviceId);
-  if (service === undefined) throw new Error(`No service "${serviceId}".`);
-  const points: ExpectedPoint[] = [];
-  for (let t = at(17, 0); t <= NOW; t += 5 * MINUTE) {
-    const hour = (t - at(17, 0)) / HOUR;
-    const usual = VOLUME[service.tier] * (0.35 + 0.65 * Math.max(0, Math.sin((Math.PI * (hour - 5)) / 16)));
-    const skipped = hour >= 3 && hour < 4;
-    points.push({ t, low: skipped ? null : Math.round(usual * 0.85), high: skipped ? null : Math.round(usual * 1.15) });
-  }
-  return points;
-}
-
-export interface SuccessCell {
-  hour: number;
-  /** The row: the service's place in `SERVICES`. */
-  service: number;
-  /** Requests that succeeded, in per cent; `null` where there were none. */
-  success: number | null;
-}
-
-/** Yesterday, per service and hour: the share of requests that succeeded.
-    Webhooks has a bad late morning, 03:00 is bad everywhere (a DNS change),
-    and Reporting takes no requests before 06:00 - no requests, no share. */
-export const SUCCESS_BY_HOUR: readonly SuccessCell[] = (() => {
-  const r = random(23);
-  const cells: SuccessCell[] = [];
-  SERVICES.forEach((one, service) => {
-    for (let hour = 0; hour < 24; hour++) {
-      let success: number | null = 99.2 + r() * 0.8;
-      if (one.id === "webhooks" && hour >= 9 && hour < 14) success = 96 + r() * 1.5;
-      if (hour === 3) success = 97.4 + r() * 1;
-      if (one.id === "reports" && hour < 6) success = null;
-      cells.push({ hour, service, success: success === null ? null : Math.round(success * 100) / 100 });
-    }
-  });
-  return cells;
-})();
-```
-
-### `planning.ts`
-
-```ts
-/**
- * The planning world: Tidewell, a small studio that builds web and mobile
- * apps for its clients, in two teams.
- *
- * The standing cast:
- * - `PEOPLE` - ten people with their role, team and weekly capacity in hours;
- * - `PROJECTS` - four client projects, each with a colour;
- * - `SPRINTS` - two-week sprints; sprint 14 runs now, 9 to 20 March;
- * - `WORK` - the current sprint's work items with an estimate and a status,
- *   placed on a person over time; structurally a `Subtask` of
- *   `@umriss-ui/schedule` (`task` is the project, `lane` the person);
- * - `LEAVE` - holidays, sick days and training, to become blocked time;
- * - `BURNDOWN` - sprint 14's remaining hours at the end of each working day,
- *   up to yesterday.
- *
- * "Now" is Tuesday, 17 March 2026, 10:30 local time. Plain data and small pure
- * functions, no imports: copy the file beside an example and it runs.
- */
-
-const at = (day: number, hours = 9, minutes = 0) => new Date(2026, 2, day, hours, minutes).getTime();
-
-/** Tuesday, 17 March 2026, 10:30 - the moment the screens are read at. */
-export const NOW = at(17, 10, 30);
-
-export interface Person {
-  id: string;
-  name: string;
-  role: "Developer" | "Designer" | "Product manager" | "QA engineer";
-  team: "Web" | "Apps";
-  /** Hours a week they can be planned for. */
-  capacity: number;
-}
-
-export const PEOPLE: readonly Person[] = [
-  { id: "maya", name: "Maya Lindgren", role: "Product manager", team: "Web", capacity: 32 },
-  { id: "arjun", name: "Arjun Mehta", role: "Developer", team: "Web", capacity: 40 },
-  { id: "chloe", name: "Chloe Durand", role: "Developer", team: "Web", capacity: 40 },
-  { id: "noah", name: "Noah Fischer", role: "Designer", team: "Web", capacity: 24 },
-  { id: "eva", name: "Eva Novak", role: "QA engineer", team: "Web", capacity: 40 },
-  { id: "luis", name: "Luis Moreno", role: "Product manager", team: "Apps", capacity: 40 },
-  { id: "hana", name: "Hana Sato", role: "Developer", team: "Apps", capacity: 40 },
-  { id: "kofi", name: "Kofi Mensah", role: "Developer", team: "Apps", capacity: 32 },
-  { id: "freya", name: "Freya Olsen", role: "Designer", team: "Apps", capacity: 40 },
-  { id: "david", name: "David Kowalski", role: "QA engineer", team: "Apps", capacity: 20 },
-];
-
-/** A project, shaped as `@umriss-ui/schedule`'s `Task`: an id, a name and a
-    colour in both schemes. */
-export interface Project {
-  id: string;
-  name: string;
-  client: string;
-  color: string;
-}
-
-export const PROJECTS: readonly Project[] = [
-  { id: "shop", name: "Online shop relaunch", client: "Pembury Home", color: "light-dark(#2563eb, #6b9bff)" },
-  { id: "booking", name: "Booking app", client: "Saltmarsh Clinics", color: "light-dark(#0d9488, #3cc7b8)" },
-  { id: "portal", name: "Member portal", client: "Rowan Credit Union", color: "light-dark(#7c3aed, #a98bfa)" },
-  { id: "intranet", name: "Intranet", client: "Tidewell (internal)", color: "light-dark(#c2410c, #f08a52)" },
-];
-
-export interface Sprint {
-  id: string;
-  name: string;
-  from: number;
-  to: number;
-  goal: string;
-}
-
-/** Two weeks each, Monday 09:00 to the second Friday 17:00. */
-export const SPRINTS: readonly Sprint[] = [
-  { name: "Sprint 12", day: 9 - 28, goal: "Shop checkout on the new design" },
-  { name: "Sprint 13", day: 9 - 14, goal: "Booking app in the stores' beta" },
-  { name: "Sprint 14", day: 9, goal: "Member portal sign-in and profile" },
-  { name: "Sprint 15", day: 23, goal: "Shop search and filters" },
-  { name: "Sprint 16", day: 37, goal: "Booking reminders" },
-].map(({ name, day, goal }) => ({ id: name.toLowerCase().replace(" ", "-"), name, from: at(day), to: at(day + 11, 17), goal }));
-
-/** A work item, shaped as `@umriss-ui/schedule`'s `Subtask`. */
-export interface WorkItem {
-  id: string;
-  /** The project. */
-  task: string;
-  /** The person. */
-  lane: string;
-  from: number;
-  to: number;
-  name: string;
-  sprint: string;
-  /** Hours, as estimated at planning. */
-  estimate: number;
-  status: "to do" | "in progress" | "in review" | "done";
-}
-
-const item = (id: string, task: string, lane: string, from: number, to: number, name: string, estimate: number, status: WorkItem["status"]): WorkItem =>
-  ({ id, task, lane, from, to, name, sprint: "sprint-14", estimate, status });
-
-export const WORK: readonly WorkItem[] = [
-  item("w-101", "portal", "arjun", at(9), at(11, 17), "Sign-in with e-mail code", 18, "done"),
-  item("w-102", "portal", "arjun", at(12), at(17, 17), "Profile page", 26, "in progress"),
-  item("w-103", "portal", "chloe", at(9), at(10, 17), "Session handling", 12, "done"),
-  item("w-104", "shop", "chloe", at(11), at(13, 17), "Basket keeps items across devices", 20, "in review"),
-  item("w-105", "portal", "chloe", at(16), at(19, 17), "Change of address form", 24, "in progress"),
-  item("w-106", "portal", "noah", at(9), at(12, 13), "Profile page design", 14, "done"),
-  item("w-107", "shop", "noah", at(16), at(18, 17), "Search results layout", 12, "to do"),
-  item("w-108", "portal", "eva", at(12), at(13, 17), "Test plan for sign-in", 10, "done"),
-  item("w-109", "portal", "eva", at(17), at(20, 17), "Regression run", 20, "to do"),
-  item("w-110", "booking", "hana", at(9), at(13, 17), "Reminder scheduling service", 32, "done"),
-  item("w-111", "booking", "hana", at(16), at(20, 17), "Push notifications", 30, "in progress"),
-  item("w-112", "booking", "kofi", at(10), at(12, 17), "Calendar sync", 18, "done"),
-  item("w-113", "intranet", "kofi", at(16), at(18, 17), "News feed", 16, "in progress"),
-  item("w-114", "booking", "freya", at(9), at(11, 17), "Reminder settings screen", 16, "done"),
-  item("w-115", "booking", "freya", at(18), at(20, 17), "Store screenshots", 12, "to do"),
-  item("w-116", "booking", "david", at(16), at(19, 13), "Device test matrix", 14, "to do"),
-];
-
-export interface Leave {
-  id: string;
-  person: string;
-  from: number;
-  to: number;
-  reason: "Holiday" | "Sick" | "Training";
-}
-
-/** When people are away: blocked time on their lane. */
-export const LEAVE: readonly Leave[] = [
-  { id: "l-1", person: "noah", from: at(13, 0, 0), to: at(14, 0, 0), reason: "Sick" },
-  { id: "l-2", person: "arjun", from: at(18, 0, 0), to: at(21, 0, 0), reason: "Holiday" },
-  { id: "l-3", person: "kofi", from: at(13, 0, 0), to: at(14, 0, 0), reason: "Training" },
-  { id: "l-4", person: "freya", from: at(16, 0, 0), to: at(18, 0, 0), reason: "Holiday" },
-  { id: "l-5", person: "david", from: at(9, 0, 0), to: at(14, 0, 0), reason: "Holiday" },
-  { id: "l-6", person: "maya", from: at(19, 13, 0), to: at(20, 17, 0), reason: "Training" },
-];
-
-export interface BurndownPoint {
-  /** The working day, at 17:00. */
-  t: number;
-  /** Where the line would be, burning evenly. */
-  ideal: number;
-  /** Hours left, `null` for the days still to come. */
-  remaining: number | null;
-}
-
-/** Sprint 14's ten working days. The team fell behind in the first week, when
-    two were away, and is catching up. */
-export const BURNDOWN: readonly BurndownPoint[] = (() => {
-  const total = WORK.reduce((sum, one) => sum + one.estimate, 0);
-  const days = [9, 10, 11, 12, 13, 16, 17, 18, 19, 20];
-  const burnt = [0, 22, 38, 60, 71, 98];
-  return days.map((day, i) => ({
-    t: at(day, 17),
-    ideal: Math.round(total * (1 - i / (days.length - 1))),
-    remaining: burnt[i] === undefined ? null : total - burnt[i]!,
-  }));
-})();
-```
-
-### `plant.ts`
-
-```ts
-/**
- * The plant world: Brenholt Tile Works, a tile maker with one kiln line, and the
- * machine shop next door.
- *
- * The standing cast:
- * - the kiln line - press, dryer D1 and kiln K1 - over one early shift, minute
- *   by minute: readings, samples, batches and the alarms they raise (`plant`);
- * - the machine shop's plan for Tuesday, 17 March 2026: seven stations, six
- *   orders, their steps and the dependencies between them (`STATIONS`,
- *   `ORDERS`, `STEPS`, `MOVES`).
- *
- * Plain data and small pure functions, no imports: copy the file beside an
- * example and it runs. Seeded, so the same seed gives the same numbers on
- * every machine; nothing here reads a clock.
- */
-
-/* The few shapes the umriss packages expect, written out so this file needs
-   no import. The data is structurally what the packages take. */
-
-/** A limit set as `@umriss-ui/core` reads it. */
-interface LimitSet {
-  target?: number;
-  limits?: readonly { value: number; side: "upper" | "lower"; severity: "warning" | "alarm" }[];
-}
-
-/** An alarm's dead band, as `@umriss-ui/table` reads it. */
-interface ReturnBand {
-  direction: "upper" | "lower";
-  limit: number;
-  returnTo: number;
-}
-
-/** A kind of alarm, as `@umriss-ui/table` reads it. */
-interface AlarmType {
-  id: string;
-  label: string;
-  priority: "high" | "medium" | "low";
-  returnBand?: ReturnBand;
-}
-
-/** One alarm, as `@umriss-ui/table` reads it. */
-interface Alarm {
-  id: string;
-  type: string;
-  lifecycle: "active-unacknowledged" | "active-acknowledged" | "resolved-unacknowledged" | "resolved-acknowledged";
-  raised: number;
-  resolved?: number;
-  acknowledgedAt?: number;
-  availability?: "in-service" | "suppressed" | "disabled";
-}
-
-/** A task, a subtask and a dependency, as `@umriss-ui/schedule` reads them. */
-interface Task {
-  readonly id: string;
-  readonly name?: string;
-  readonly color: string;
-}
-interface Subtask {
-  readonly id: string;
-  readonly task: string;
-  readonly lane: string;
-  readonly from: number;
-  readonly to: number;
-  readonly leadIn?: number;
-  readonly leadOut?: number;
-}
-interface Dependency {
-  readonly id: string;
-  readonly from: string;
-  readonly to: string;
-  readonly lag: number;
-  readonly leaves?: "main" | "leadOut";
-  readonly arrives?: "main" | "leadIn";
-}
-
-/** A small LCG - reproducible across runs and platforms. */
-export function random(seed: number): () => number {
-  let s = seed >>> 0;
-  return () => {
-    s = (Math.imul(s, 1664525) + 1013904223) >>> 0;
-    return s / 4294967296;
-  };
-}
-
-/* ---------------------------------------------------------------------------
-   The kiln line over an early shift.
-
-   Every part of a control room reads from this one shift - the trend, the
-   tiles, the alarm list, the control chart, the plan and the OEE. The limit
-   the kiln crosses in the trend is the alarm in the list, the verdict on the
-   tile and the scrap in the OEE, because all four are read off the same
-   minute of the same readings. The line counts in minutes from the start of
-   the shift, and whoever draws it adds the instant the shift began.
-
-   The line generates alarms, which is exactly what the library does not do
-   (ADR-0009): it decides that a reading above the limit is an alarm, and when
-   it has come back far enough to clear. The table's model takes it from
-   there.
-   --------------------------------------------------------------------------- */
-
-/** The early shift, 06:00 to 14:00. */
-export const SHIFT_MINUTES = 480;
-
-/** The kiln's zone 3, in °C: the numbers every part reads it against, once.
-    Between the two warnings lies the tolerance - a tile fired outside it is
-    scrap; `returnTo` is the alarm's dead band. */
-export const KILN = { target: 1200, tolerance: [1185, 1215], alarm: 1230, returnTo: 1222 } as const;
-
-/** The same numbers as the limit set the tile and the verdict read. */
-export const KILN_LIMITS: LimitSet = {
-  target: KILN.target,
-  limits: [
-    { value: KILN.tolerance[1], side: "upper", severity: "warning" },
-    { value: KILN.alarm, side: "upper", severity: "alarm" },
-    { value: KILN.tolerance[0], side: "lower", severity: "warning" },
-  ],
-};
-
-/** The kiln fires one tile every quarter of a minute when nothing holds it up -
-    the ideal cycle time of the OEE's performance. */
-export const IDEAL_CYCLE_MINUTES = 0.25;
-
-/** The kiln alarm's condition and its dead band, as the table's model reads them. */
-const KILN_RETURN: ReturnBand = { direction: "upper", limit: KILN.alarm, returnTo: KILN.returnTo };
-
-/** What the four measuring points of the line can report. */
-export const ALARM_TYPES: readonly AlarmType[] = [
-  {
-    id: "kiln-high",
-    label: "Kiln K1 · zone 3 above alarm limit",
-    priority: "high",
-    /* The dead band: back below `returnTo`, not merely below the limit, or a
-       reading riding on the limit would raise an alarm a minute. */
-    returnBand: KILN_RETURN,
-  },
-  { id: "exit-silent", label: "Kiln K1 · exit pyrometer sends nothing", priority: "medium" },
-  { id: "belt-empty", label: "Kiln K1 · belt empty", priority: "medium" },
-  { id: "dryer-fan", label: "Dryer D1 · fan vibration high", priority: "low" },
-];
-
-/** One minute of the line. */
-export interface Reading {
-  /** Minutes since the start of the shift. */
-  minute: number;
-  /** Zone 3 of the kiln, in °C. */
-  kiln: number;
-  /** The exit pyrometer, in °C - `null` while it sends nothing. */
-  exit: number | null;
-  /** Whether the belt runs. */
-  running: boolean;
-  /** Tiles out of the kiln in this minute. */
-  fired: number;
-  /** Of them, the ones fired inside the tolerance. */
-  good: number;
-}
-
-/** A tile taken off the belt and measured - one every ten minutes while it runs. */
-export interface Sample {
-  minute: number;
-  /** The tile's length after firing, in mm (nominal 600). */
-  length: number;
-}
-
-/** A batch of tiles through the three stations. */
-export interface Batch {
-  id: string;
-  name: string;
-  /** How many tiles the batch is planned for. */
-  tiles: number;
-  /** Minutes since the start of the shift, per station. */
-  press: readonly [number, number];
-  dryer: readonly [number, number];
-  kiln: readonly [number, number];
-}
-
-export interface Plant {
-  readings: readonly Reading[];
-  samples: readonly Sample[];
-  batches: readonly Batch[];
-}
-
-/* When the exit pyrometer goes silent, and for how long. Fixed rather than
-   seeded, so that a running control room shows its reading turn stale, then
-   lost, and come back. */
-const SILENT_FROM = 288;
-const SILENT_FOR = 50;
-
-/* The dryer's vibration sensor is under maintenance all shift: its alarm is
-   active and disabled. */
-const DRYER_FAN_RAISED = 20;
-
-/** The shift, from a seed. */
-export function plant(seed: number): Plant {
-  const r = random(seed);
-
-  /* The one excursion: a burner overshoots somewhere between 02:30 and 03:30
-     into the shift, for half an hour, peaking near 1242 °C. The operator stops
-     the feed twenty-two minutes in, for eighteen minutes. The noise around it
-     is too small to reach a warning on its own, so this is the only crossing -
-     which is what the tests hold. */
-  const surgeFrom = 150 + Math.floor(r() * 60);
-  const surgeFor = 30;
-  const stopFrom = surgeFrom + 22;
-  const stopFor = 18;
-
-  /* The plan: batches through the kiln one after another, each pressed an
-     hour and dried half an hour before - the first ones during the night
-     shift. Tiles come out of the kiln only while a batch is in it, so the
-     OEE's count and the batches' counts are the same tiles. The plan is a
-     plan: a stop of the belt does not move it. */
-  const batches: Batch[] = [];
-  for (let at = 0, i = 0; at < SHIFT_MINUTES; i++) {
-    const length = 70 + Math.floor(r() * 25);
-    batches.push({
-      id: `b-${4121 + i}`,
-      name: `B-${4121 + i}`,
-      tiles: Math.round(length / IDEAL_CYCLE_MINUTES / 10) * 10,
-      press: [at - 60, at - 60 + length],
-      dryer: [at - 30, at - 30 + length],
-      kiln: [at, at + length],
-    });
-    at += length + 5;
-  }
-
-  const readings: Reading[] = [];
-  const samples: Sample[] = [];
-  let drift = 0;
-  for (let minute = 0; minute < SHIFT_MINUTES; minute++) {
-    drift = 0.9 * drift + (r() - 0.5) * 3;
-    const into = minute - surgeFrom;
-    const surge = into >= 0 && into <= surgeFor ? 42 * Math.sin((Math.PI * into) / surgeFor) : 0;
-    const kiln = Math.round((KILN.target + drift + surge) * 10) / 10;
-
-    const running = !(minute >= stopFrom && minute < stopFrom + stopFor);
-    const loaded = batches.some((batch) => batch.kiln[0] <= minute && minute < batch.kiln[1]);
-    const jam = r() < 0.12;
-    const fired = running && loaded ? (jam ? 3 : 4) : 0;
-    const inTolerance = kiln >= KILN.tolerance[0] && kiln <= KILN.tolerance[1];
-    const silent = minute >= SILENT_FROM && minute < SILENT_FROM + SILENT_FOR;
-    const exit = silent ? null : Math.round((kiln - 380 + (r() - 0.5) * 4) * 10) / 10;
-
-    readings.push({ minute, kiln, exit, running, fired, good: inTolerance ? fired : 0 });
-
-    if (running && minute % 10 === 0) {
-      /* Hotter shrinks more: the length follows the kiln, so the control
-         chart sees the excursion the trend sees. */
-      const length = 600 + (KILN.target - kiln) * 0.05 + (r() - 0.5) * 0.6;
-      samples.push({ minute, length: Math.round(length * 100) / 100 });
-    }
-  }
-
-  return { readings, samples, batches };
-}
-
-/** The readings up to and including the minute. */
-export function upTo<T extends { minute: number }>(series: readonly T[], minute: number): readonly T[] {
-  return series.filter((one) => one.minute <= minute);
-}
-
-/** How long ago the exit pyrometer last reported, in minutes - `0` while it
-    reports. What the tile's freshness is told. */
-export function exitSilence(p: Plant, minute: number): number {
-  for (let m = minute; m >= 0; m--) {
-    if (p.readings[m]?.exit !== null) return minute - m;
-  }
-  return minute;
-}
-
-/** When a condition held, as spans of minutes: `[from, to)`, `to` absent while
-    it still holds at the minute. */
-function spans(
-  readings: readonly Reading[],
-  minute: number,
-  raise: (one: Reading) => boolean,
-  clear: (one: Reading) => boolean,
-): { from: number; to?: number }[] {
-  const found: { from: number; to?: number }[] = [];
-  let open: { from: number; to?: number } | null = null;
-  for (const one of readings) {
-    if (one.minute > minute) break;
-    if (open === null && raise(one)) {
-      open = { from: one.minute };
-      found.push(open);
-    } else if (open !== null && clear(one)) {
-      open.to = one.minute;
-      open = null;
-    }
-  }
-  return found;
-}
-
-/**
- * The alarms of the shift as they stand at the minute: raised, resolved - and
- * acknowledged where the operator did, at the instant he did.
- *
- * `start` is the instant the shift began; the alarms carry instants because the
- * table's model does.
- */
-export function alarmsAt(
-  p: Plant,
-  minute: number,
-  start: number,
-  acknowledged: ReadonlyMap<string, number> = new Map(),
-): Alarm[] {
-  const instant = (m: number) => start + m * 60_000;
-  const alarms: Alarm[] = [];
-
-  const add = (
-    type: string,
-    span: { from: number; to?: number },
-    extra: { availability?: "suppressed" | "disabled" } = {},
-  ) => {
-    alarms.push({
-      id: `${type}-${span.from}`,
-      type,
-      lifecycle: span.to === undefined ? "active-unacknowledged" : "resolved-unacknowledged",
-      raised: instant(span.from),
-      ...(span.to === undefined ? {} : { resolved: instant(span.to) }),
-      ...extra,
-    });
-  };
-
-  for (const span of spans(p.readings, minute, (one) => one.kiln > KILN_RETURN.limit, (one) => one.kiln <= KILN_RETURN.returnTo)) {
-    add("kiln-high", span);
-  }
-  for (const span of spans(p.readings, minute, (one) => one.exit === null, (one) => one.exit !== null)) {
-    add("exit-silent", span);
-  }
-  /* The belt runs empty because the operator stopped the feed: the plant's
-     logic knows it, so the alarm is suppressed - there, and neutral. */
-  for (const span of spans(p.readings, minute, (one) => !one.running, (one) => one.running)) {
-    add("belt-empty", span, { availability: "suppressed" });
-  }
-  if (minute >= DRYER_FAN_RAISED) {
-    add("dryer-fan", { from: DRYER_FAN_RAISED }, { availability: "disabled" });
-  }
-
-  return alarms.map((alarm) => {
-    const at = acknowledged.get(alarm.id);
-    if (at === undefined) return alarm;
-    const lifecycle = alarm.resolved === undefined ? "active-acknowledged" : "resolved-acknowledged";
-    return { ...alarm, lifecycle, acknowledgedAt: at };
-  });
-}
-
-/** The shift's figures for the OEE, up to and including the minute. */
-export interface ShiftCount {
-  /** Minutes of the shift so far. */
-  planned: number;
-  /** Minutes the belt stood. */
-  downtime: number;
-  /** Tiles out of the kiln. */
-  total: number;
-  /** Of them, inside the tolerance. */
-  good: number;
-}
-
-export function countAt(p: Plant, minute: number): ShiftCount {
-  const so = upTo(p.readings, minute);
-  return {
-    planned: so.length,
-    downtime: so.filter((one) => !one.running).length,
-    total: so.reduce((sum, one) => sum + one.fired, 0),
-    good: so.reduce((sum, one) => sum + one.good, 0),
-  };
-}
-
-/* ---------------------------------------------------------------------------
-   The machine shop's plan: seven stations, six orders on their way through
-   them on Tuesday, 17 March 2026 - the day the browser suites freeze the
-   clock on.
-
-   Written out, not generated from a seed: a planner reads these as a day's
-   plan, and a finding is placed where it is on purpose - the overlap on the
-   mill, the violated dependency into the paint shop.
-   --------------------------------------------------------------------------- */
-
-const planAt = (hours: number, minutes = 0) => new Date(2026, 2, 17, hours, minutes).getTime();
-const min = (n: number) => n * 60_000;
-
-export const DAY_OF_PLAN: readonly [number, number] = [planAt(5, 30), planAt(18)];
-
-export const STATIONS = [
-  { id: "saw", label: "Saw 1" },
-  { id: "lathe-1", label: "Lathe 1" },
-  { id: "lathe-2", label: "Lathe 2" },
-  { id: "mill", label: "Mill" },
-  { id: "press", label: "Press 2" },
-  { id: "paint", label: "Paint shop" },
-  { id: "qa", label: "Inspection" },
-] as const;
-
-/* Colours in both schemes, as the application's own tokens would give them. */
-export const ORDERS: readonly Task[] = [
-  { id: "a-2041", name: "A-2041 Housing", color: "light-dark(#2563eb, #6b9bff)" },
-  { id: "a-2042", name: "A-2042 Shaft", color: "light-dark(#0d9488, #3cc7b8)" },
-  { id: "a-2043", name: "A-2043 Bracket", color: "light-dark(#c2410c, #f08a52)" },
-  { id: "a-2044", name: "A-2044 Flange", color: "light-dark(#7c3aed, #a98bfa)" },
-  { id: "a-2045", name: "A-2045 Cover", color: "light-dark(#be185d, #f06aa6)" },
-  { id: "a-2046", name: "A-2046 Axle", color: "light-dark(#4d7c0f, #8fc43e)" },
-];
-
-export const STEPS: readonly Subtask[] = [
-  { id: "a-2041-1", task: "a-2041", lane: "saw", from: planAt(6), to: planAt(7), leadIn: min(15), leadOut: min(10) },
-  { id: "a-2041-2", task: "a-2041", lane: "mill", from: planAt(8), to: planAt(10, 30), leadIn: min(30), leadOut: min(15) },
-  { id: "a-2041-3", task: "a-2041", lane: "qa", from: planAt(11, 30), to: planAt(12, 15) },
-
-  { id: "a-2042-1", task: "a-2042", lane: "saw", from: planAt(7, 30), to: planAt(8, 15), leadIn: min(10) },
-  { id: "a-2042-2", task: "a-2042", lane: "lathe-1", from: planAt(9), to: planAt(11), leadIn: min(20), leadOut: min(15) },
-  { id: "a-2042-3", task: "a-2042", lane: "qa", from: planAt(13), to: planAt(13, 30) },
-
-  { id: "a-2043-1", task: "a-2043", lane: "press", from: planAt(6, 30), to: planAt(8), leadIn: min(30), leadOut: min(15) },
-  { id: "a-2043-2", task: "a-2043", lane: "mill", from: planAt(10), to: planAt(11, 30), leadIn: min(15) },
-  { id: "a-2043-3", task: "a-2043", lane: "paint", from: planAt(12), to: planAt(14), leadIn: min(20), leadOut: min(20) },
-
-  { id: "a-2044-1", task: "a-2044", lane: "lathe-2", from: planAt(6), to: planAt(8, 30), leadIn: min(20), leadOut: min(10) },
-  { id: "a-2044-2", task: "a-2044", lane: "press", from: planAt(9, 30), to: planAt(10, 45), leadIn: min(25) },
-  { id: "a-2044-3", task: "a-2044", lane: "paint", from: planAt(14, 45), to: planAt(16), leadIn: min(15), leadOut: min(15) },
-
-  { id: "a-2045-1", task: "a-2045", lane: "lathe-1", from: planAt(12), to: planAt(13, 30), leadIn: min(15), leadOut: min(10) },
-  { id: "a-2045-2", task: "a-2045", lane: "press", from: planAt(14, 15), to: planAt(15), leadIn: min(20) },
-  { id: "a-2045-3", task: "a-2045", lane: "qa", from: planAt(15, 45), to: planAt(16, 30) },
-
-  { id: "a-2046-1", task: "a-2046", lane: "lathe-2", from: planAt(10), to: planAt(12), leadIn: min(20), leadOut: min(15) },
-  { id: "a-2046-2", task: "a-2046", lane: "mill", from: planAt(13), to: planAt(14, 30), leadIn: min(20), leadOut: min(10) },
-  { id: "a-2046-3", task: "a-2046", lane: "qa", from: planAt(15), to: planAt(15, 30) },
-];
-
-export const MOVES: readonly Dependency[] = [
-  { id: "t-2041-1", from: "a-2041-1", to: "a-2041-2", lag: min(10) },
-  { id: "t-2041-2", from: "a-2041-2", to: "a-2041-3", lag: min(20) },
-  { id: "t-2042-1", from: "a-2042-1", to: "a-2042-2", lag: min(15) },
-  { id: "t-2042-2", from: "a-2042-2", to: "a-2042-3", lag: min(30), leaves: "main" },
-  { id: "t-2043-1", from: "a-2043-1", to: "a-2043-2", lag: min(45) },
-  /* Leaves the mill at 11:30 and has 10 minutes to reach the paint shop's
-     lead-in at 11:40 - it takes 25: a violated dependency, on purpose. */
-  { id: "t-2043-2", from: "a-2043-2", to: "a-2043-3", lag: min(25) },
-  { id: "t-2044-1", from: "a-2044-1", to: "a-2044-2", lag: min(20) },
-  { id: "t-2044-2", from: "a-2044-2", to: "a-2044-3", lag: min(60), arrives: "main" },
-  { id: "t-2045-1", from: "a-2045-1", to: "a-2045-2", lag: min(15) },
-  { id: "t-2045-2", from: "a-2045-2", to: "a-2045-3", lag: min(15) },
-  { id: "t-2046-1", from: "a-2046-1", to: "a-2046-2", lag: min(20) },
-  { id: "t-2046-2", from: "a-2046-2", to: "a-2046-3", lag: min(10), leaves: "main" },
-];
-```