@rohal12/spindle 0.59.14 → 0.59.16

package/dist/pkg/headless.js

@@ -124,6 +124,11 @@ var LINK_SEPARATORS = [
 ];
 var NO_SELECTORS = {};
 /**
+* A CommonMark email autolink, `<` an address `>` (without braces, which
+* are markup), as markdown reads one.
+*/
+var EMAIL_AUTOLINK = /^<[a-zA-Z0-9.!#$%&'*+/=?^_`|~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*>$/;
+/**
 * A link's display text and target, from its text `inner` (at `at` in the
 * input), with where the target is written.
 */
@@ -401,10 +406,11 @@ function peg$parse(input, options) {
 	const peg$c10 = " ";
 	const peg$c11 = "}";
 	const peg$c12 = "/";
-	const peg$c13 = "</";
-	const peg$c14 = "=";
-	const peg$c15 = "\"";
-	const peg$c16 = "'";
+	const peg$c13 = "@";
+	const peg$c14 = "</";
+	const peg$c15 = "=";
+	const peg$c16 = "\"";
+	const peg$c17 = "'";
 	const peg$r0 = /^[^\\{[<]/;
 	const peg$r1 = /^[{}]/;
 	const peg$r2 = /^[$_@%(!\/a-zA-Z]/;
@@ -415,14 +421,16 @@ function peg$parse(input, options) {
 	const peg$r7 = /^[$_@%(!]/;
 	const peg$r8 = /^[a-zA-Z]/;
 	const peg$r9 = /^[^ \t\n\r\v\f\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF}]/;
-	const peg$r10 = /^[\t-\r \/>\xA0\u1680\u2000-\u200A\u2028-\u2029\u202F\u205F\u3000\uFEFF]/;
-	const peg$r11 = /^[a-zA-Z0-9\-]/;
-	const peg$r12 = /^[\t-\r "'\/<->{}\xA0\u1680\u2000-\u200A\u2028-\u2029\u202F\u205F\u3000\uFEFF]/;
-	const peg$r13 = /^[^"]/;
-	const peg$r14 = /^[^']/;
-	const peg$r15 = /^["']/;
-	const peg$r16 = /^[^ \t\n\r\v\f\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF>]/;
-	const peg$r17 = /^[ \t\n\r\v\f\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]/;
+	const peg$r10 = /^[a-zA-Z0-9.!#$%&'*+\/=?\^_`|~\-]/;
+	const peg$r11 = /^[a-zA-Z0-9.\-]/;
+	const peg$r12 = /^[\t-\r \/>\xA0\u1680\u2000-\u200A\u2028-\u2029\u202F\u205F\u3000\uFEFF]/;
+	const peg$r13 = /^[a-zA-Z0-9\-]/;
+	const peg$r14 = /^[\t-\r "'\/<->{}\xA0\u1680\u2000-\u200A\u2028-\u2029\u202F\u205F\u3000\uFEFF]/;
+	const peg$r15 = /^[^"]/;
+	const peg$r16 = /^[^']/;
+	const peg$r17 = /^["']/;
+	const peg$r18 = /^[^ \t\n\r\v\f\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF>]/;
+	const peg$r19 = /^[ \t\n\r\v\f\xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]/;
 	const peg$e0 = peg$anyExpectation();
 	const peg$e1 = peg$classExpectation([
 		"\\",
@@ -504,6 +512,37 @@ function peg$parse(input, options) {
 		"}"
 	], true, false, false);
 	const peg$e24 = peg$classExpectation([
+		["a", "z"],
+		["A", "Z"],
+		["0", "9"],
+		".",
+		"!",
+		"#",
+		"$",
+		"%",
+		"&",
+		"'",
+		"*",
+		"+",
+		"/",
+		"=",
+		"?",
+		"^",
+		"_",
+		"`",
+		"|",
+		"~",
+		"-"
+	], false, false, false);
+	const peg$e25 = peg$literalExpectation("@", false);
+	const peg$e26 = peg$classExpectation([
+		["a", "z"],
+		["A", "Z"],
+		["0", "9"],
+		".",
+		"-"
+	], false, false, false);
+	const peg$e27 = peg$classExpectation([
 		["	", "\r"],
 		" ",
 		"/",
@@ -517,14 +556,14 @@ function peg$parse(input, options) {
 		"　",
 		""
 	], false, false, false);
-	const peg$e25 = peg$literalExpectation("</", false);
-	const peg$e26 = peg$classExpectation([
+	const peg$e28 = peg$literalExpectation("</", false);
+	const peg$e29 = peg$classExpectation([
 		["a", "z"],
 		["A", "Z"],
 		["0", "9"],
 		"-"
 	], false, false, false);
-	const peg$e27 = peg$classExpectation([
+	const peg$e30 = peg$classExpectation([
 		["	", "\r"],
 		" ",
 		"\"",
@@ -542,13 +581,13 @@ function peg$parse(input, options) {
 		"　",
 		""
 	], false, false, false);
-	const peg$e28 = peg$literalExpectation("=", false);
-	const peg$e29 = peg$literalExpectation("\"", false);
-	const peg$e30 = peg$classExpectation(["\""], true, false, false);
-	const peg$e31 = peg$literalExpectation("'", false);
-	const peg$e32 = peg$classExpectation(["'"], true, false, false);
-	const peg$e33 = peg$classExpectation(["\"", "'"], false, false, false);
-	const peg$e34 = peg$classExpectation([
+	const peg$e31 = peg$literalExpectation("=", false);
+	const peg$e32 = peg$literalExpectation("\"", false);
+	const peg$e33 = peg$classExpectation(["\""], true, false, false);
+	const peg$e34 = peg$literalExpectation("'", false);
+	const peg$e35 = peg$classExpectation(["'"], true, false, false);
+	const peg$e36 = peg$classExpectation(["\"", "'"], false, false, false);
+	const peg$e37 = peg$classExpectation([
 		" ",
 		"	",
 		"\n",
@@ -566,7 +605,7 @@ function peg$parse(input, options) {
 		"",
 		">"
 	], true, false, false);
-	const peg$e35 = peg$classExpectation([
+	const peg$e38 = peg$classExpectation([
 		" ",
 		"	",
 		"\n",
@@ -859,16 +898,22 @@ function peg$parse(input, options) {
 	function peg$f67(s) {
 		fail("A closing tag starts with a letter after " + LB + "/", location());
 	}
-	function peg$f68() {
+	function peg$f68(value) {
+		return EMAIL_AUTOLINK.test(value);
+	}
+	function peg$f69(value) {
+		return lexeme("text", location(), { value });
+	}
+	function peg$f70() {
 		return !textMode;
 	}
-	function peg$f69(tag) {
+	function peg$f71(tag) {
 		return VOID_TAGS.has(tag.lower);
 	}
-	function peg$f70(tag) {
+	function peg$f72(tag) {
 		return null;
 	}
-	function peg$f71(tag, list, slash) {
+	function peg$f73(tag, list, slash) {
 		const lower = tag.toLowerCase();
 		return lexeme("html", location(), {
 			tag,
@@ -878,7 +923,7 @@ function peg$parse(input, options) {
 			isSelfClose: !!slash || VOID_TAGS.has(lower)
 		});
 	}
-	function peg$f72(tag, bad) {
+	function peg$f74(tag, bad) {
 		const c = input.charAt(bad);
 		if (!c) fail("Unclosed tag <" + tag + ": no > ends it (write &lt; for a < that starts no tag)", location());
 		const at = {
@@ -896,7 +941,7 @@ function peg$parse(input, options) {
 		};
 		fail("Unexpected " + JSON.stringify(c) + " in the tag <" + tag + ">: expected an attribute, or > to end the tag", at);
 	}
-	function peg$f73(tag) {
+	function peg$f75(tag) {
 		return lexeme("html", location(), {
 			tag,
 			lower: tag.toLowerCase(),
@@ -905,44 +950,44 @@ function peg$parse(input, options) {
 			isSelfClose: false
 		});
 	}
-	function peg$f74(name) {
+	function peg$f76(name) {
 		attrCode = hooks.isCodeAttribute(name);
 		return true;
 	}
-	function peg$f75(name, v) {
+	function peg$f77(name, v) {
 		return v;
 	}
-	function peg$f76(name, value) {
+	function peg$f78(name, value) {
 		return [name, value ?? ""];
 	}
-	function peg$f77(v) {
+	function peg$f79(v) {
 		return v;
 	}
-	function peg$f78(v) {
+	function peg$f80(v) {
 		return v;
 	}
-	function peg$f79(q) {
+	function peg$f81(q) {
 		fail("Unclosed attribute value: the " + q + " here has no closing " + q, location());
 	}
-	function peg$f80() {
+	function peg$f82() {
 		return !attrCode;
 	}
-	function peg$f81(bs) {
+	function peg$f83(bs) {
 		return bs.length % 2 === 1;
 	}
-	function peg$f82() {
+	function peg$f84() {
 		return !attrCode;
 	}
-	function peg$f83(start, nameEnd) {
+	function peg$f85(start, nameEnd) {
 		return skipTo(hooks.closeBrace(input, nameEnd, start));
 	}
-	function peg$f84(start, nameEnd) {
+	function peg$f86(start, nameEnd) {
 		return skipEnd - offset();
 	}
-	function peg$f85() {
+	function peg$f87() {
 		return !attrCode;
 	}
-	function peg$f86() {
+	function peg$f88() {
 		return attrCode;
 	}
 	let peg$currPos = options.peg$currPos | 0;
@@ -1133,14 +1178,17 @@ function peg$parse(input, options) {
 				if (s0 === peg$FAILED) {
 					s0 = peg$parseLinkLexeme();
 					if (s0 === peg$FAILED) {
-						s0 = peg$parseHtmlElement();
+						s0 = peg$parseEmailAutolink();
 						if (s0 === peg$FAILED) {
-							s0 = peg$parseVoidCloser();
+							s0 = peg$parseHtmlElement();
 							if (s0 === peg$FAILED) {
-								s0 = peg$parseValue();
+								s0 = peg$parseVoidCloser();
 								if (s0 === peg$FAILED) {
-									s0 = peg$parseMacroElement();
-									if (s0 === peg$FAILED) s0 = peg$parseLiteral();
+									s0 = peg$parseValue();
+									if (s0 === peg$FAILED) {
+										s0 = peg$parseMacroElement();
+										if (s0 === peg$FAILED) s0 = peg$parseLiteral();
+									}
 								}
 							}
 						}
@@ -1488,35 +1536,18 @@ function peg$parse(input, options) {
 				if (s0 === peg$FAILED) {
 					s0 = peg$parseLinkLexeme();
 					if (s0 === peg$FAILED) {
-						s0 = peg$currPos;
-						peg$savedPos = peg$currPos;
-						s1 = peg$f29();
-						if (s1) s1 = void 0;
-						else s1 = peg$FAILED;
-						if (s1 !== peg$FAILED) {
-							s2 = peg$parseHtmlOpen();
-							if (s2 !== peg$FAILED) {
-								peg$savedPos = s0;
-								s0 = peg$f30(s2);
-							} else {
-								peg$currPos = s0;
-								s0 = peg$FAILED;
-							}
-						} else {
-							peg$currPos = s0;
-							s0 = peg$FAILED;
-						}
+						s0 = peg$parseEmailAutolink();
 						if (s0 === peg$FAILED) {
 							s0 = peg$currPos;
 							peg$savedPos = peg$currPos;
-							s1 = peg$f31();
+							s1 = peg$f29();
 							if (s1) s1 = void 0;
 							else s1 = peg$FAILED;
 							if (s1 !== peg$FAILED) {
-								s2 = peg$parseHtmlClose();
+								s2 = peg$parseHtmlOpen();
 								if (s2 !== peg$FAILED) {
 									peg$savedPos = s0;
-									s0 = peg$f32(s2);
+									s0 = peg$f30(s2);
 								} else {
 									peg$currPos = s0;
 									s0 = peg$FAILED;
@@ -1526,37 +1557,57 @@ function peg$parse(input, options) {
 								s0 = peg$FAILED;
 							}
 							if (s0 === peg$FAILED) {
-								s0 = peg$parseValue();
+								s0 = peg$currPos;
+								peg$savedPos = peg$currPos;
+								s1 = peg$f31();
+								if (s1) s1 = void 0;
+								else s1 = peg$FAILED;
+								if (s1 !== peg$FAILED) {
+									s2 = peg$parseHtmlClose();
+									if (s2 !== peg$FAILED) {
+										peg$savedPos = s0;
+										s0 = peg$f32(s2);
+									} else {
+										peg$currPos = s0;
+										s0 = peg$FAILED;
+									}
+								} else {
+									peg$currPos = s0;
+									s0 = peg$FAILED;
+								}
 								if (s0 === peg$FAILED) {
-									s0 = peg$currPos;
-									s1 = peg$parseMacroTag();
-									if (s1 !== peg$FAILED) {
-										s2 = peg$currPos;
-										peg$savedPos = peg$currPos;
-										s3 = peg$f33(s1);
-										if (s3) s3 = void 0;
-										else s3 = peg$FAILED;
-										if (s3 !== peg$FAILED) {
-											s4 = peg$parseRawTokens();
-											if (s4 !== peg$FAILED) {
-												peg$savedPos = s2;
-												s2 = peg$f34(s1, s4);
+									s0 = peg$parseValue();
+									if (s0 === peg$FAILED) {
+										s0 = peg$currPos;
+										s1 = peg$parseMacroTag();
+										if (s1 !== peg$FAILED) {
+											s2 = peg$currPos;
+											peg$savedPos = peg$currPos;
+											s3 = peg$f33(s1);
+											if (s3) s3 = void 0;
+											else s3 = peg$FAILED;
+											if (s3 !== peg$FAILED) {
+												s4 = peg$parseRawTokens();
+												if (s4 !== peg$FAILED) {
+													peg$savedPos = s2;
+													s2 = peg$f34(s1, s4);
+												} else {
+													peg$currPos = s2;
+													s2 = peg$FAILED;
+												}
 											} else {
 												peg$currPos = s2;
 												s2 = peg$FAILED;
 											}
+											if (s2 === peg$FAILED) s2 = null;
+											peg$savedPos = s0;
+											s0 = peg$f35(s1, s2);
 										} else {
-											peg$currPos = s2;
-											s2 = peg$FAILED;
+											peg$currPos = s0;
+											s0 = peg$FAILED;
 										}
-										if (s2 === peg$FAILED) s2 = null;
-										peg$savedPos = s0;
-										s0 = peg$f35(s1, s2);
-									} else {
-										peg$currPos = s0;
-										s0 = peg$FAILED;
+										if (s0 === peg$FAILED) s0 = peg$parseLiteral();
 									}
-									if (s0 === peg$FAILED) s0 = peg$parseLiteral();
 								}
 							}
 						}
@@ -2698,23 +2749,136 @@ function peg$parse(input, options) {
 		else s0 = s1;
 		return s0;
 	}
+	function peg$parseEmailAutolink() {
+		let s0, s1, s2, s3, s4, s5, s6, s7;
+		s0 = peg$currPos;
+		s1 = peg$currPos;
+		s2 = peg$currPos;
+		if (input.charCodeAt(peg$currPos) === 60) {
+			s3 = peg$c6;
+			peg$currPos++;
+		} else {
+			s3 = peg$FAILED;
+			if (peg$silentFails === 0) peg$fail(peg$e10);
+		}
+		if (s3 !== peg$FAILED) {
+			s4 = [];
+			s5 = input.charAt(peg$currPos);
+			if (peg$r10.test(s5)) peg$currPos++;
+			else {
+				s5 = peg$FAILED;
+				if (peg$silentFails === 0) peg$fail(peg$e24);
+			}
+			if (s5 !== peg$FAILED) while (s5 !== peg$FAILED) {
+				s4.push(s5);
+				s5 = input.charAt(peg$currPos);
+				if (peg$r10.test(s5)) peg$currPos++;
+				else {
+					s5 = peg$FAILED;
+					if (peg$silentFails === 0) peg$fail(peg$e24);
+				}
+			}
+			else s4 = peg$FAILED;
+			if (s4 !== peg$FAILED) {
+				if (input.charCodeAt(peg$currPos) === 64) {
+					s5 = peg$c13;
+					peg$currPos++;
+				} else {
+					s5 = peg$FAILED;
+					if (peg$silentFails === 0) peg$fail(peg$e25);
+				}
+				if (s5 !== peg$FAILED) {
+					s6 = [];
+					s7 = input.charAt(peg$currPos);
+					if (peg$r11.test(s7)) peg$currPos++;
+					else {
+						s7 = peg$FAILED;
+						if (peg$silentFails === 0) peg$fail(peg$e26);
+					}
+					if (s7 !== peg$FAILED) while (s7 !== peg$FAILED) {
+						s6.push(s7);
+						s7 = input.charAt(peg$currPos);
+						if (peg$r11.test(s7)) peg$currPos++;
+						else {
+							s7 = peg$FAILED;
+							if (peg$silentFails === 0) peg$fail(peg$e26);
+						}
+					}
+					else s6 = peg$FAILED;
+					if (s6 !== peg$FAILED) {
+						if (input.charCodeAt(peg$currPos) === 62) {
+							s7 = peg$c1;
+							peg$currPos++;
+						} else {
+							s7 = peg$FAILED;
+							if (peg$silentFails === 0) peg$fail(peg$e3);
+						}
+						if (s7 !== peg$FAILED) {
+							s3 = [
+								s3,
+								s4,
+								s5,
+								s6,
+								s7
+							];
+							s2 = s3;
+						} else {
+							peg$currPos = s2;
+							s2 = peg$FAILED;
+						}
+					} else {
+						peg$currPos = s2;
+						s2 = peg$FAILED;
+					}
+				} else {
+					peg$currPos = s2;
+					s2 = peg$FAILED;
+				}
+			} else {
+				peg$currPos = s2;
+				s2 = peg$FAILED;
+			}
+		} else {
+			peg$currPos = s2;
+			s2 = peg$FAILED;
+		}
+		if (s2 !== peg$FAILED) s1 = input.substring(s1, peg$currPos);
+		else s1 = s2;
+		if (s1 !== peg$FAILED) {
+			peg$savedPos = peg$currPos;
+			s2 = peg$f68(s1);
+			if (s2) s2 = void 0;
+			else s2 = peg$FAILED;
+			if (s2 !== peg$FAILED) {
+				peg$savedPos = s0;
+				s0 = peg$f69(s1);
+			} else {
+				peg$currPos = s0;
+				s0 = peg$FAILED;
+			}
+		} else {
+			peg$currPos = s0;
+			s0 = peg$FAILED;
+		}
+		return s0;
+	}
 	function peg$parseVoidCloser() {
 		let s0, s1, s2, s3;
 		s0 = peg$currPos;
 		peg$savedPos = peg$currPos;
-		s1 = peg$f68();
+		s1 = peg$f70();
 		if (s1) s1 = void 0;
 		else s1 = peg$FAILED;
 		if (s1 !== peg$FAILED) {
 			s2 = peg$parseHtmlClose();
 			if (s2 !== peg$FAILED) {
 				peg$savedPos = peg$currPos;
-				s3 = peg$f69(s2);
+				s3 = peg$f71(s2);
 				if (s3) s3 = void 0;
 				else s3 = peg$FAILED;
 				if (s3 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f70(s2);
+					s0 = peg$f72(s2);
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -2766,7 +2930,7 @@ function peg$parse(input, options) {
 				}
 				if (s6 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f71(s2, s3, s5);
+					s0 = peg$f73(s2, s3, s5);
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -2794,10 +2958,10 @@ function peg$parse(input, options) {
 					s3 = peg$currPos;
 					peg$silentFails++;
 					s4 = input.charAt(peg$currPos);
-					if (peg$r10.test(s4)) peg$currPos++;
+					if (peg$r12.test(s4)) peg$currPos++;
 					else {
 						s4 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e24);
+						if (peg$silentFails === 0) peg$fail(peg$e27);
 					}
 					if (s4 === peg$FAILED) {
 						s4 = peg$currPos;
@@ -2831,7 +2995,7 @@ function peg$parse(input, options) {
 						s5 = peg$parse_();
 						s6 = peg$parseHere();
 						peg$savedPos = s0;
-						s0 = peg$f72(s2, s6);
+						s0 = peg$f74(s2, s6);
 					} else {
 						peg$currPos = s0;
 						s0 = peg$FAILED;
@@ -2850,12 +3014,12 @@ function peg$parse(input, options) {
 	function peg$parseHtmlClose() {
 		let s0, s1, s2, s4;
 		s0 = peg$currPos;
-		if (input.substr(peg$currPos, 2) === peg$c13) {
-			s1 = peg$c13;
+		if (input.substr(peg$currPos, 2) === peg$c14) {
+			s1 = peg$c14;
 			peg$currPos += 2;
 		} else {
 			s1 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e25);
+			if (peg$silentFails === 0) peg$fail(peg$e28);
 		}
 		if (s1 !== peg$FAILED) {
 			s2 = peg$parseTagName();
@@ -2870,7 +3034,7 @@ function peg$parse(input, options) {
 				}
 				if (s4 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f73(s2);
+					s0 = peg$f75(s2);
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -2898,18 +3062,18 @@ function peg$parse(input, options) {
 		if (s2 !== peg$FAILED) {
 			s3 = [];
 			s4 = input.charAt(peg$currPos);
-			if (peg$r11.test(s4)) peg$currPos++;
+			if (peg$r13.test(s4)) peg$currPos++;
 			else {
 				s4 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e26);
+				if (peg$silentFails === 0) peg$fail(peg$e29);
 			}
 			while (s4 !== peg$FAILED) {
 				s3.push(s4);
 				s4 = input.charAt(peg$currPos);
-				if (peg$r11.test(s4)) peg$currPos++;
+				if (peg$r13.test(s4)) peg$currPos++;
 				else {
 					s4 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e26);
+					if (peg$silentFails === 0) peg$fail(peg$e29);
 				}
 			}
 			s2 = [s2, s3];
@@ -2932,10 +3096,10 @@ function peg$parse(input, options) {
 		s5 = peg$currPos;
 		peg$silentFails++;
 		s6 = input.charAt(peg$currPos);
-		if (peg$r12.test(s6)) peg$currPos++;
+		if (peg$r14.test(s6)) peg$currPos++;
 		else {
 			s6 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e27);
+			if (peg$silentFails === 0) peg$fail(peg$e30);
 		}
 		peg$silentFails--;
 		if (s6 === peg$FAILED) s5 = void 0;
@@ -2968,10 +3132,10 @@ function peg$parse(input, options) {
 			s5 = peg$currPos;
 			peg$silentFails++;
 			s6 = input.charAt(peg$currPos);
-			if (peg$r12.test(s6)) peg$currPos++;
+			if (peg$r14.test(s6)) peg$currPos++;
 			else {
 				s6 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e27);
+				if (peg$silentFails === 0) peg$fail(peg$e30);
 			}
 			peg$silentFails--;
 			if (s6 === peg$FAILED) s5 = void 0;
@@ -3004,25 +3168,25 @@ function peg$parse(input, options) {
 		else s2 = s3;
 		if (s2 !== peg$FAILED) {
 			peg$savedPos = peg$currPos;
-			s3 = peg$f74(s2);
+			s3 = peg$f76(s2);
 			if (s3) s3 = void 0;
 			else s3 = peg$FAILED;
 			if (s3 !== peg$FAILED) {
 				s4 = peg$currPos;
 				s5 = peg$parse_();
 				if (input.charCodeAt(peg$currPos) === 61) {
-					s6 = peg$c14;
+					s6 = peg$c15;
 					peg$currPos++;
 				} else {
 					s6 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e28);
+					if (peg$silentFails === 0) peg$fail(peg$e31);
 				}
 				if (s6 !== peg$FAILED) {
 					peg$parse_();
 					s8 = peg$parseAttrValue();
 					if (s8 !== peg$FAILED) {
 						peg$savedPos = s4;
-						s4 = peg$f75(s2, s8);
+						s4 = peg$f77(s2, s8);
 					} else {
 						peg$currPos = s4;
 						s4 = peg$FAILED;
@@ -3033,7 +3197,7 @@ function peg$parse(input, options) {
 				}
 				if (s4 === peg$FAILED) s4 = null;
 				peg$savedPos = s0;
-				s0 = peg$f76(s2, s4);
+				s0 = peg$f78(s2, s4);
 			} else {
 				peg$currPos = s0;
 				s0 = peg$FAILED;
@@ -3048,11 +3212,11 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3, s4;
 		s0 = peg$currPos;
 		if (input.charCodeAt(peg$currPos) === 34) {
-			s1 = peg$c15;
+			s1 = peg$c16;
 			peg$currPos++;
 		} else {
 			s1 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e29);
+			if (peg$silentFails === 0) peg$fail(peg$e32);
 		}
 		if (s1 !== peg$FAILED) {
 			s2 = peg$currPos;
@@ -3060,10 +3224,10 @@ function peg$parse(input, options) {
 			s4 = peg$parseValuePart();
 			if (s4 === peg$FAILED) {
 				s4 = input.charAt(peg$currPos);
-				if (peg$r13.test(s4)) peg$currPos++;
+				if (peg$r15.test(s4)) peg$currPos++;
 				else {
 					s4 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e30);
+					if (peg$silentFails === 0) peg$fail(peg$e33);
 				}
 			}
 			while (s4 !== peg$FAILED) {
@@ -3071,24 +3235,24 @@ function peg$parse(input, options) {
 				s4 = peg$parseValuePart();
 				if (s4 === peg$FAILED) {
 					s4 = input.charAt(peg$currPos);
-					if (peg$r13.test(s4)) peg$currPos++;
+					if (peg$r15.test(s4)) peg$currPos++;
 					else {
 						s4 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e30);
+						if (peg$silentFails === 0) peg$fail(peg$e33);
 					}
 				}
 			}
 			s2 = input.substring(s2, peg$currPos);
 			if (input.charCodeAt(peg$currPos) === 34) {
-				s3 = peg$c15;
+				s3 = peg$c16;
 				peg$currPos++;
 			} else {
 				s3 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e29);
+				if (peg$silentFails === 0) peg$fail(peg$e32);
 			}
 			if (s3 !== peg$FAILED) {
 				peg$savedPos = s0;
-				s0 = peg$f77(s2);
+				s0 = peg$f79(s2);
 			} else {
 				peg$currPos = s0;
 				s0 = peg$FAILED;
@@ -3100,11 +3264,11 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$currPos;
 			if (input.charCodeAt(peg$currPos) === 39) {
-				s1 = peg$c16;
+				s1 = peg$c17;
 				peg$currPos++;
 			} else {
 				s1 = peg$FAILED;
-				if (peg$silentFails === 0) peg$fail(peg$e31);
+				if (peg$silentFails === 0) peg$fail(peg$e34);
 			}
 			if (s1 !== peg$FAILED) {
 				s2 = peg$currPos;
@@ -3112,10 +3276,10 @@ function peg$parse(input, options) {
 				s4 = peg$parseValuePart();
 				if (s4 === peg$FAILED) {
 					s4 = input.charAt(peg$currPos);
-					if (peg$r14.test(s4)) peg$currPos++;
+					if (peg$r16.test(s4)) peg$currPos++;
 					else {
 						s4 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e32);
+						if (peg$silentFails === 0) peg$fail(peg$e35);
 					}
 				}
 				while (s4 !== peg$FAILED) {
@@ -3123,24 +3287,24 @@ function peg$parse(input, options) {
 					s4 = peg$parseValuePart();
 					if (s4 === peg$FAILED) {
 						s4 = input.charAt(peg$currPos);
-						if (peg$r14.test(s4)) peg$currPos++;
+						if (peg$r16.test(s4)) peg$currPos++;
 						else {
 							s4 = peg$FAILED;
-							if (peg$silentFails === 0) peg$fail(peg$e32);
+							if (peg$silentFails === 0) peg$fail(peg$e35);
 						}
 					}
 				}
 				s2 = input.substring(s2, peg$currPos);
 				if (input.charCodeAt(peg$currPos) === 39) {
-					s3 = peg$c16;
+					s3 = peg$c17;
 					peg$currPos++;
 				} else {
 					s3 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e31);
+					if (peg$silentFails === 0) peg$fail(peg$e34);
 				}
 				if (s3 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s0 = peg$f78(s2);
+					s0 = peg$f80(s2);
 				} else {
 					peg$currPos = s0;
 					s0 = peg$FAILED;
@@ -3152,32 +3316,32 @@ function peg$parse(input, options) {
 			if (s0 === peg$FAILED) {
 				s0 = peg$currPos;
 				s1 = input.charAt(peg$currPos);
-				if (peg$r15.test(s1)) peg$currPos++;
+				if (peg$r17.test(s1)) peg$currPos++;
 				else {
 					s1 = peg$FAILED;
-					if (peg$silentFails === 0) peg$fail(peg$e33);
+					if (peg$silentFails === 0) peg$fail(peg$e36);
 				}
 				if (s1 !== peg$FAILED) {
 					peg$savedPos = s0;
-					s1 = peg$f79(s1);
+					s1 = peg$f81(s1);
 				}
 				s0 = s1;
 				if (s0 === peg$FAILED) {
 					s0 = peg$currPos;
 					s1 = [];
 					s2 = input.charAt(peg$currPos);
-					if (peg$r16.test(s2)) peg$currPos++;
+					if (peg$r18.test(s2)) peg$currPos++;
 					else {
 						s2 = peg$FAILED;
-						if (peg$silentFails === 0) peg$fail(peg$e34);
+						if (peg$silentFails === 0) peg$fail(peg$e37);
 					}
 					while (s2 !== peg$FAILED) {
 						s1.push(s2);
 						s2 = input.charAt(peg$currPos);
-						if (peg$r16.test(s2)) peg$currPos++;
+						if (peg$r18.test(s2)) peg$currPos++;
 						else {
 							s2 = peg$FAILED;
-							if (peg$silentFails === 0) peg$fail(peg$e34);
+							if (peg$silentFails === 0) peg$fail(peg$e37);
 						}
 					}
 					s0 = input.substring(s0, peg$currPos);
@@ -3190,7 +3354,7 @@ function peg$parse(input, options) {
 		let s0, s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11, s12, s13;
 		s0 = peg$currPos;
 		peg$savedPos = peg$currPos;
-		s1 = peg$f80();
+		s1 = peg$f82();
 		if (s1) s1 = void 0;
 		else s1 = peg$FAILED;
 		if (s1 !== peg$FAILED) {
@@ -3219,7 +3383,7 @@ function peg$parse(input, options) {
 			if (s2 !== peg$FAILED) {
 				s3 = peg$currPos;
 				peg$savedPos = peg$currPos;
-				s4 = peg$f81(s2);
+				s4 = peg$f83(s2);
 				if (s4) s4 = void 0;
 				else s4 = peg$FAILED;
 				if (s4 !== peg$FAILED) {
@@ -3258,7 +3422,7 @@ function peg$parse(input, options) {
 		if (s0 === peg$FAILED) {
 			s0 = peg$currPos;
 			peg$savedPos = peg$currPos;
-			s1 = peg$f82();
+			s1 = peg$f84();
 			if (s1) s1 = void 0;
 			else s1 = peg$FAILED;
 			if (s1 !== peg$FAILED) {
@@ -3285,12 +3449,12 @@ function peg$parse(input, options) {
 						if (s6 !== peg$FAILED) {
 							s7 = peg$parseHere();
 							peg$savedPos = peg$currPos;
-							s8 = peg$f83(s4, s7);
+							s8 = peg$f85(s4, s7);
 							if (s8) s8 = void 0;
 							else s8 = peg$FAILED;
 							if (s8 !== peg$FAILED) {
 								s9 = peg$currPos;
-								s10 = peg$f84(s4, s7);
+								s10 = peg$f86(s4, s7);
 								s11 = peg$currPos;
 								s12 = [];
 								if (s12.length >= (s10 | 0)) s13 = peg$FAILED;
@@ -3372,7 +3536,7 @@ function peg$parse(input, options) {
 			if (s0 === peg$FAILED) {
 				s0 = peg$currPos;
 				peg$savedPos = peg$currPos;
-				s1 = peg$f85();
+				s1 = peg$f87();
 				if (s1) s1 = void 0;
 				else s1 = peg$FAILED;
 				if (s1 !== peg$FAILED) {
@@ -3463,7 +3627,7 @@ function peg$parse(input, options) {
 				if (s0 === peg$FAILED) {
 					s0 = peg$currPos;
 					peg$savedPos = peg$currPos;
-					s1 = peg$f86();
+					s1 = peg$f88();
 					if (s1) s1 = void 0;
 					else s1 = peg$FAILED;
 					if (s1 !== peg$FAILED) {
@@ -3545,10 +3709,10 @@ function peg$parse(input, options) {
 	function peg$parse_c() {
 		let s0;
 		s0 = input.charAt(peg$currPos);
-		if (peg$r17.test(s0)) peg$currPos++;
+		if (peg$r19.test(s0)) peg$currPos++;
 		else {
 			s0 = peg$FAILED;
-			if (peg$silentFails === 0) peg$fail(peg$e35);
+			if (peg$silentFails === 0) peg$fail(peg$e38);
 		}
 		return s0;
 	}
@@ -10122,13 +10286,35 @@ function parseDelay(str) {
 	return parseFloat(trimmed);
 }
 //#endregion
+//#region src/utils/listeners.ts
+/**
+* A set of listeners to call when something happens: `subscribe` adds one and
+* returns the function that removes it, `notify` calls each one. A listener
+* removed or added while they are called is called or not as the set was
+* when `notify` started.
+*/
+function createListeners() {
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		notify() {
+			for (const listener of [...listeners]) listener();
+		}
+	};
+}
+//#endregion
 //#region src/runtime-errors.ts
 var errors = [];
 var nextId = 1;
-var listeners$1 = /* @__PURE__ */ new Set();
+var listeners$1 = createListeners();
 function update(next) {
 	errors = next;
-	for (const listener of listeners$1) listener();
+	listeners$1.notify();
 }
 /**
 * Show `error` on the page, after `context` (what failed). The same error
@@ -10164,12 +10350,7 @@ function getRuntimeErrors() {
 	return errors;
 }
 /** Call `listener` whenever the shown errors change; returns unsubscribe. */
-function subscribeRuntimeErrors(listener) {
-	listeners$1.add(listener);
-	return () => {
-		listeners$1.delete(listener);
-	};
-}
+var subscribeRuntimeErrors = listeners$1.subscribe;
 //#endregion
 //#region src/components/macros/arg-utils.ts
 /**
@@ -10890,7 +11071,7 @@ function getPRNGPull() {
 * (see src/tooling.ts).
 */
 var TRANSFORM_CACHE_MAX = 500;
-var NAMESPACES$1 = {
+var NAMESPACES$2 = {
 	$: "variables",
 	_: "temporary",
 	"@": "locals",
@@ -10923,7 +11104,7 @@ function transform(expr, goal = "expression") {
 		result += expr.slice(at, ref.start);
 		if (ref.shorthand) result += `${ref.name}: `;
 		else if (IDENT_END_RE.test(result.slice(-2))) result += " ";
-		result += `${NAMESPACES$1[ref.sigil]}["${ref.name}"]`;
+		result += `${NAMESPACES$2[ref.sigil]}["${ref.name}"]`;
 		at = ref.end;
 	}
 	result += expr.slice(at);
@@ -11890,6 +12071,19 @@ var InlineContext = createContext(false);
 */
 var RawTextContext = createContext(false);
 /**
+* The view content is rendered in: '' for the story interface, and an id of
+* its own for each passage and dialog on display (see useViewScope). The
+* radiobuttons of a variable form a native group within their view only:
+* one group across views would let a dialog's checked button uncheck the
+* passage's when it mounts (#396).
+*/
+var ViewScopeContext = createContext("");
+var viewScopes = 0;
+/** A new view scope (see ViewScopeContext), kept while mounted. */
+function useViewScope() {
+	return useState(() => `v${++viewScopes}`)[0];
+}
+/**
 * True inside an `<svg>` element. SVG attributes are case-sensitive and have
 * no live form properties, so they are set as written (see splitAttributes).
 */
@@ -13323,11 +13517,60 @@ function extraKeys(collection) {
 	const keys = Object.keys(collection);
 	return Array.isArray(collection) ? keys.filter((k) => !isIndexKey(k)) : keys;
 }
+/** The entries of a Map, as the built-in iterator gives them. */
+function mapEntries(map) {
+	return isDraft(map) ? map.entries() : Map.prototype.entries.call(map);
+}
+/** The members of a Set, as the built-in iterator gives them. */
+function setMembers(set) {
+	return isDraft(set) ? set.values() : Set.prototype.values.call(set);
+}
+/** The number of entries of a Map or members of a Set. */
+function collectionSize(collection) {
+	if (isDraft(collection)) return collection.size;
+	const proto = collection instanceof Map ? Map.prototype : Set.prototype;
+	return Reflect.get(proto, "size", collection);
+}
+/** The value a Map holds for `key`. */
+function mapGet(map, key) {
+	return isDraft(map) ? map.get(key) : Map.prototype.get.call(map, key);
+}
+/** Make a Map hold `value` for `key`. */
+function mapSet(map, key, value) {
+	if (isDraft(map)) map.set(key, value);
+	else Map.prototype.set.call(map, key, value);
+}
 //#endregion
 //#region src/class-registry.ts
 var registry = /* @__PURE__ */ new Map();
 var ctorToName = /* @__PURE__ */ new Map();
+/**
+* Built-ins whose instances hold their value in internal slots that a save
+* cannot rebuild: a registered class cannot extend them. (Array, Map, Set,
+* Date, RegExp and Error can be extended, see classData.)
+*/
+var UNSUPPORTED_BASES = [
+	ArrayBuffer,
+	DataView,
+	Object.getPrototypeOf(Int8Array),
+	URL,
+	URLSearchParams,
+	Number,
+	String,
+	Boolean,
+	Promise,
+	WeakMap,
+	WeakSet,
+	Function
+];
+/**
+* Register `ctor` as `name`, so that its instances keep their class through
+* copies, history and saves. Throws for a class extending a built-in whose
+* instances cannot be saved (see UNSUPPORTED_BASES).
+*/
 function registerClass(name, ctor) {
+	const base = typeof ctor === "function" ? UNSUPPORTED_BASES.find((b) => ctor.prototype instanceof b) : void 0;
+	if (base) throw new TypeError(`spindle: Cannot register class "${name}": it extends ${base.name}, whose instances cannot be saved (a registered class may extend Array, Map, Set, Date, RegExp or Error)`);
 	registry.set(name, ctor);
 	ctorToName.set(ctor, name);
 }
@@ -13394,16 +13637,22 @@ function ownData(value, keys = Object.keys(value)) {
 	for (const key of keys) defineData(data, key, value[key]);
 	return data;
 }
-/** The kinds of collection a registered class may extend. */
-var COLLECTION_KINDS = {
+/**
+* The built-ins a registered class may extend whose value is not in its
+* keys, saved as their kind (see classData).
+*/
+var BUILTIN_KINDS = {
 	Array,
 	Map,
-	Set
+	Set,
+	Date,
+	RegExp
 };
 /**
 * The saved form of a registered class instance: its own data (see
-* ownData), or for a collection its kind, elements and extra keys, read
-* with the built-in methods, which a subclass may override (#391).
+* ownData), or for a subclass of a built-in kind (see BUILTIN_KINDS) its
+* kind, contents and extra keys, read with the built-in methods, which a
+* subclass may override (#391, #393).
 */
 function classData(value) {
 	const extra = () => ownData(value, extraKeys(value));
@@ -13418,12 +13667,26 @@ function classData(value) {
 	}
 	if (value instanceof Map) return [
 		"Map",
-		Array.from(Map.prototype.entries.call(value)),
+		Array.from(mapEntries(value)),
 		extra()
 	];
 	if (value instanceof Set) return [
 		"Set",
-		Array.from(Set.prototype.values.call(value)),
+		Array.from(setMembers(value)),
+		extra()
+	];
+	if (value instanceof Date) return [
+		"Date",
+		Date.prototype.getTime.call(value),
+		extra()
+	];
+	if (value instanceof RegExp) return [
+		"RegExp",
+		[
+			Reflect.get(RegExp.prototype, "source", value),
+			Reflect.get(RegExp.prototype, "flags", value),
+			value.lastIndex
+		],
 		extra()
 	];
 	return ownData(value);
@@ -13459,22 +13722,44 @@ function reducers() {
 	return out;
 }
 /**
-* The collection of a registered class that a `[kind, contents, keys]`
-* list holds (see classData). A cycle through the collection revives it
-* before its list is complete (devalue holds unread parts as holes), so the
-* collection is kept per list and filled with what the list holds so far.
+* The RegExp of a `[source, flags, lastIndex]` list (an `R` entry, or the
+* contents of a RegExp subclass), or undefined if the list is malformed.
+*/
+function newRegExp(data) {
+	if (!Array.isArray(data) || typeof data[0] !== "string" || typeof data[1] !== "string" || !Number.isSafeInteger(data[2])) return;
+	const re = new RegExp(data[0], data[1]);
+	re.lastIndex = data[2];
+	return re;
+}
+/**
+* A new Date or RegExp holding `contents` (see classData), or undefined if
+* they are malformed.
+*/
+function newAtomic(kind, contents) {
+	if (kind === "RegExp") return newRegExp(contents);
+	return typeof contents === "number" ? new Date(contents) : void 0;
+}
+/**
+* The built-in of a registered class that a `[kind, contents, keys]` list
+* holds (see classData). A cycle through a collection revives it before its
+* list is complete (devalue holds unread parts as holes), so the instance
+* is kept per list and filled with what the list holds so far. (The
+* contents of a Date or RegExp hold no objects, so they are complete.)
 */
 var collections = /* @__PURE__ */ new WeakMap();
-function reviveCollection(name, ctor, list) {
+function reviveBuiltin(name, ctor, list) {
 	const [kind, contents, keys] = list;
-	const base = typeof kind === "string" && hasOwn(COLLECTION_KINDS, kind) ? COLLECTION_KINDS[kind] : void 0;
-	if (list.length !== 3 || !base || !(ctor.prototype instanceof base) || hasOwn(list, 1) && !Array.isArray(contents) || hasOwn(list, 2) && !isPlainData(keys)) throw malformedClass(name);
+	const base = typeof kind === "string" && hasOwn(BUILTIN_KINDS, kind) ? BUILTIN_KINDS[kind] : void 0;
+	const atomic = kind === "Date" || kind === "RegExp";
+	if (list.length !== 3 || !base || !(ctor.prototype instanceof base) || !atomic && hasOwn(list, 1) && !Array.isArray(contents) || hasOwn(list, 2) && !isPlainData(keys)) throw malformedClass(name);
 	let made = collections.get(list);
 	if (!made) {
-		made = Object.setPrototypeOf(new base(), ctor.prototype);
+		const value = atomic ? newAtomic(kind, contents) : new base();
+		if (!value) throw malformedClass(name);
+		made = Object.setPrototypeOf(value, ctor.prototype);
 		collections.set(list, made);
 	}
-	if (Array.isArray(contents)) fillCollection(made, contents);
+	if (!atomic && Array.isArray(contents)) fillCollection(made, contents);
 	if (isPlainData(keys)) for (const key of Object.keys(keys)) defineData(made, key, keys[key]);
 	return made;
 }
@@ -13498,13 +13783,13 @@ function fillCollection(made, contents) {
 /** Restore a registered class instance in place, so cycles through it hold. */
 function reviveClass(name) {
 	return (data) => {
-		if (Array.isArray(data)) return reviveCollection(name, registeredCtor(name), data);
+		if (Array.isArray(data)) return reviveBuiltin(name, registeredCtor(name), data);
 		if (!isPlainData(data)) {
 			if (isObject(data) && registeredClassName(data) === name) return data;
 			throw malformedClass(name);
 		}
 		const ctor = registeredCtor(name);
-		if (Object.values(COLLECTION_KINDS).some((c) => ctor.prototype instanceof c)) throw malformedClass(name);
+		if (Object.values(BUILTIN_KINDS).some((c) => ctor.prototype instanceof c)) throw malformedClass(name);
 		Object.setPrototypeOf(data, ctor.prototype);
 		if (data instanceof Error) hideErrorKeys(data);
 		return data;
@@ -13566,9 +13851,8 @@ function reviverFor(key) {
 	};
 	if (key === KEYS_TAG) return reviveKeyed;
 	if (key === REGEXP_TAG) return (data) => {
-		if (!Array.isArray(data) || typeof data[0] !== "string" || typeof data[1] !== "string" || !Number.isSafeInteger(data[2])) throw new TypeError("spindle: Malformed regular expression");
-		const re = new RegExp(data[0], data[1]);
-		re.lastIndex = data[2];
+		const re = newRegExp(data);
+		if (!re) throw new TypeError("spindle: Malformed regular expression");
 		return re;
 	};
 	if (key.startsWith(CLASS_PREFIX)) return reviveClass(key.slice(2));
@@ -14170,10 +14454,12 @@ function shallowCopy(value) {
 * written in place.
 *
 * The path goes through own properties of plain objects, class instances
-* and arrays (by index); anything else throws a TypeError rather than
-* writing where no clone or save would see it: an inherited property such
-* as a method counts as missing, and Map, Set, Date and RegExp values and
-* other keys of arrays are refused, as is a "__proto__" segment.
+* and arrays (by index), and, outside a draft, any key of an instance of a
+* registered subclass of a built-in (#408); anything else throws a
+* TypeError rather than writing where no clone or save would see it: an
+* inherited property such as a method counts as missing, and Map, Set,
+* Date and RegExp values and other keys of arrays are refused, as is a
+* "__proto__" segment.
 */
 function setByPath(root, segments, value, options = {}) {
 	const parent = walkToParent(root, segments, options.createMissing ?? false);
@@ -14208,8 +14494,15 @@ function deleteByPath(root, segments) {
 function checkSegments(segments) {
 	if (segments.includes("__proto__")) throw new TypeError(`spindle: Cannot use "__proto__" in a variable path ("${segments.join(".")}")`);
 }
-/** Throw unless `holder` can take `key` as story state (see setByPath). */
-function checkHolder(holder, key, segments, depth) {
+/**
+* Throw unless `holder` can take `key` as story state (see setByPath). An
+* instance of a registered subclass of a built-in keeps its own fields
+* through clones and saves, so it takes any key (#408) when written in
+* place: a draft of one, or one a draft shares, is refused as other
+* built-ins are, and the caller writes the whole value instead.
+*/
+function checkHolder(holder, key, segments, depth, inPlace) {
+	if (inPlace && registeredClassName(holder) !== void 0) return;
 	const kind = builtinName(holder) ?? (Array.isArray(holder) && !isArrayKey(key) ? "an array" : "");
 	if (kind) throw new TypeError(`spindle: Cannot set property "${key}" on ${kind} (at "${segments.slice(0, depth).join(".")}")`);
 }
@@ -14225,7 +14518,7 @@ function walkToParent(root, segments, createMissing) {
 	let current = root;
 	for (let i = 0; i < segments.length - 1; i++) {
 		const seg = segments[i];
-		checkHolder(current, seg, segments, i);
+		checkHolder(current, seg, segments, i, !copyOnWrite);
 		let next = hasOwn(current, seg) ? current[seg] : void 0;
 		if (next == null || typeof next !== "object") {
 			if (!createMissing) throw new TypeError(`spindle: Cannot set property "${segments[i + 1]}" on ${next === null ? "null" : typeof next} (at "${segments.slice(0, i + 1).join(".")}")`);
@@ -14237,7 +14530,7 @@ function walkToParent(root, segments, createMissing) {
 		}
 		current = next;
 	}
-	checkHolder(current, segments[segments.length - 1], segments, segments.length - 1);
+	checkHolder(current, segments[segments.length - 1], segments, segments.length - 1, !copyOnWrite);
 	return current;
 }
 //#endregion
@@ -14248,13 +14541,13 @@ function isPlainObject(value) {
 	return proto === Object.prototype || proto === null;
 }
 /**
-* `empty`, a new collection (Array, Map or Set) standing for `obj`, made
-* like it: an instance of a registered subclass keeps its class and its
-* extra keys (#391), with the values `value` gives for them; other
-* collections are plain. `made` gets it before its keys are filled, so
+* `empty`, a new built-in (an Array, Map, Set, Date or RegExp) standing for
+* `obj`, made like it: an instance of a registered subclass keeps its class
+* and its extra keys (#391, #393), with the values `value` gives for them;
+* other built-ins are plain. `made` gets it before its keys are filled, so
 * that cycles through it find it.
 */
-function collectionLike(obj, empty, made, value) {
+function builtinLike(obj, empty, made, value) {
 	made(empty);
 	if (registeredClassName(obj) === void 0) return empty;
 	Object.setPrototypeOf(empty, Object.getPrototypeOf(obj));
@@ -14287,11 +14580,11 @@ function deepClone(value, options = {}) {
 		return copy;
 	}
 	function cloneBuiltin(val) {
-		if (val instanceof Date) return keep(val, new Date(val.getTime()));
+		if (val instanceof Date) return builtin(val, new Date(Date.prototype.getTime.call(val)));
 		if (val instanceof RegExp) {
-			const copy = new RegExp(val.source, val.flags);
+			const copy = new RegExp(Reflect.get(RegExp.prototype, "source", val), Reflect.get(RegExp.prototype, "flags", val));
 			copy.lastIndex = val.lastIndex;
-			return keep(val, copy);
+			return builtin(val, copy);
 		}
 		if (val instanceof ArrayBuffer) return keep(val, val.slice(0));
 		if (ArrayBuffer.isView(val)) {
@@ -14322,29 +14615,29 @@ function deepClone(value, options = {}) {
 		const settle = options.settle;
 		return settle && isObjectValue(copy) && isObjectValue(original) ? settle(copy, original) : copy;
 	}
-	/** `empty`, made the copy of the collection `obj` (see collectionLike). */
-	const collection = (obj, empty) => collectionLike(obj, empty, (copy) => keep(obj, copy), (key) => clone(obj[key]));
+	/** `empty`, made the copy of the built-in `obj` (see builtinLike). */
+	const builtin = (obj, empty) => builtinLike(obj, empty, (copy) => keep(obj, copy), (key) => clone(obj[key]));
 	function clone(val) {
 		if (val === null || typeof val !== "object") return val;
 		const obj = val;
 		if (seen.has(obj)) return seen.get(obj);
 		if (Array.isArray(val)) {
-			const arr = collection(obj, new Array(val.length));
+			const arr = builtin(obj, new Array(val.length));
 			for (let i = 0; i < val.length; i++) if (i in val) arr[i] = clone(val[i]);
 			return arr;
 		}
 		if (val instanceof Map) {
-			const copy = collection(obj, /* @__PURE__ */ new Map());
-			for (const [k, v] of val) Map.prototype.set.call(copy, settled(clone(k), k), clone(v));
+			const copy = builtin(obj, /* @__PURE__ */ new Map());
+			for (const [k, v] of mapEntries(val)) Map.prototype.set.call(copy, settled(clone(k), k), clone(v));
 			return copy;
 		}
 		if (val instanceof Set) {
-			const copy = collection(obj, /* @__PURE__ */ new Set());
-			for (const v of val) Set.prototype.add.call(copy, settled(clone(v), v));
+			const copy = builtin(obj, /* @__PURE__ */ new Set());
+			for (const v of setMembers(val)) Set.prototype.add.call(copy, settled(clone(v), v));
 			return copy;
 		}
-		const builtin = cloneBuiltin(obj);
-		if (builtin !== void 0) return builtin;
+		const copied = cloneBuiltin(obj);
+		if (copied !== void 0) return copied;
 		const keepsProto = registeredClassName(obj) !== void 0 || isPlainObject(val);
 		if (!keepsProto && options.keepUnregistered) return val;
 		return copyKeys(obj, keep(obj, keepsProto ? Object.create(Object.getPrototypeOf(obj)) : {}));
@@ -14447,11 +14740,11 @@ function shareEqual(prev, curr) {
 		const cr = c;
 		/** What the result holds at `key` of `c`. */
 		const shareKey = (key) => share(hasOwn(pr, key) ? pr[key] : void 0, cr[key]);
-		/** `empty`, made the result for the collection `c` (see collectionLike). */
-		const collection = (empty) => collectionLike(c, empty, (out) => done.set(c, out), shareKey);
+		/** `empty`, made the result for the collection `c` (see builtinLike). */
+		const collection = (empty) => builtinLike(c, empty, (out) => done.set(c, out), shareKey);
 		if (c instanceof Map && p instanceof Map) {
 			const out = collection(/* @__PURE__ */ new Map());
-			for (const [k, v] of c) Map.prototype.set.call(out, fresh(k), share(p.get(k), v));
+			for (const [k, v] of mapEntries(c)) Map.prototype.set.call(out, fresh(k), share(mapGet(p, k), v));
 			return out;
 		}
 		if (Array.isArray(c) && Array.isArray(p)) {
@@ -14479,8 +14772,14 @@ function equalBytes(a, b) {
 }
 /** Equality of the content of atomic built-ins (see isAtomic) but Map/Set. */
 function equalBuiltin(a, b, assumed) {
-	if (a instanceof Date) return Object.is(a.getTime(), b.getTime());
-	if (a instanceof RegExp) return String(a) === String(b) && a.lastIndex === b.lastIndex;
+	if (a instanceof Date) {
+		const time = Date.prototype.getTime;
+		return Object.is(time.call(a), time.call(b)) && equalExtraKeys(a, b, assumed);
+	}
+	if (a instanceof RegExp) {
+		const text = RegExp.prototype.toString;
+		return text.call(a) === text.call(b) && a.lastIndex === b.lastIndex && equalExtraKeys(a, b, assumed);
+	}
 	if (ArrayBuffer.isView(a)) {
 		const v = b;
 		return a.byteOffset === v.byteOffset && a.byteLength === v.byteLength && equal(a.buffer, v.buffer, assumed);
@@ -14499,18 +14798,20 @@ function equalKeys(a, b, assumed, keysOf = Object.keys) {
 	for (const key of keys) if (!hasOwn(bo, key) || !equal(ao[key], bo[key], assumed)) return false;
 	return true;
 }
-/** Built-in collection prototypes, whose instances hold no extra keys. */
-var COLLECTION_PROTOS = new Set([
+/** Built-in prototypes (see builtinLike), whose instances hold no extra keys. */
+var BUILTIN_PROTOS = new Set([
 	Array.prototype,
 	Map.prototype,
-	Set.prototype
+	Set.prototype,
+	Date.prototype,
+	RegExp.prototype
 ]);
 /**
-* Equality of the extra keys (see extraKeys) of two collections of one
+* Equality of the extra keys (see extraKeys) of two built-ins of one
 * class: those of a subclass instance are part of its value.
 */
 function equalExtraKeys(a, b, assumed) {
-	return COLLECTION_PROTOS.has(Object.getPrototypeOf(a)) || equalKeys(a, b, assumed, extraKeys);
+	return BUILTIN_PROTOS.has(Object.getPrototypeOf(a)) || equalKeys(a, b, assumed, extraKeys);
 }
 /** `assumed` tracks the pairs of objects met (see Pairs). */
 function equal(a, b, assumed) {
@@ -14521,9 +14822,9 @@ function equal(a, b, assumed) {
 	if (met !== void 0) return met;
 	if (a instanceof Map || a instanceof Set) {
 		const bc = b;
-		if (a.size !== bc.size) return false;
-		const ai = a.entries();
-		const bi = bc.entries();
+		if (collectionSize(a) !== collectionSize(bc)) return false;
+		const ai = a instanceof Map ? mapEntries(a) : setMembers(a);
+		const bi = bc instanceof Map ? mapEntries(bc) : setMembers(bc);
 		for (let x = ai.next(), y = bi.next(); !x.done; x = ai.next(), y = bi.next()) if (!equal(x.value, y.value, assumed)) return false;
 		return equalExtraKeys(a, b, assumed);
 	}
@@ -14703,13 +15004,13 @@ function entryChildren(value) {
 	const children = [];
 	if (value instanceof Map) {
 		let index = 0;
-		for (const [k, v] of value) {
+		for (const [k, v] of mapEntries(value)) {
 			children.push([entryKey("k", index), k], [entryKey("v", index), v]);
 			index++;
 		}
 	} else if (value instanceof Set) {
 		let index = 0;
-		for (const member of value) children.push([entryKey("s", index++), member]);
+		for (const member of setMembers(value)) children.push([entryKey("s", index++), member]);
 	} else if (value instanceof Error) {
 		for (const key of ["cause", "errors"]) if (hasOwn(value, key)) children.push([entryKey(key === "cause" ? "c" : "e", 0), value[key]]);
 	} else if (ArrayBuffer.isView(value)) children.push([entryKey("b", 0), value.buffer]);
@@ -14741,8 +15042,9 @@ function setEntryValue(root, path, value) {
 	const holder = getByEntryPath(root, path.slice(0, -1));
 	const match = /^\0v(\d+)$/.exec(path[path.length - 1]);
 	if (!(holder instanceof Map) || !match) return false;
-	const key = [...holder.keys()][Number(match[1])];
-	holder.set(key, value);
+	const entry = [...mapEntries(holder)][Number(match[1])];
+	if (!entry) return false;
+	mapSet(holder, entry[0], value);
 	return true;
 }
 /**
@@ -14811,7 +15113,8 @@ function aliasMoved(x, y, at, earlier, later) {
 	if (xs && ys) {
 		if (Object.getPrototypeOf(x) !== Object.getPrototypeOf(y)) return false;
 		if (x instanceof Map || x instanceof Set) {
-			if (x.size !== y.size) return false;
+			const ySize = collectionSize(y);
+			if (collectionSize(x) !== ySize) return false;
 		}
 		const held = new Map(ys);
 		for (const [segment, a] of xs) if (held.has(segment)) pairs.push([
@@ -15382,11 +15685,13 @@ async function slotRecord(ifid, slot) {
 async function fillSlot(ifid, slot, saveId) {
 	await (await getBackend()).setMeta(slotMetaKey(ifid, slot), saveId);
 	if (isNamedSlot(slot)) await updateSlotIndex(ifid, (slots) => slots.includes(slot) ? slots : [...slots, slot]);
+	announceSlots(ifid);
 }
 /** Clear a slot: its pointer, and its entry in the slot index. */
 async function emptySlot(ifid, slot) {
 	await (await getBackend()).deleteMeta(slotMetaKey(ifid, slot));
 	if (isNamedSlot(slot)) await updateSlotIndex(ifid, (slots) => slots.filter((s) => s !== slot));
+	announceSlots(ifid);
 }
 /** Clear every slot holding a save whose ID passes `test`. */
 async function emptySlotsHolding(ifid, test) {
@@ -15395,6 +15700,46 @@ async function emptySlotsHolding(ifid, test) {
 		if (id && test(id)) await emptySlot(ifid, slot);
 	}
 }
+var SLOTS_CHANNEL = "spindle.slots";
+/** Every story's slots: what clearing all data announces. */
+var ALL_STORIES = "*";
+var slotsChannel;
+function getSlotsChannel() {
+	if (slotsChannel === void 0) try {
+		slotsChannel = new BroadcastChannel(SLOTS_CHANNEL);
+		slotsChannel.unref?.();
+	} catch {
+		slotsChannel = null;
+	}
+	return slotsChannel;
+}
+/** Tell the story's other tabs that its slots changed. */
+function announceSlots(ifid) {
+	try {
+		getSlotsChannel()?.postMessage(ifid);
+	} catch {}
+}
+/**
+* Call `onChange` when another tab may have filled or emptied the story's
+* slots: when it says so, and when this tab is shown again. Returns the
+* function that stops it.
+*/
+function watchSlotChanges(ifid, onChange) {
+	const channel = getSlotsChannel();
+	const onMessage = (event) => {
+		if (event.data === ifid || event.data === ALL_STORIES) onChange();
+	};
+	const onShown = () => {
+		if (document.visibilityState === "visible") onChange();
+	};
+	const doc = typeof document === "undefined" ? void 0 : document;
+	channel?.addEventListener("message", onMessage);
+	doc?.addEventListener("visibilitychange", onShown);
+	return () => {
+		channel?.removeEventListener("message", onMessage);
+		doc?.removeEventListener("visibilitychange", onShown);
+	};
+}
 /** The `custom` keys that say which slot a save lives in. */
 var slotCustom = (slot) => ({
 	isAutosave: !isNamedSlot(slot),
@@ -15648,6 +15993,7 @@ function clearGameData(ifid) {
 		await backend.deletePlaythroughsByIfid(ifid);
 		await backend.deleteMetaByIfid(ifid);
 		clearSession(ifid);
+		announceSlots(ifid);
 	});
 }
 var clearAllData = queued(clearAllDataNow);
@@ -15662,6 +16008,7 @@ async function clearAllDataNow() {
 		}
 		for (const key of toRemove) sessionStorage.removeItem(key);
 	} catch {}
+	announceSlots(ALL_STORIES);
 }
 /**
 * Delete a playthrough with its saves, emptying the slots that held them.
@@ -15746,7 +16093,7 @@ function initializeStory(session) {
 }
 //#endregion
 //#region src/execute-mutation.ts
-var NAMESPACES = [
+var NAMESPACES$1 = [
 	"variables",
 	"temporary",
 	"transient"
@@ -15827,9 +16174,9 @@ function deeplyFrozen(value, seen = /* @__PURE__ */ new Set()) {
 	if (!Object.isFrozen(value)) return false;
 	seen.add(value);
 	if (value instanceof Map) {
-		for (const [key, entry] of value) if (!deeplyFrozen(key, seen) || !deeplyFrozen(entry, seen)) return false;
+		for (const [key, entry] of mapEntries(value)) if (!deeplyFrozen(key, seen) || !deeplyFrozen(entry, seen)) return false;
 	} else if (value instanceof Set) {
-		for (const member of value) if (!deeplyFrozen(member, seen)) return false;
+		for (const member of setMembers(value)) if (!deeplyFrozen(member, seen)) return false;
 	}
 	return Reflect.ownKeys(value).every((key) => {
 		const desc = Object.getOwnPropertyDescriptor(value, key);
@@ -15869,7 +16216,7 @@ function mirror(draft, change, scopes = activeScopes, cloner = clonerOf) {
 }
 /** A cloner of a copy of its own (no references shared with others). */
 var clonerOf = (target) => clonerFor(target);
-var NAMESPACE_KEYS$1 = new Set(NAMESPACES);
+var NAMESPACE_KEYS$1 = new Set(NAMESPACES$1);
 /**
 * Runs store updates on the running code's working copies. They stay the
 * code's own, so nothing may freeze them.
@@ -15964,7 +16311,7 @@ function routeStoreUpdate(recipe) {
 		transient: inner.work.transient
 	};
 	const [next, patches] = scratch.produceWithPatches(view, recipe);
-	const changes = NAMESPACES.flatMap((ns) => {
+	const changes = NAMESPACES$1.flatMap((ns) => {
 		const own = patches.filter((p) => p.path[0] === ns);
 		return own.length ? writtenPaths(view[ns], next[ns], own).map((change) => ({
 			...change,
@@ -16375,11 +16722,28 @@ function connectTriggersToStore() {
 function reinitTriggerState() {
 	for (const trigger of triggers) trigger.lastResult = evalCondition(trigger.condition);
 }
+/**
+* Forget every watcher and close every dialog on display, whoever opened it
+* (restart): a `{dialog}` or menubar dialog of the story interface, which
+* stays mounted, would otherwise stay open over the new game (#397).
+*/
 function resetTriggers() {
 	triggers = [];
-	dialogQueue = [];
-	dialogHostCallbacks?.closeAll();
+	resets++;
+	closeAllOpenDialogs();
+	resetListeners.notify();
 }
+var resets = 0;
+var resetListeners = createListeners();
+/** How many times resetTriggers has forgotten every watcher. */
+function triggerResets() {
+	return resets;
+}
+/**
+* Call `listener` after each resetTriggers (a restart): a {watch} that stays
+* mounted, in the story interface, registers its watcher again (#402).
+*/
+var subscribeTriggerResets = resetListeners.subscribe;
 function subscribeTriggerDialogs(cb) {
 	dialogNotify = cb;
 	if (dialogQueue.length > 0) cb();
@@ -16690,6 +17054,15 @@ function startVariables(defaults) {
 	return initialVars;
 }
 /**
+* Fresh transient variables from their declared defaults (init, restart,
+* load). Transients are never saved, so an instance of an unregistered
+* class (an engine, a library object) is kept as it is, as mutation code
+* keeps it (#321): a copy would lose its class and methods (#398).
+*/
+function freshTransients(defaults) {
+	return createNamespace(deepClone(defaults, { keepUnregistered: true }));
+}
+/**
 * Enter the start passage with `variables`, as the only history moment
 * (init, restart). Call it inside a store update.
 */
@@ -16697,7 +17070,7 @@ function enterStart(state, passage, variables, transientDefaults) {
 	state.currentPassage = passage;
 	state.navigationId++;
 	state.variables = variables;
-	state.transient = createNamespace(deepClone(transientDefaults));
+	state.transient = freshTransients(transientDefaults);
 	state.temporary = createNamespace();
 	state.history = [{
 		passage,
@@ -16858,8 +17231,21 @@ var latestStateApplied = 0;
 var slotLoadApplying = null;
 /** A replacement of the game state applied at its call. */
 function replaceStateNow() {
-	latestStateApplied = ++stateReplacementsIssued;
+	applyReplacement(++stateReplacementsIssued);
 }
+var replacementListeners = createListeners();
+/** Record that replacement `n` is applied, and tell the listeners. */
+function applyReplacement(n) {
+	latestStateApplied = n;
+	replacementListeners.notify();
+}
+/**
+* Call `listener` whenever a boot, restart or load replaces the game state:
+* work the replaced game started that would write into the new one later (a
+* click body's timer in the story interface, which stays mounted) is to
+* stop (#401).
+*/
+var subscribeStateReplacement = replacementListeners.subscribe;
 var runtimeUnsubs = [];
 var inRuntimePhase = false;
 /**
@@ -17091,6 +17477,16 @@ function recordKnownSave(set, slot, known) {
 		}
 	});
 }
+/** Look up which slots hold a save again, as an operation queued now. */
+function refreshKnownSaves(set, ifid) {
+	return populateKnownSaves(ifid).then((known) => {
+		set((state) => {
+			state.knownSaves = known;
+		});
+	});
+}
+/** Stops following the slot changes of other tabs (see init). */
+var stopWatchingSlots;
 /**
 * Queue the clearing of saved data, then restart now: the new playthrough
 * is stored after it, and operations issued from here on belong to the new
@@ -17172,6 +17568,10 @@ var useStoryStore = create()(storyStore((set, get) => ({
 			console.error("spindle: failed to init save system", err);
 			return "";
 		}));
+		stopWatchingSlots?.();
+		stopWatchingSlots = watchSlotChanges(storyData.ifid, () => {
+			refreshKnownSaves(set, storyData.ifid).catch(() => {});
+		});
 	},
 	navigate: (passageName) => {
 		if (navigationTriggerPhase) {
@@ -17391,12 +17791,7 @@ var useStoryStore = create()(storyStore((set, get) => ({
 		});
 		if (playthroughId !== "" && playthroughId === current) switchToPlaythrough(replacementId, deletion);
 		else if (current === "") switchToLookedUpPlaythrough(deletion.then((replaced) => replaced ? replacementId : established, () => established));
-		return reported(deletion.then(async () => {
-			const known = await populateKnownSaves(storyData.ifid);
-			set((state) => {
-				state.knownSaves = known;
-			});
-		}), "spindle: failed to delete playthrough");
+		return reported(deletion.then(() => refreshKnownSaves(set, storyData.ifid)), "spindle: failed to delete playthrough");
 	},
 	getSavePayload: () => {
 		const { currentPassage, variables, history, historyIndex, visitCounts, renderCounts } = get();
@@ -17433,7 +17828,7 @@ var useStoryStore = create()(storyStore((set, get) => ({
 			return;
 		}
 		assertPassagesExist(get().storyData, payload);
-		latestStateApplied = replacement;
+		applyReplacement(replacement);
 		emit("beforeload", slot);
 		const ifid = get().storyData?.ifid;
 		if (playthroughId && ifid) switchToLoadedPlaythrough(ifid, playthroughId);
@@ -17456,7 +17851,7 @@ var useStoryStore = create()(storyStore((set, get) => ({
 			state.visitCounts = createCounts(payload.visitCounts);
 			state.renderCounts = createCounts(payload.renderCounts);
 			state.temporary = createNamespace();
-			state.transient = createNamespace(deepClone(get().transientDefaults));
+			state.transient = freshTransients(get().transientDefaults);
 		});
 		if (payload.watchers) restoreMacroWatchers(payload.watchers);
 		reinitTriggerState();
@@ -17686,6 +18081,7 @@ function PassageDialog({ passageName, fallbackMarkup, panelClass, onClose, dismi
 		}
 	}, [markup, nobr]);
 	const panelRef = useRef(null);
+	const viewScope = useViewScope();
 	useModalFocus(panelRef, ".dialog-body", dismissible, stableOnClose);
 	useLayoutEffect(() => registerOpenDialog(stableOnClose), [stableOnClose]);
 	useLayoutEffect(() => {
@@ -17715,7 +18111,10 @@ function PassageDialog({ passageName, fallbackMarkup, panelClass, onClose, dismi
 					children: "✕"
 				}), /* @__PURE__ */ jsx("div", {
 					class: "dialog-body",
-					children: content
+					children: /* @__PURE__ */ jsx(ViewScopeContext.Provider, {
+						value: viewScope,
+						children: content
+					})
 				})]
 			})
 		})
@@ -18105,37 +18504,85 @@ var settings = {
 //#endregion
 //#region src/utils/control-edits.ts
 /**
-* Records the edits a reader made through a control bound to a story
-* variable (`{textbox}`, `{checkbox}`, ...). {for} tells these apart from a
-* list that is replaced: typing into a control inside an iteration changes
-* its item, but must not remount the iteration and drop the control's focus.
+* Records the edits made to the items of a list from inside a {for}
+* iteration, which {for} tells apart from a list that is replaced:
+*
+* - a reader editing a variable through a control (`{textbox}`,
+*   `{checkbox}`, ...): typing into a control inside an iteration changes
+*   its item, but must not remount the iteration and drop the control's
+*   focus (#369);
+* - mutation code an iteration runs as it renders (`{set $party[@i].hp +=
+*   1}`): remounting would run the iteration's mount-only macros, and so the
+*   write, again for every write it makes (#400).
+*
 * An edit is attributed to the variable path it wrote, so a replacement made
-* elsewhere (a watcher reacting to the edit) still remounts.
+* elsewhere (a watcher reacting to the edit, a button outside the loop)
+* still remounts.
 */
 var version = 0;
-var MAX_LOG = 256;
+var MAX_LOG = 4096;
+/** Edits in the order made: paths below the namespaces (`['variables', 'a']`). */
 var log = [];
-function noteControlEdit(segments) {
+function note(path) {
 	log.push({
 		version: ++version,
-		segments
+		path
 	});
 	if (log.length > MAX_LOG) log.shift();
 }
+/** Note an edit a control made to the story variable at `segments`. */
+function noteControlEdit(segments) {
+	note(["variables", ...segments]);
+}
+/**
+* Whether mutation code runs inside a {for} iteration: {for} provides true
+* around its iterations, and the writes of such code are noted as edits of
+* the items they reach (see runAsItemEdit).
+*/
+var ItemEditContext = createContext(false);
+var NAMESPACES = [
+	"variables",
+	"temporary",
+	"transient"
+];
+/** Run `run`, noting each variable path it changes as an edit. */
+function runAsItemEdit(run) {
+	const before = readState();
+	try {
+		run();
+	} finally {
+		const after = readState();
+		for (const ns of NAMESPACES) {
+			if (before[ns] === after[ns]) continue;
+			for (const { path } of diffPaths(before[ns], after[ns], true)) note([ns, ...path]);
+		}
+	}
+}
 function controlEditVersion() {
 	return version;
 }
 /**
-* Whether an edit since `since` wrote inside `item`, element `index` of
-* `list`: the path leads through the item (compared by reference in
-* `variables`), or, for a primitive item, ends at its slot in the list.
-*/
-function editedItem(since, variables, list, item, index) {
-	return log.some(({ version: v, segments }) => {
-		if (v <= since) return false;
-		if (typeof item === "object" && item !== null) return segments.some((_, n) => getByPath(variables, segments.slice(0, n + 1)) === item);
-		return segments[segments.length - 1] === String(index) && getByPath(variables, segments.slice(0, -1)) === list;
-	});
+* A test of whether an edit made since `since` wrote inside `item`, element
+* `index` of `list`: the path leads through the item (compared by reference
+* in `state`), or, for a primitive item, ends at its slot in the list.
+*/
+function editedItems(since, state) {
+	const through = /* @__PURE__ */ new Set();
+	const ends = /* @__PURE__ */ new Map();
+	for (let i = log.length - 1; i >= 0 && log[i].version > since; i--) {
+		const { path } = log[i];
+		let node = state;
+		path.forEach((seg, n) => {
+			if (n === path.length - 1 && node !== null && typeof node === "object") {
+				const keys = ends.get(node) ?? /* @__PURE__ */ new Set();
+				keys.add(seg);
+				ends.set(node, keys);
+			}
+			node = node !== null && typeof node === "object" ? getByPath(node, [seg]) : void 0;
+			if (node !== null && typeof node === "object") through.add(node);
+		});
+	}
+	return (list, item, index) => typeof item === "object" && item !== null ? through.has(item) : ends.get(list)?.has(String(index)) === true;
 }
 //#endregion
 //#region src/action-registry.ts
@@ -18332,6 +18779,7 @@ function defineMacro(config, source = "builtin") {
 			id = resolve(id);
 		}
 		const { update, getValues } = useContext(LocalsUpdateContext);
+		const inIteration = useContext(ItemEditContext);
 		const renderOptions = useRenderOptions();
 		const renderNodes$1 = (nodes, options) => renderNodes(nodes, {
 			...renderOptions,
@@ -18362,7 +18810,7 @@ function defineMacro(config, source = "builtin") {
 			id,
 			resolve,
 			cls: macroClass(config.name, className),
-			mutate: (code) => executeMutation(code, getValues(), update),
+			mutate: inIteration ? (code) => runAsItemEdit(() => executeMutation(code, getValues(), update)) : (code) => executeMutation(code, getValues(), update),
 			update,
 			getValues,
 			wrap: (content) => wrapContent(className, id, content)
@@ -18668,7 +19116,7 @@ function createStoryAPI() {
 		},
 		deferRender() {
 			useStoryStore.getState().deferRender();
-			readyPromise = new Promise((resolve) => {
+			readyPromise ??= new Promise((resolve) => {
 				readyResolve = resolve;
 			});
 		},
@@ -19227,16 +19675,25 @@ var PRIMITIVE_SAMPLES = {
 	number: Object(0),
 	boolean: Object(false)
 };
-function inferSchema(value) {
+/**
+* The schema of a default value. An object met again (a backreference, a
+* shared subtree) has the schema made for it the first time, so a cyclic
+* default gives a schema that refers to itself instead of recursing forever.
+*/
+function inferSchema(value, seen = /* @__PURE__ */ new Map()) {
 	if (Array.isArray(value)) return { type: "array" };
 	if (value === null) return { type: "null" };
 	if (typeof value === "object") {
+		const known = seen.get(value);
+		if (known) return known;
 		const fields = /* @__PURE__ */ new Map();
-		for (const [key, val] of Object.entries(value)) fields.set(key, inferSchema(val));
-		return {
+		const schema = {
 			type: "object",
 			fields
 		};
+		seen.set(value, schema);
+		for (const [key, val] of Object.entries(value)) fields.set(key, inferSchema(val, seen));
+		return schema;
 	}
 	const jsType = typeof value;
 	if (!VALID_VAR_TYPES.has(jsType)) throw new Error(`Unsupported type "${jsType}" for value ${String(value)}. Expected number, string, boolean, array, or object.`);
@@ -19734,23 +20191,32 @@ defineMacro({
 * Content-derived string key for a value, used to remount components when
 * the value's contents change (e.g. {for} iterations, #45).
 *
-* JSON-compatible values (strings, finite numbers, booleans, null, arrays and
-* plain objects of those) produce exactly their `JSON.stringify` output. Other
-* values get distinct, unambiguous markers so their contents are reflected
-* too: Map and Set entries (nested at any depth), Date, RegExp, BigInt,
-* undefined, NaN/±Infinity, symbols (by description), functions (by name)
-* and registered class instances. A hole in an array reads as undefined.
-* Cyclic references become a back-reference marker instead of throwing,
-* and the function never throws.
+* A tree of JSON-compatible values (strings, finite numbers, booleans, null,
+* arrays and plain objects of those) produces exactly its `JSON.stringify`
+* output. Other values get distinct, unambiguous markers so their contents
+* are reflected too: Map and Set entries (nested at any depth), Date,
+* RegExp, BigInt, undefined, NaN/±Infinity, symbols (by description),
+* functions (by name) and registered class instances, with the class name
+* and, for a subclass of a built-in, its own fields (#407). A hole in an
+* array reads as undefined.
+*
+* An object met again, through a cycle or a second reference to it, is a
+* marker naming where it was first met rather than another copy of its
+* contents, so the key grows with the objects a value holds, not with the
+* paths to them (#406). The function never throws.
 */
 function stableKey(value) {
 	try {
-		return keyOf(value, []);
+		return keyOf(value, /* @__PURE__ */ new Map());
 	} catch {
 		return "<unkeyable>";
 	}
 }
-function keyOf(val, ancestors) {
+/**
+* The key of `val`. `seen` numbers the objects keyed so far, in the order
+* they were first met.
+*/
+function keyOf(val, seen) {
 	switch (typeof val) {
 		case "string": return JSON.stringify(val);
 		case "number": return Number.isFinite(val) ? JSON.stringify(val) : String(val);
@@ -19762,22 +20228,28 @@ function keyOf(val, ancestors) {
 	}
 	if (val === null) return "null";
 	const obj = val;
-	const depth = ancestors.indexOf(obj);
-	if (depth !== -1) return `<cycle ${ancestors.length - depth}>`;
-	if (val instanceof Date) return `Date(${val.getTime()})`;
-	if (val instanceof RegExp) return `RegExp(${String(val)}@${val.lastIndex})`;
-	ancestors.push(obj);
-	try {
-		if (Array.isArray(val)) return `[${Array.from(val, (v) => keyOf(v, ancestors)).join(",")}]`;
-		if (val instanceof Map) return `Map[${[...val].map(([k, v]) => `[${keyOf(k, ancestors)},${keyOf(v, ancestors)}]`).join(",")}]`;
-		if (val instanceof Set) return `Set[${[...val].map((v) => keyOf(v, ancestors)).join(",")}]`;
-		const record = obj;
-		const body = Object.keys(record).map((k) => `${JSON.stringify(k)}:${keyOf(record[k], ancestors)}`).join(",");
-		const className = registeredClassName(obj);
-		return className === void 0 ? `{${body}}` : `Class(${JSON.stringify(className)}){${body}}`;
-	} finally {
-		ancestors.pop();
+	const first = seen.get(obj);
+	if (first !== void 0) return `<ref ${first}>`;
+	const className = registeredClassName(obj);
+	const named = (key) => className === void 0 ? key : `Class(${JSON.stringify(className)})${key}`;
+	const withFields = (key) => {
+		const keys = className === void 0 ? [] : extraKeys(obj);
+		return named(keys.length ? `${key}${fieldsOf(obj, keys, seen)}` : key);
+	};
+	if (val instanceof Date || val instanceof RegExp) {
+		if (className !== void 0 && extraKeys(obj).length) seen.set(obj, seen.size);
+		return withFields(val instanceof Date ? `Date(${Date.prototype.getTime.call(val)})` : `RegExp(${RegExp.prototype.toString.call(val)}@${val.lastIndex})`);
 	}
+	seen.set(obj, seen.size);
+	if (Array.isArray(val)) return withFields(`[${Array.from(val, (v) => keyOf(v, seen)).join(",")}]`);
+	if (val instanceof Map) return withFields(`Map[${Array.from(mapEntries(val), ([k, v]) => `[${keyOf(k, seen)},${keyOf(v, seen)}]`).join(",")}]`);
+	if (val instanceof Set) return withFields(`Set[${Array.from(setMembers(val), (v) => keyOf(v, seen)).join(",")}]`);
+	return named(fieldsOf(obj, Object.keys(obj), seen));
+}
+/** `{"key":value,...}` for the `keys` of `obj`. */
+function fieldsOf(obj, keys, seen) {
+	const record = obj;
+	return `{${keys.map((k) => `${JSON.stringify(k)}:${keyOf(record[k], seen)}`).join(",")}}`;
 }
 //#endregion
 //#region src/components/macros/For.tsx
@@ -19859,12 +20331,11 @@ defineMacro({
 			});
 		}
 		const { itemVar, indexVar } = loop;
-		const since = keys.edits;
-		const { variables } = readState();
+		const edited = editedItems(keys.edits, readState());
 		keys.edits = controlEditVersion();
 		const generations = list.map((item, i) => {
 			const contents = stableKey(item);
-			if (keys.generations[i] === void 0 || contents !== keys.contents[i] && !editedItem(since, variables, list, item, i)) keys.generations[i] = keys.next++;
+			if (keys.generations[i] === void 0 || contents !== keys.contents[i] && !edited(list, item, i)) keys.generations[i] = keys.next++;
 			keys.contents[i] = contents;
 			return keys.generations[i];
 		});
@@ -19877,7 +20348,10 @@ defineMacro({
 			indexValue: i,
 			children
 		}, `${i}-${generations[i]}`));
-		return ctx.wrap(content);
+		return ctx.wrap(/* @__PURE__ */ jsx(ItemEditContext.Provider, {
+			value: true,
+			children: content
+		}));
 	},
 	text({ rawArgs, children = [] }, ctx) {
 		const { itemVar, indexVar, listExpr } = loopArgs(rawArgs, ctx.args);
@@ -19968,7 +20442,9 @@ var frozenAlways = () => true;
 * once it has rendered, so it runs once per click. It stays mounted
 * until the owning macro unmounts (its passage changes, say), so work it
 * starts in an effect, such as the timer of a {timed} or {repeat}, can
-* finish; the passage leaving cancels it.
+* finish; the passage leaving cancels it, and so does a restart or a load
+* replacing the game, which a control of the story interface outlives
+* (#401).
 *
 * A detached render starts with no contexts, so the hook captures the ones
 * the owning macro sees and provides them again: the locals scope (read
@@ -19990,8 +20466,17 @@ function useDetachedBody() {
 	const repeat = useContext(RepeatContext);
 	const closeDialog = useContext(DialogCloseContext);
 	const mounted = useRef([]);
-	useEffect(() => () => {
-		for (const container of mounted.current.splice(0)) render(null, container);
+	useEffect(() => {
+		const unsubscribe = subscribeStateReplacement(() => {
+			const replaced = mounted.current.splice(0);
+			queueMicrotask(() => {
+				for (const container of replaced) render(null, container);
+			});
+		});
+		return () => {
+			unsubscribe();
+			for (const container of mounted.current.splice(0)) render(null, container);
+		};
 	}, []);
 	const run = (children) => {
 		const locals = liveLocalsView(updater.getValues);
@@ -21162,6 +21647,7 @@ defineMacro({
 	render(_props, ctx) {
 		const radioValue = ctx.args.value ?? "";
 		const label = ctx.args.label ?? "";
+		const view = ctx.hooks.useContext(ViewScopeContext);
 		useVariableAction(ctx, {
 			type: "radiobutton",
 			key: `$${ctx.varName}:${radioValue}`,
@@ -21173,7 +21659,7 @@ defineMacro({
 			class: ctx.cls,
 			children: [/* @__PURE__ */ jsx("input", {
 				type: "radio",
-				name: `radio-${ctx.varName}`,
+				name: view ? `radio-${view}-${ctx.varName}` : `radio-${ctx.varName}`,
 				checked: ctx.value === radioValue,
 				onChange: () => ctx.setValue(radioValue)
 			}), label ? ` ${label}` : null]
@@ -21332,27 +21818,31 @@ function Passage({ passage, dataTransition, navigationId }) {
 		if (elRef.current) emitFromRender("passagerender", passage.name, elRef.current);
 	}, [passage.name, navigationId]);
 	const nobr = passage.tags.includes("nobr");
-	const inner = /* @__PURE__ */ jsxs("div", {
-		ref: elRef,
-		class: "passage",
-		"data-passage": passage.name,
-		"data-tags": passage.tags.join(" "),
-		"data-transition": dataTransition,
-		children: [
-			headerContent && /* @__PURE__ */ jsx("div", {
-				class: "passage-header",
-				children: headerContent
-			}),
-			content,
-			footerContent && /* @__PURE__ */ jsx("div", {
-				class: "passage-footer",
-				children: footerContent
-			}),
-			doneContent && /* @__PURE__ */ jsx("div", {
-				hidden: true,
-				children: doneContent
-			})
-		]
+	const viewScope = useViewScope();
+	const inner = /* @__PURE__ */ jsx(ViewScopeContext.Provider, {
+		value: viewScope,
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: elRef,
+			class: "passage",
+			"data-passage": passage.name,
+			"data-tags": passage.tags.join(" "),
+			"data-transition": dataTransition,
+			children: [
+				headerContent && /* @__PURE__ */ jsx("div", {
+					class: "passage-header",
+					children: headerContent
+				}),
+				content,
+				footerContent && /* @__PURE__ */ jsx("div", {
+					class: "passage-footer",
+					children: footerContent
+				}),
+				doneContent && /* @__PURE__ */ jsx("div", {
+					hidden: true,
+					children: doneContent
+				})
+			]
+		})
 	});
 	return nobr ? /* @__PURE__ */ jsx(NobrContext.Provider, {
 		value: true,
@@ -21650,9 +22140,12 @@ defineMacro({
 		const { hooks } = ctx;
 		const { condition, options } = ctx.args;
 		if (condition === void 0) return null;
-		const registered = hooks.useRef(false);
-		if (!registered.current) {
-			registered.current = true;
+		const frozen = hooks.useContext(FrozenStateContext);
+		const [, rerender] = hooks.useState(0);
+		hooks.useEffect(() => subscribeTriggerResets(() => rerender((n) => n + 1)), []);
+		const registered = hooks.useRef(null);
+		if (registered.current === null || registered.current !== triggerResets() && !frozen?.(useStoryStore.getState())) {
+			registered.current = triggerResets();
 			addMacroTrigger(condition, options);
 		}
 		return null;