A dialog in a short window scrolls within it, the tabbed one stays put as its tabs change, and the report slip closes with Escape

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Jm2auWk6RP71CjaAb4FMoG

template/src/lib/components/ReportSlip.svelte

@@ -54,6 +54,8 @@
 	}
 </script>
 
+<svelte:window onkeydown={(e) => open && e.key === 'Escape' && close()} />
+
 {#if open}
 	<div class="scrim" role="presentation" onclick={(ev) => ev.target === ev.currentTarget && close()}>
 		<form class="slip" aria-labelledby="report-heading" onsubmit={send}>
@@ -92,6 +94,8 @@
 		z-index: 20;
 		background: rgba(0, 0, 0, 0.55);
 		display: grid;
+		/* One row the window's height, so the dialog's max-height: 100% is a real limit and it scrolls within. */
+		grid-template-rows: minmax(0, 1fr);
 		place-items: center;
 		padding: 16px;
 	}