rapier-markdown-kit 1.1.99 → 1.1.102

package/style.css

@@ -15,16 +15,20 @@
 	--md-font-sans:'Geist',system-ui,sans-serif;
 	--md-text-sm:calc(0.875 * var(--md-unit));
 	--md-color-text:light-dark(#121212,#fafafa);
-	--md-fw-medium:500;
 	--md-color-bg:light-dark(#ffffff,#000000);
 	--md-text-xs:calc(0.75 * var(--md-unit));
 	--md-color-inset:light-dark(#f2f1ef,#1d1d1d);
 	--md-color-surface:light-dark(#f7f6f3,#0d0d0d);
 	--md-text-base:calc(1 * var(--md-unit));
-	--md-fw-semibold:600;
+	--md-fw-semibold:560;
 	--md-fw-regular:400;
 	--md-text-body:calc(1.1 * var(--md-unit));
 	--md-line:calc(1.75 * var(--md-unit));
+	/* Compact gaps scale with the document body, independently of authored leading. */
+	--md-gap-paragraph:calc(var(--md-text-body) * 8 / 17.6);
+	--md-gap-heading-before:calc(var(--md-text-body) * 20 / 17.6);
+	--md-gap-heading-after:calc(var(--md-text-body) * 4 / 17.6);
+	--md-gap-block:calc(var(--md-text-body) * 12 / 17.6);
 	--md-space-6:calc(1.5 * var(--md-unit));
 	--md-space-4:calc(1 * var(--md-unit));
 	--md-space-3:calc(.75 * var(--md-unit));
@@ -56,7 +60,6 @@
 	--md-color-dark:var(--md-color);
 	--md-highlight-color:var(--md-color-accent);
 	--md-image-width:100%;
-	--md-drawing-width:0px;
 	--md-task-box:clamp(14px,.92em,24px);
 	--md-jump-gap:calc(.9 * var(--md-unit));
 	--md-jump-marker-inline-start:calc(-1.18 * var(--md-unit));
@@ -132,6 +135,21 @@
 :where(.md-render) [data-md-align="center"]{text-align:center!important}
 :where(.md-render) [data-md-align="right"]{text-align:right!important}
 :where(.md-render) [data-md-align="justify"]{text-align:justify!important}
+.md-render p[data-md-hyphens="auto"]{hyphens:auto;text-wrap:pretty}
+.md-render p[data-md-hyphens="auto"] :is(code,kbd,samp,math){hyphens:none;text-wrap:wrap;text-justify:none}
+.md-render [data-rapier-typography-break]::after{content:'\A';white-space:pre}
+.md-render p[data-rapier-typography-ragged]{text-align:start!important}
+.md-render p[data-md-lines]:not([data-rapier-typography-protected-initial])::first-letter{
+	initial-letter:var(--md-drop-lines,normal);
+	font-family:var(--md-drop-cap-font,inherit);
+	font-variant-caps:normal;
+	margin-inline-end:.12em;
+}
+.md-render p[data-md-caps="small"]::first-line{font-variant-caps:small-caps;font-synthesis-small-caps:none}
+.md-render p[data-md-caps="small"] :is(code,kbd,samp,math){font-variant-caps:normal}
+.md-render p[data-md-hanging="on"]{hanging-punctuation:first last allow-end}
+.md-render p[data-md-hanging="on"][data-rapier-typography-protected-initial]{hanging-punctuation:last allow-end}
+.md-render p[data-md-hanging="on"]:not([data-rapier-typography-protected-initial])::first-letter{margin-inline-start:var(--md-hang-start,0px)}
 :where(.md-render) p[data-md-first]{--md-first:0px;text-indent:var(--md-first)}
 .md-render :is(p,h1,h2,h3,h4,h5,h6)[data-md-indent]{--md-indent:0px;margin-inline-start:var(--md-indent)}
 .md-render p[data-md-align="center"]>img{margin-inline:auto}
@@ -156,7 +174,7 @@
    runs past the column reads as a wide table does -- it scrolls, under the same fading edge. */
 :where(.md-render) .diagram-block {
 	position: relative;
-	margin: 0 0 var(--md-line);
+	margin: 0 0 var(--md-gap-block);
 	max-width: 100%;
 	overflow: auto;
 	padding-block: 0.55rem 0.85rem;
@@ -215,12 +233,10 @@
 @media (prefers-reduced-motion:reduce){
 	:where(.md-render) svg.rapier-diagram[aria-roledescription^="flowchart"] :is(path,line,polyline):is(.edge-animation-fast,.edge-animation-slow){animation:none!important;stroke-dashoffset:0!important}
 }
-/* Paper cannot be scrolled sideways, so on paper a diagram, and a wide drawing, go back to fitting the page. */
+/* Printed diagrams fit the page. */
 @media print{
 	:where(.md-render) .diagram-block{overflow:visible!important}
 	:where(.md-render) svg.rapier-diagram,:where(.md-render) svg.rapier-native-flowchart{width:auto!important;max-width:100%!important}
-	.md-render img[data-md-drawing]{min-width:0!important}
-	.md-render :has(>img[data-md-drawing],>a>img[data-md-drawing]){overflow:visible!important}
 }
 :where(.md-render) .diagram-reason {
 	margin: .4em 0 0;
@@ -231,32 +247,30 @@
 	max-height: 9rem;
 }
 
-/* The line model (the way a Word document reads). One line, --md-line, is the body's line box: 1.75rem, 1.6 lines
-   of the 1.1rem body, a whole 28 px at the browser's 16 px root so baselines land on pixels. Every block ends one
-   line below its last line; a heading ends half a line below. A heading's own box is the whole or half lines its
-   size fills: h1 at 2.6 x the body on two lines (medium weight, lighter than the bold smaller headings), h2 and h3
-   on one and a half, h4 to h6 on one. Nothing sets a top
-   margin, so a plain page (sibling margins collapsing) and the editor (a wrapper per block) space alike, and the
-   space before any block is the line its predecessor leaves. */
+/* Type keeps the reference line model: body 17.6/28 px at M; headings occupy two, one and a
+   half, or one body line. Compact margins use the body's size: 8 px after prose, 12 after other
+   blocks, 20 before headings and 4 after them at M. Sibling margins collapse to their maximum;
+   the editor's derived neighbor gap carries the same boundary inside its measured wrapper. */
 .md-render{
 	font:var(--md-fw-regular) var(--md-text-body)/var(--md-line) var(--md-font-sans);color:var(--md-color-text);text-align:start}
 .md-render>:first-child,.md-render :is(blockquote,li,td,th,dd,.callout,details)>:first-child{margin-top:0}
-/* A block's last line ends the block: the line its last paragraph would leave is the block's own (a quote used to stand a line taller than its words). */
+/* The last child does not add another gap inside a compound block. */
 .md-render :is(blockquote,td,th,dd)>:last-child{margin-bottom:0}
 .md-render h1,.md-render h2,.md-render h3,.md-render h4,.md-render h5,.md-render h6{
 	font-family:var(--md-font-sans);letter-spacing:-0.01em;
-	line-height:var(--md-line);margin:0 0 calc(var(--md-line) / 2);color:var(--md-heading-color);text-wrap:balance}
-.md-render h1{font-size:calc(var(--md-text-body) * 2.6);line-height:calc(var(--md-line) * 2);font-weight:500}
-.md-render h2{font-size:calc(var(--md-text-body) * 1.9);line-height:calc(var(--md-line) * 1.5);font-weight:600}
-.md-render h3{font-size:calc(var(--md-text-body) * 1.5);line-height:calc(var(--md-line) * 1.5);font-weight:600}
-.md-render h4{font-size:calc(var(--md-text-body) * 1.25);font-weight:500}
+	line-height:var(--md-line);margin:var(--md-gap-heading-before) 0 var(--md-gap-heading-after);color:var(--md-heading-color);text-wrap:balance}
+.md-render h1{font-size:calc(var(--md-text-body) * 2.6);line-height:calc(var(--md-line) * 2);font-weight:var(--md-fw-semibold)}
+.md-render h2{font-size:calc(var(--md-text-body) * 1.9);line-height:calc(var(--md-line) * 1.5);font-weight:var(--md-fw-semibold)}
+.md-render h3{font-size:calc(var(--md-text-body) * 1.5);line-height:calc(var(--md-line) * 1.5);font-weight:var(--md-fw-semibold)}
+.md-render h4{font-size:calc(var(--md-text-body) * 1.25);font-weight:var(--md-fw-semibold)}
 /* h5/h6 complete the six-level hierarchy: modest but owned (explicit size/weight/colour), never
    the browser default. Size stays strictly monotonic below h4; h6 sits at the body's own size and
    firms up weight and dims colour, since its size alone would read as body text. */
-.md-render h5{font-size:calc(var(--md-text-body) * 1.1);font-weight:600}
-.md-render h6{font-size:var(--md-text-body);font-weight:600;color:var(--md-heading-muted-color)}
-.md-render p{margin:0 0 var(--md-line)}
-.md-render ul,.md-render ol{margin:0 0 var(--md-line);padding-inline-start:var(--md-space-5)}
+.md-render h5{font-size:calc(var(--md-text-body) * 1.1);font-weight:var(--md-fw-semibold)}
+.md-render h6{font-size:var(--md-text-body);font-weight:var(--md-fw-semibold);color:var(--md-heading-muted-color)}
+.md-render p{margin:0 0 var(--md-gap-paragraph)}
+.md-render p[data-md-picture]{margin-bottom:var(--md-gap-block)}
+.md-render ul,.md-render ol{margin:0 0 var(--md-gap-block);padding-inline-start:var(--md-space-5)}
 .md-render ul{list-style:none}
 .md-render ul>li{position:relative;--md-marker:0px}
 
@@ -336,7 +350,7 @@
 .md-render ol{
 	list-style:none;
 	padding-inline-start:calc(2.75 * var(--md-unit));
-	margin:0 0 var(--md-line);
+	margin:0 0 var(--md-gap-block);
 	counter-reset:rapier-ol;
 }
 .md-render ol>li{
@@ -357,7 +371,7 @@
 	border-radius:999px;
 	background:var(--md-color-bg);
 	color:var(--md-color-line);
-	font:var(--md-fw-medium) calc(0.95 * var(--md-unit))/1 var(--md-font-sans);
+	font:var(--md-fw-semibold) calc(0.95 * var(--md-unit))/1 var(--md-font-sans);
 	font-variant-numeric:tabular-nums;
 	box-sizing:border-box;
 	z-index:1;
@@ -376,7 +390,7 @@
 /* A heading between two parts of one numbered list (the second part's start follows the first's last number;
    _rapierMarkListContinuations marks them): the heading stands on the margin the item text stands on, and the dotted
    line runs on, out of the first part's last item, down the heading's own height, to the next circle. */
-.md-render ol[data-rapier-list-continues]>li:last-child::after{bottom:calc(-1 * var(--md-line))}
+.md-render ol[data-rapier-list-continues]>li:last-child::after{bottom:calc(-1 * var(--md-list-heading-before,var(--md-gap-heading-before)))}
 /* A wrapped picture set the next circle aside: the dotted line ends with this item, as at a list's last. */
 .md-render ol>li[data-rapier-wrap-step]::after{content:none!important}
 .md-render :is(h1,h2,h3,h4,h5,h6)[data-rapier-list-through]{position:relative;padding-inline-start:calc(2.75 * var(--md-unit))}
@@ -385,10 +399,11 @@
 	position:absolute;
 	inset-inline-start:calc(calc(1 * var(--md-unit)) - 1.5px);
 	top:0;
-	bottom:calc(var(--md-line) / -2);
+	bottom:calc(-1 * var(--md-list-heading-after,var(--md-gap-heading-after)));
 	border-inline-start:3px dotted var(--md-color-line);
 	z-index:0;
 }
+.md-render:not([data-md-space]):not([data-md-space] *) :is(h1,h2,h3,h4,h5,h6)[data-rapier-list-through]:has(+:is(h1,h2,h3,h4,h5,h6)){--md-list-heading-after:var(--md-gap-heading-before)}
 .md-render li{margin:0 0 calc(var(--md-line) / 4)}
 .md-render li:last-child{margin-bottom:0}
 .md-render li>ul,.md-render li>ol{margin:calc(var(--md-line) / 4) 0 0}
@@ -410,7 +425,7 @@
 	--md-jump-marker-center:1em;
 	list-style:none;
 	padding-inline-start:calc(1.85 * var(--md-unit));
-	margin:0 0 var(--md-line);
+	margin:0 0 var(--md-gap-block);
 }
 .md-render ul.rapier-jump-list>li{
 	position:relative;
@@ -441,7 +456,7 @@
 }
 .md-render ul.rapier-jump-list>li>a{
 	color:var(--md-color-text);
-	font-weight:var(--md-fw-medium);
+	font-weight:var(--md-fw-semibold);
 	text-decoration-line:underline;
 	text-decoration-color:color-mix(in srgb,var(--md-color-accent-text) 74%,transparent);
 	text-decoration-thickness:1px;
@@ -455,13 +470,13 @@
 .md-render :not(pre)>code{line-height:1}
 .md-render code{font-family:var(--md-font-mono);font-size:0.85em;
 	background:var(--md-color-inset);border:var(--md-hair) solid var(--md-color-border);padding:var(--md-hair) calc(5 * var(--md-hair))}
-.md-render pre{margin:0 0 var(--md-line);padding:var(--md-space-3) var(--md-space-4);
+.md-render pre{margin:0 0 var(--md-gap-block);padding:var(--md-space-3) var(--md-space-4);
 	background:var(--md-color-surface-2);border:1px solid var(--md-color-border);overflow-x:auto}
 .md-render pre code{background:none;border:none;padding:0;font-size:calc(var(--md-text-body) * 0.7386);line-height:calc(var(--md-line) * .75)}
 .md-render .math-display-wrap{
 	display:block;
 	max-width:100%;
-	margin:0 0 var(--md-line);
+	margin:0 0 var(--md-gap-block);
 	overflow-x:auto;
 	overflow-y:hidden;
 	-webkit-overflow-scrolling:touch;
@@ -479,11 +494,13 @@
 	text-align:initial;
 	vertical-align:middle;
 }
-.md-render p>.math-display-wrap{margin:calc(var(--md-line) / 4) 0 var(--md-line)}
+.md-render p>.math-display-wrap{margin:calc(var(--md-line) / 4) 0 var(--md-gap-block)}
+.md-render:not([data-md-space]):not([data-md-space] *) p:has(>:is(.math-display-wrap,.rapier-hscroll--math):only-child){margin-bottom:var(--md-gap-block)}
+.md-render:not([data-md-space]):not([data-md-space] *) p>:is(.math-display-wrap,.rapier-hscroll--math):only-child{margin:0}
 /* Diagram MathML keeps the metrics used by its renderer. */
 .md-render math[display="block"]:not(svg *){font-size:1.12em}
 .md-render math:not([display="block"]):not(svg *){font-size:1em}
-.md-render blockquote{margin:0 0 var(--md-line);
+.md-render blockquote{margin:0 0 var(--md-gap-block);
 	padding-block:var(--md-space-1);padding-inline-start:var(--md-space-4);padding-inline-end:0;
 	border-inline-start:calc(2 * var(--md-hair)) solid var(--md-color-border-focus);color:var(--md-color-text-secondary)}
 .md-render blockquote blockquote{
@@ -512,14 +529,14 @@
 .md-render blockquote.callout>:last-child{margin-bottom:0}
 @media print{.md-render{--md-callout-note:#0969da;--md-callout-important:#8250df}}
 
-.md-render details { border: var(--md-hair) solid var(--md-color-border); border-radius: 0; padding: var(--md-space-2) var(--md-space-4); margin: 0 0 var(--md-line); }
+.md-render details { border: var(--md-hair) solid var(--md-color-border); border-radius: 0; padding: var(--md-space-2) var(--md-space-4); margin: 0 0 var(--md-gap-block); }
 .md-render details[open] { padding-bottom: var(--md-space-3); }
 /* A section with nothing typed into it yet has no paragraph to tap: without this, the only body
    space below the summary is the plain padding-bottom above (12px), too thin a margin for a real
    touch to land in rather than snap back onto the summary control next to it -- the one-tap law
    promises a way in, so an empty body keeps a genuine touch-target's worth of its own room. */
 .md-render details[open]:not(:has(> :not(summary))) { padding-bottom: var(--md-space-8); }
-.md-render summary { cursor: pointer; font-weight: var(--md-fw-medium); color: var(--md-color-text); user-select: none; padding: var(--md-space-1) 0; }
+.md-render summary { cursor: pointer; font-weight: var(--md-fw-semibold); color: var(--md-color-text); user-select: none; padding: var(--md-space-1) 0; }
 @media (hover:hover) and (pointer:fine){.md-render summary:hover{color:var(--md-color-accent-text)}}
 .md-render details > *:not(summary):last-child { margin-bottom: 0; }
 
@@ -530,7 +547,7 @@
 	background:transparent;
 	color:var(--md-color-line);
 	opacity:1;
-	margin:var(--md-line) 0;
+	margin:0 0 var(--md-gap-block);
 	overflow:visible;
 }
 .md-render hr[data-hr-style="dash"]{
@@ -538,7 +555,7 @@
 }
 .md-render hr[data-hr-style="stars"]{
 	height:var(--md-line);
-	margin:var(--md-line) 0;
+	margin:0 0 var(--md-gap-block);
 }
 .md-render hr[data-hr-style="stars"]::before{
 	content:"";
@@ -567,7 +584,7 @@
 	height:0;
 	border:none;
 	border-top:1px dashed var(--md-color-text-muted);
-	margin:var(--md-line) 0;
+	margin:0 0 var(--md-gap-block);
 	opacity:.37;
 }
 .md-render [data-md-break]::after{
@@ -586,7 +603,7 @@
 .md-render table{
 	width:100%;
 	border-collapse:collapse;
-	margin:0 0 var(--md-line);
+	margin:0 0 var(--md-gap-block);
 	font-size:var(--md-text-sm);
 	border:calc(2 * var(--md-hair)) solid var(--md-color-line);
 }
@@ -609,14 +626,14 @@
 	 only mark a *candidate* on the block's own raw text (_rapierMarkTableCaptionCandidate); the
 	 adjacent-sibling rule below settles the real "is it truly right after a table" question against
 	 the live .block-wrapper DOM, reactively, with no bookkeeping kept in sync on insert/delete/reorder. */
-:where(.md-render) .rapier-table-caption {
-	margin-top: calc(var(--md-space-1) - var(--md-line));
+.md-render p.rapier-table-caption {
+	margin-top: calc(var(--md-space-1) - var(--md-gap-block));
 	font-style: italic;
 	font-size: var(--md-text-sm);
 	color: var(--md-color-text-secondary);
 }
-:where(.md-render) .rapier-figure-caption {
-	margin-top: calc(var(--md-space-1) - var(--md-line));
+.md-render p.rapier-figure-caption {
+	margin-top: calc(var(--md-space-1) - var(--md-gap-block));
 	font-style: italic;
 	font-size: var(--md-text-sm);
 	color: var(--md-color-text-secondary);
@@ -627,15 +644,9 @@
 	vertical-align:middle;
 }
 .md-render img[data-rapier-image-size]{width:min(var(--md-image-width),100%);height:auto}
-/* A drawing (an SVG picture, as every Draw drawing is) shown at its own size carries that size, and shrinks to the column only
-   while its words stay legible: at 12/14 of it, Draw's default words (14 px) are 12 px, the smallest text a phone reads
-   (measured on a 390 px phone, the lane drawing-dark-wide). There it stops, and its block scrolls sideways, as a wide diagram
-   does; a drawing that fits, or shrinks less than that, is drawn as it always was. */
-.md-render img[data-md-drawing]{min-width:calc(var(--md-drawing-width) * 12 / 14)}
-.md-render :has(>img[data-md-drawing],>a>img[data-md-drawing]){overflow-x:auto}
 .md-render img:is([data-rapier-asset],[data-rapier-image-url]):not([data-rapier-asset-state="ready"]){background:color-mix(in srgb,var(--md-color-text) 5%,transparent)}
 
-.md-render dl{margin:0 0 var(--md-line)}
+.md-render dl{margin:0 0 var(--md-gap-block)}
 .md-render dt{font-weight:var(--md-fw-semibold);margin:calc(var(--md-line) / 4) 0 0}
 .md-render dt:first-child{margin-top:0}
 .md-render dd{margin:var(--md-space-1) 0 0;padding-inline-start:var(--md-space-4);color:var(--md-color-text-secondary)}
@@ -716,7 +727,7 @@
 
 /* Overflow belongs to the document; the surrounding page owns its measure and padding. */
 /* A wide table scrolls inside its wrap; the wrap carries the block's line, so a scrollbar sits under the table, not a line below it. */
-.md-render .table-scroll-wrap{width:100%;margin:0 0 var(--md-line);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
+.md-render .table-scroll-wrap{width:100%;margin:0 0 var(--md-gap-block);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
 .md-render .table-scroll-wrap table{min-width:100%;margin-bottom:0}
 /* Single-axis overflow leaves vertical sticky positioning with the document's scroller.
    Older engines keep the ordinary sideways wrapper; screen-only rules leave print unchanged. */
@@ -729,3 +740,50 @@
   .md-render [data-md-break]{border:0!important;height:0!important;margin:0!important;break-before:page;page-break-before:always}
   .md-render [data-md-break]::after{content:none!important}
 }
+
+/* Authored spacing: one body line, native collapsed gaps, and whole-line block boxes. */
+:is(.md-render[data-md-space],[data-md-space] .md-render){
+	--md-list-heading-before:var(--md-line);
+	--md-list-heading-after:calc(var(--md-line) / 2);
+	--md-gap-paragraph:calc(var(--md-space-paragraph,.5) * var(--md-line));
+	--md-gap-heading-before:calc(var(--md-space-heading-before,1.5) * var(--md-line));
+	--md-gap-heading-after:calc(var(--md-space-heading-after,.5) * var(--md-line));
+	--md-gap-block:calc(var(--md-space-block,1) * var(--md-line));
+}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :where(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,pre,details,dl,figure,.diagram-block,.math-display-wrap,.table-scroll-wrap,.rapier-hscroll,.md-space-block){
+	margin-block:var(--md-gap-block);
+	height:calc-size(auto,round(up,size,var(--md-line)));
+}
+:is(.md-render[data-md-space],[data-md-space] .md-render) .md-space-block{display:flow-root}
+:is(.md-render[data-md-space],[data-md-space] .md-render) p{margin-block:0 var(--md-gap-paragraph)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(h1,h2,h3,h4,h5,h6){margin-block:var(--md-gap-heading-before) var(--md-gap-heading-after)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(h2,h3){line-height:calc(2 * var(--md-line))}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(p[data-md-picture],p:has(>.math-display-wrap:only-child)){margin-block:var(--md-gap-block)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) p[data-md-picture]{line-height:0}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(li,dd){margin-block:0 var(--md-gap-paragraph)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(li:last-child,dd:last-child){margin-block-end:0}
+:is(.md-render[data-md-space],[data-md-space] .md-render) dt{margin-block:var(--md-gap-paragraph) 0}
+:is(.md-render[data-md-space],[data-md-space] .md-render) blockquote{padding-block:calc(var(--md-line) / 2)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) .callout__label{margin-block:0 var(--md-gap-paragraph);height:auto}
+:is(.md-render[data-md-space],[data-md-space] .md-render) pre{padding-block:calc(var(--md-line) / 2 - 1px);line-height:var(--md-line)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) pre code{display:block;line-height:var(--md-line)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) pre[data-rapier-code-lines]{padding-block-start:calc(var(--md-line) * 1.5 - 1px)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) details{padding-block:calc(var(--md-line) / 2 - var(--md-hair));}
+:is(.md-render[data-md-space],[data-md-space] .md-render) summary{padding-block:0;line-height:var(--md-line)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) details[open]>summary{margin-block-end:var(--md-gap-paragraph)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) details[open]:not(:has(>:not(summary))){padding-block-end:calc(var(--md-line) * 1.5 - var(--md-hair))}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(th,td){line-height:var(--md-line);padding-block:calc(var(--md-line) / 2 - var(--md-hair) / 2);
+	border:0;border-inline-end:var(--md-hair) solid color-mix(in srgb,var(--md-color-line) 74%,transparent);border-block-end:var(--md-hair) solid color-mix(in srgb,var(--md-color-line) 74%,transparent)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) thead th{border-block-end:2px solid var(--md-color-line);padding-block-end:calc(var(--md-line) / 2 + var(--md-hair) / 2 - 2px)}
+:is(.md-render[data-md-space],[data-md-space] .md-render) table{margin-block:var(--md-gap-block);border:0;border-collapse:separate;border-spacing:0;outline:calc(2 * var(--md-hair)) solid var(--md-color-line);outline-offset:calc(-2 * var(--md-hair))}
+:is(.md-render[data-md-space],[data-md-space] .md-render) thead{outline:calc(2 * var(--md-hair)) solid var(--md-color-line);outline-offset:calc(-2 * var(--md-hair))}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(.table-scroll-wrap,.rapier-hscroll--table){padding-block:0}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(.table-scroll-wrap,.rapier-hscroll)>:is(table,pre,.math-display-wrap),
+:is(.md-render[data-md-space],[data-md-space] .md-render) p>.math-display-wrap{margin-block:0}
+:is(.md-render[data-md-space],[data-md-space] .md-render) hr{margin-block:var(--md-gap-block);height:var(--md-line);box-sizing:border-box}
+:is(.md-render[data-md-space],[data-md-space] .md-render)>:first-child,
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(blockquote,li,td,th,dd,details,.md-space-block)>:first-child{margin-block-start:0}
+:is(.md-render[data-md-space],[data-md-space] .md-render) :is(blockquote,td,th,dd,details,.md-space-block)>:last-child{margin-block-end:0}
+@media print{
+	:is(.md-render[data-md-space],[data-md-space] .md-render) pre[data-rapier-code-lines]{padding-block-start:calc(var(--md-line) / 2 - 1px)!important}
+}

package/dist/agent/diff.mjs

@@ -1,52 +0,0 @@
-/*! jsdiff 9.0.0 — derivative bundle. Upstream licence, reproduced complete:
-		https://github.com/kpdecker/jsdiff/blob/v9.0.0/LICENSE
-
-BSD 3-Clause License
-
-Copyright (c) 2009-2015, Kevin Decker <kpdecker@gmail.com>
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-1. Redistributions of source code must retain the above copyright notice, this
-	 list of conditions and the following disclaimer.
-
-2. Redistributions in binary form must reproduce the above copyright notice,
-	 this list of conditions and the following disclaimer in the documentation
-	 and/or other materials provided with the distribution.
-
-3. Neither the name of the copyright holder nor the names of its
-	 contributors may be used to endorse or promote products derived from
-	 this software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-*/
-/* Rapier note on this derivative bundle: the wall clock and the scheduler are injected.
-   `diffWithOptionsObj` reads `options.now()` instead of `Date.now()` and `options.schedule(fn,
-   ms)` instead of `setTimeout(fn, ms)`. Callers that want a real-time `timeout` or the async
-   callback path pass `{ now: Date.now, schedule: setTimeout }` (the Compare Worker in
-   editor/engine.js); callers that want a deterministic result bound only by `maxEditLength` pass
-   neither (the kernel), and the diff then depends on nothing but its two input strings. This keeps
-   one diff factory for the whole app and keeps agent/kernel.mjs inside the decision-purity gate
-   (tools/purity-gate.mjs) without any per-file exemption. */
-export function createDiff(){var O=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var Q=Object.prototype.hasOwnProperty;var X=(i,e)=>{for(var n in e)O(i,n,{get:e[n],enumerable:!0})},Z=(i,e,n,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of B(e))!Q.call(i,l)&&l!==n&&O(i,l,{get:()=>e[l],enumerable:!(t=Y(e,l))||t.enumerable});return i};var K=i=>Z(O({},"__esModule",{value:!0}),i);var oe={};X(oe,{diffChars:()=>diffChars,diffLines:()=>y,diffWordsWithSpace:()=>z,structuredPatch:()=>U});var C=class{diff(e,n,t={}){let l;typeof t=="function"?(l=t,t={}):"callback"in t&&(l=t.callback);let o=this.castInput(e,t),r=this.castInput(n,t),u=this.removeEmpty(this.tokenize(o,t)),a=this.removeEmpty(this.tokenize(r,t));return this.diffWithOptionsObj(u,a,t,l)}diffWithOptionsObj(e,n,t,l){var o;let r=s=>{if(s=this.postProcess(s,t),l){t.schedule(function(){l(s)},0);return}else return s},u=n.length,a=e.length,f=1,c=u+a;t.maxEditLength!=null&&(c=Math.min(c,t.maxEditLength));let w=(o=t.timeout)!==null&&o!==void 0?o:1/0,p=(t.now?t.now():0)+w,m=[{oldPos:-1,lastComponent:void 0}],x=this.extractCommon(m[0],n,e,0,t);if(m[0].oldPos+1>=a&&x+1>=u)return r(this.buildValues(m[0].lastComponent,n,e));let v=-1/0,P=1/0,E=()=>{for(let s=Math.max(v,-f);s<=Math.min(P,f);s+=2){let d,h=m[s-1],g=m[s+1];h&&(m[s-1]=void 0);let F=!1;if(g){let q=g.oldPos-s;F=g&&0<=q&&q<u}let D=h&&h.oldPos+1<a;if(!F&&!D){m[s]=void 0;continue}if(!D||F&&h.oldPos<g.oldPos?d=this.addToPath(g,!0,!1,0,t):d=this.addToPath(h,!1,!0,1,t),x=this.extractCommon(d,n,e,s,t),d.oldPos+1>=a&&x+1>=u)return r(this.buildValues(d.lastComponent,n,e))||!0;m[s]=d,d.oldPos+1>=a&&(P=Math.min(P,s-1)),x+1>=u&&(v=Math.max(v,s+1))}f++};if(l)(function s(){t.schedule(function(){if(f>c||(t.now?t.now():0)>p)return l(void 0);E()||s()},0)})();else for(;f<=c&&(t.now?t.now():0)<=p;){let s=E();if(s)return s}}addToPath(e,n,t,l,o){let r=e.lastComponent;return r&&!o.oneChangePerToken&&r.added===n&&r.removed===t?{oldPos:e.oldPos+l,lastComponent:{count:r.count+1,added:n,removed:t,previousComponent:r.previousComponent}}:{oldPos:e.oldPos+l,lastComponent:{count:1,added:n,removed:t,previousComponent:r}}}extractCommon(e,n,t,l,o){let r=n.length,u=t.length,a=e.oldPos,f=a-l,c=0;for(;f+1<r&&a+1<u&&this.equals(t[a+1],n[f+1],o);)f++,a++,c++,o.oneChangePerToken&&(e.lastComponent={count:1,previousComponent:e.lastComponent,added:!1,removed:!1});return c&&!o.oneChangePerToken&&(e.lastComponent={count:c,previousComponent:e.lastComponent,added:!1,removed:!1}),e.oldPos=a,f}equals(e,n,t){return t.comparator?t.comparator(e,n):e===n||!!t.ignoreCase&&e.toLowerCase()===n.toLowerCase()}removeEmpty(e){let n=[];for(let t=0;t<e.length;t++)e[t]&&n.push(e[t]);return n}castInput(e,n){return e}tokenize(e,n){return Array.from(e)}join(e){return e.join("")}postProcess(e,n){return e}buildValues(e,n,t){let l=[],o;for(;e;)l.push(e),o=e.previousComponent,delete e.previousComponent,e=o;l.reverse();let r=l.length,u=0,a=0,f=0;for(;u<r;u++){let c=l[u];if(c.removed)c.value=this.join(t.slice(f,f+c.count)),f+=c.count;else{c.value=this.join(n.slice(a,a+c.count));a+=c.count,c.added||(f+=c.count)}}return l}};var I="a-zA-Z0-9_\\u{AD}\\u{C0}-\\u{D6}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}";var R=class extends C{tokenize(e){let n=new RegExp(`(\\r?\\n)|[${I}]+|[^\\S\\n\\r]+|[^${I}]`,"ug");return e.match(n)||[]}},J=new R;function z(i,e,n){return J.diff(i,e,n)}var $=class extends C{constructor(){super(...arguments),this.tokenize=ie}equals(e,n,t){return t.ignoreWhitespace?((!t.newlineIsToken||!e.includes(`
-`))&&(e=e.trim()),(!t.newlineIsToken||!n.includes(`
-`))&&(n=n.trim())):t.ignoreNewlineAtEof&&!t.newlineIsToken&&(e.endsWith(`
-`)&&(e=e.slice(0,-1)),n.endsWith(`
-`)&&(n=n.slice(0,-1))),super.equals(e,n,t)}},V=new $;function y(i,e,n){return V.diff(i,e,n)}function ie(i,e){e.stripTrailingCr&&(i=i.replace(/\r\n/g,`
-`));let n=[],t=i.split(/(\n|\r\n)/);t[t.length-1]||t.pop();for(let l=0;l<t.length;l++){let o=t[l];l%2&&!e.newlineIsToken?n[n.length-1]+=o:n.push(o)}return n}function U(i,e,n,t,l,o,r){let u;r?typeof r=="function"?u={callback:r}:u=r:u={},typeof u.context>"u"&&(u.context=4);let a=u.context;if(u.newlineIsToken)throw new Error("newlineIsToken may not be used with patch-generation functions, only with diffing functions");if(u.callback){let{callback:c}=u;y(n,t,Object.assign(Object.assign({},u),{callback:w=>{let p=f(w);c(p)}}))}else return f(y(n,t,u));function f(c){if(!c)return;c.push({value:"",lines:[]});function w(s){return s.map(function(d){return" "+d})}let p=[],m=0,x=0,v=[],P=1,E=1;for(let s=0;s<c.length;s++){let d=c[s],h=d.lines||le(d.value);if(d.lines=h,d.added||d.removed){if(!m){let g=c[s-1];m=P,x=E,g&&(v=a>0?w(g.lines.slice(-a)):[],m-=v.length,x-=v.length)}for(let g of h)v.push((d.added?"+":"-")+g);d.added?E+=h.length:P+=h.length}else{if(m)if(h.length<=a*2&&s<c.length-2)for(let g of w(h))v.push(g);else{let g=Math.min(h.length,a);for(let D of w(h.slice(0,g)))v.push(D);let F={oldStart:m,oldLines:P-m+g,newStart:x,newLines:E-x+g,lines:v};p.push(F),m=0,x=0,v=[]}P+=h.length,E+=h.length}}for(let s of p)for(let d=0;d<s.lines.length;d++)s.lines[d].endsWith(`
-`)?s.lines[d]=s.lines[d].slice(0,-1):(s.lines.splice(d+1,0,"\"),d++);return{oldFileName:i,newFileName:e,oldHeader:l,newHeader:o,hunks:p}}}function le(i){let e=i.endsWith(`
-`),n=i.split(`
-`).map(t=>t+`
-`);return e?n.pop():n.push(n.pop().slice(0,-1)),n}function diffChars(before,after,options){return new C().diff(before,after,options)}return K(oe);}
-export const {diffChars, diffLines, diffWordsWithSpace, structuredPatch} = createDiff();