From e1e822ce086e929a64c060be7642e1e99c4766ea Mon Sep 17 00:00:00 2001
From: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>
Date: Sun, 27 Sep 2026 17:59:22 -0400
Subject: [PATCH 1/2] Add a pause/play toggle for automatic rendering in the
 repl

The toolbar gets a pause button. While paused (`?autorender=off`), edits
do not compile, and a Render button compiles the current text on demand.
The paused state lives in the URL, so shared links and embeds keep it.

The output input comes from reactiveweb's keepLatest, which holds the
last rendered file while paused. reactiveweb 1.9.4 fixes keepLatest
dropping its initial value, which a page that loads paused needs.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 apps/repl/app/components/compiler.gts         |   4 +-
 apps/repl/app/controllers/application.ts      |   4 +
 apps/repl/app/services/editor.ts              |  61 +++++++++
 .../edit/layout/controls/auto-render.gts      |  46 +++++++
 .../templates/edit/layout/controls/index.gts  |   2 +
 apps/repl/package.json                        |   2 +-
 .../tests/application/auto-render-test.gts    | 129 ++++++++++++++++++
 apps/tutorial/package.json                    |   2 +-
 packages/app-support/shared/package.json      |   2 +-
 packages/limber-ui/package.json               |   2 +-
 pnpm-lock.yaml                                |  29 ++--
 pnpm-workspace.yaml                           |   2 +-
 12 files changed, 263 insertions(+), 22 deletions(-)
 create mode 100644 apps/repl/app/templates/edit/layout/controls/auto-render.gts
 create mode 100644 apps/repl/tests/application/auto-render-test.gts

diff --git a/apps/repl/app/components/compiler.gts b/apps/repl/app/components/compiler.gts
index 21db71e4c..e9d3616b6 100644
--- a/apps/repl/app/components/compiler.gts
+++ b/apps/repl/app/components/compiler.gts
@@ -14,7 +14,7 @@ interface Signature {
 
 export default class Compiler extends Component<Signature> {
   <template>
-    {{#let (Compiled this.editor.text this.format this.flavor) as |compiled|}}
+    {{#let (Compiled this.editor.renderInput.text this.format this.flavor) as |compiled|}}
       {{yield compiled}}
     {{/let}}
   </template>
@@ -22,7 +22,7 @@ export default class Compiler extends Component<Signature> {
   @service declare editor: EditorService;
 
   get formatQP() {
-    return this.editor.format;
+    return this.editor.renderInput?.format ?? this.editor.format;
   }
 
   get formatQPParts() {
diff --git a/apps/repl/app/controllers/application.ts b/apps/repl/app/controllers/application.ts
index 49334bc1b..4030bec3e 100644
--- a/apps/repl/app/controllers/application.ts
+++ b/apps/repl/app/controllers/application.ts
@@ -72,6 +72,10 @@ export default class ApplicationController extends Controller {
     // or force it to not be rendered in to a shadow-dom if falsey value is passed
     'shadowdom',
 
+    // When falsey ("off"), the output only compiles when the "Render" button is clicked,
+    // instead of on every edit.
+    'autorender',
+
     // Disable shiki highlighting on page load
     // this is primarily an optimization for tests
     'nohighlight',
diff --git a/apps/repl/app/services/editor.ts b/apps/repl/app/services/editor.ts
index 26299ef7e..6f9998d50 100644
--- a/apps/repl/app/services/editor.ts
+++ b/apps/repl/app/services/editor.ts
@@ -1,11 +1,16 @@
 import { tracked } from '@glimmer/tracking';
+import { registerDestructor } from '@ember/destroyable';
 import Service, { service } from '@ember/service';
 
+import { castToBoolean } from 'ember-primitives/qp';
+import { use } from 'ember-resources';
+import { keepLatest } from 'reactiveweb/keep-latest';
 import { link } from 'reactiveweb/link';
 
 import { FileURIComponent } from 'limber/utils/editor-text';
 
 import type { DemoEntry } from '../snippets';
+import type Owner from '@ember/owner';
 import type RouterService from '@ember/routing/router-service';
 import type { FormatQP } from '#app/languages.gts';
 
@@ -38,6 +43,62 @@ export default class EditorService extends Service {
     return this.fileURIComponent.format;
   }
 
+  /**
+   * `?autorender=off` pauses compiling as the user types.
+   *
+   * This is a field instead of a getter on the router, because every edit writes the URL.
+   * A getter would invalidate renderInput on each keystroke and compile the same text again.
+   */
+  @tracked autoRender = true;
+
+  constructor(owner: Owner) {
+    super(owner);
+
+    this.router.on('routeDidChange', this.#syncAutoRender);
+    registerDestructor(this, () => this.router.off('routeDidChange', this.#syncAutoRender));
+  }
+
+  #syncAutoRender = () => {
+    const value = this.router.currentRoute?.queryParams?.['autorender'];
+    const next = typeof value === 'string' ? castToBoolean(value) : true;
+
+    // Setting a tracked field dirties it even when the value is the same.
+    if (next !== this.autoRender) this.autoRender = next;
+  };
+
+  @tracked renderRequests = 0;
+  #seenRenderRequests = -1;
+
+  render = () => {
+    this.renderRequests++;
+  };
+
+  /**
+   * The text and format for the output pane.
+   *
+   * While paused, the value function returns undefined without a read of `text`,
+   * so keepLatest keeps the last rendered file and edits do not compile.
+   *
+   * Exception: a render reads `text` and `format`, which come from the URL,
+   * so the first edit after it compiles the same file once more.
+   */
+  @use renderInput = keepLatest({
+    when: () => !this.autoRender,
+    value: () => {
+      if (!this.autoRender && this.renderRequests === this.#seenRenderRequests) {
+        return undefined;
+      }
+
+      const { text, format } = this;
+
+      // Before the route loads a document there is no text,
+      // and that must not count as the render for a paused first load.
+      if (text) this.#seenRenderRequests = this.renderRequests;
+
+      return { text, format };
+    },
+  });
+
   get nohighlight() {
     return (this.router.currentRoute?.queryParams ?? {}).nohighlight;
   }
diff --git a/apps/repl/app/templates/edit/layout/controls/auto-render.gts b/apps/repl/app/templates/edit/layout/controls/auto-render.gts
new file mode 100644
index 000000000..2319f1da3
--- /dev/null
+++ b/apps/repl/app/templates/edit/layout/controls/auto-render.gts
@@ -0,0 +1,46 @@
+import Component from '@glimmer/component';
+import { service } from '@ember/service';
+
+import FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon';
+import { faForwardStep, faPause, faPlay } from '@fortawesome/free-solid-svg-icons';
+
+import { Button } from './button.gts';
+
+import type RouterService from '@ember/routing/router-service';
+import type EditorService from 'limber/services/editor';
+
+export class AutoRender extends Component {
+  @service declare editor: EditorService;
+  @service declare router: RouterService;
+
+  toggle = () => {
+    const url = new URL(this.router.currentURL ?? '/edit', location.origin);
+
+    if (this.editor.autoRender) {
+      url.searchParams.set('autorender', 'off');
+    } else {
+      url.searchParams.delete('autorender');
+    }
+
+    this.router.replaceWith(url.pathname + url.search);
+  };
+
+  <template>
+    <Button
+      title={{if this.editor.autoRender "Pause automatic rendering" "Resume automatic rendering"}}
+      data-test-auto-render
+      {{on "click" this.toggle}}
+    >
+      {{#if this.editor.autoRender}}
+        <FaIcon @icon={{faPause}} />
+      {{else}}
+        <FaIcon @icon={{faPlay}} />
+      {{/if}}
+    </Button>
+    {{#unless this.editor.autoRender}}
+      <Button title="Render" data-test-render {{on "click" this.editor.render}}>
+        <FaIcon @icon={{faForwardStep}} />
+      </Button>
+    {{/unless}}
+  </template>
+}
diff --git a/apps/repl/app/templates/edit/layout/controls/index.gts b/apps/repl/app/templates/edit/layout/controls/index.gts
index 031103c26..d4c5e45f1 100644
--- a/apps/repl/app/templates/edit/layout/controls/index.gts
+++ b/apps/repl/app/templates/edit/layout/controls/index.gts
@@ -17,6 +17,7 @@ import { castToBoolean, qp, withQP } from 'ember-primitives/qp';
 
 import currentURL from 'limber/helpers/current-url';
 
+import { AutoRender } from './auto-render.gts';
 import { Button } from './button.gts';
 import { FormatDocument } from './format-document.gts';
 
@@ -70,6 +71,7 @@ export const Controls: TOC<{
           {{/if}}
         </Button>
         <FormatDocument />
+        <AutoRender />
         <Button
           title="Rotate Editor/Output orientation"
           disabled={{or @isMaximized @isMinimized}}
diff --git a/apps/repl/package.json b/apps/repl/package.json
index 04f7e22a0..ba341926e 100644
--- a/apps/repl/package.json
+++ b/apps/repl/package.json
@@ -169,7 +169,7 @@
     "nvp.ui": "^0.5.2",
     "path-browserify": "^1.0.1",
     "penpal": "^6.2.2",
-    "reactiveweb": "1.9.1",
+    "reactiveweb": "1.9.4",
     "rehype-raw": "^7.0.0",
     "rehype-stringify": "^10.0.1",
     "remark-html": "16.0.1",
diff --git a/apps/repl/tests/application/auto-render-test.gts b/apps/repl/tests/application/auto-render-test.gts
new file mode 100644
index 000000000..5a1d22f1f
--- /dev/null
+++ b/apps/repl/tests/application/auto-render-test.gts
@@ -0,0 +1,129 @@
+import { click, currentURL, find, settled, visit } from '@ember/test-helpers';
+import { module, test, todo } from 'qunit';
+
+import LZString from 'lz-string';
+
+import { Output } from '#components/output.gts';
+import { AutoRender } from '#edit/layout/controls/auto-render.gts';
+import { setupApplicationCompilerTest } from '#tests/helpers.ts';
+
+import { getService } from '../helpers';
+import { Page } from './-page';
+
+const { compressToEncodedURIComponent } = LZString;
+
+const toggle = '[data-test-auto-render]';
+const render = '[data-test-render]';
+const out = '[data-test-compiled-output] [data-test-text]';
+
+const doc = (text: string) => `<template><p data-test-text>${text}</p></template>`;
+
+async function type(text: string) {
+  getService('editor').updateText(doc(text));
+  await settled();
+}
+
+module('Editor > Auto render', function (hooks) {
+  setupApplicationCompilerTest(hooks);
+
+  const page = new Page();
+
+  hooks.beforeEach(function () {
+    this.owner.lookup('service:editor').setCodemirrorState = () => {};
+
+    this.owner.register(
+      'template:edit',
+      <template>
+        <AutoRender />
+        <Output @shadow={{false}} />
+      </template>
+    );
+  });
+
+  test('typing re-renders by default', async function (assert) {
+    await page.visitEdit('gjs', doc('one'));
+
+    assert.dom(out).hasText('one');
+    assert.dom(render).doesNotExist();
+
+    await type('two');
+
+    assert.dom(out).hasText('two');
+  });
+
+  test('while paused, typing does not compile until render is clicked', async function (assert) {
+    await page.visitEdit('gjs', doc('one'));
+    await click(toggle);
+
+    assert.true(currentURL().includes('autorender=off'), 'the URL has the paused state');
+
+    const before = find(out);
+
+    await type('two');
+
+    assert.dom(out).hasText('one');
+    assert.strictEqual(find(out), before, 'the output did not compile again');
+    assert.true(currentURL().includes('autorender=off'), 'typing keeps the paused state');
+
+    await click(render);
+
+    assert.dom(out).hasText('two');
+
+    await click(toggle);
+
+    assert.false(currentURL().includes('autorender'), 'the URL no longer has the paused state');
+    assert.dom(render).doesNotExist();
+
+    await type('three');
+
+    assert.dom(out).hasText('three');
+  });
+
+  test('render compiles again when the text did not change', async function (assert) {
+    await page.visitEdit('gjs', doc('one'));
+    await click(toggle);
+
+    const before = find(out);
+
+    await click(render);
+
+    assert.dom(out).hasText('one');
+    assert.notStrictEqual(find(out), before, 'the output compiled again');
+  });
+
+  // The render click reads the text and format from the URL, so the next edit
+  // invalidates keepLatest and compiles the same text once more.
+  todo('after render is clicked, typing does not compile again', async function (assert) {
+    await page.visitEdit('gjs', doc('one'));
+    await click(toggle);
+    await type('two');
+    await click(render);
+
+    const before = find(out);
+
+    await type('three');
+
+    assert.dom(out).hasText('two');
+    assert.strictEqual(find(out), before, 'the output did not compile again');
+  });
+
+  test('a paused page renders once on load', async function (assert) {
+    await visit(`/edit?format=gjs&autorender=off&c=${compressToEncodedURIComponent(doc('one'))}`);
+
+    assert.dom(out).hasText('one');
+    assert.dom(render).exists();
+
+    await type('two');
+
+    assert.dom(out).hasText('one');
+  });
+
+  test('resuming renders the latest text', async function (assert) {
+    await visit(`/edit?format=gjs&autorender=off&c=${compressToEncodedURIComponent(doc('one'))}`);
+
+    await type('two');
+    await click(toggle);
+
+    assert.dom(out).hasText('two');
+  });
+});
diff --git a/apps/tutorial/package.json b/apps/tutorial/package.json
index db5f462ce..db4939fb1 100644
--- a/apps/tutorial/package.json
+++ b/apps/tutorial/package.json
@@ -46,7 +46,7 @@
     "ember-resources": "^7.1.0",
     "kolay": "github:universal-ember/kolay#dist",
     "limber-ui": "workspace:*",
-    "reactiveweb": "1.9.1",
+    "reactiveweb": "1.9.4",
     "rehype-raw": "^7.0.0",
     "rehype-stringify": "^10.0.1",
     "remark-parse": "^11.0.0",
diff --git a/packages/app-support/shared/package.json b/packages/app-support/shared/package.json
index bedf67afb..cc9103732 100644
--- a/packages/app-support/shared/package.json
+++ b/packages/app-support/shared/package.json
@@ -51,7 +51,7 @@
     "decorator-transforms": "2.4.0",
     "oniguruma-parser": "^0.12.2",
     "penpal": "^6.2.2",
-    "reactiveweb": "1.9.1"
+    "reactiveweb": "1.9.4"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
diff --git a/packages/limber-ui/package.json b/packages/limber-ui/package.json
index e39c975fd..597c21287 100644
--- a/packages/limber-ui/package.json
+++ b/packages/limber-ui/package.json
@@ -37,7 +37,7 @@
     "decorator-transforms": "2.4.0",
     "ember-modifier": "^4.2.2",
     "penpal": "^6.2.2",
-    "reactiveweb": "1.9.1"
+    "reactiveweb": "1.9.4"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3cb109179..7a4468193 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,7 +29,7 @@ overrides:
   object.fromentries: npm:@nolyfill/object.fromentries@^1
   object.groupby: npm:@nolyfill/object.groupby@^1
   object.values: npm:@nolyfill/object.values@^1
-  reactiveweb: 1.9.1
+  reactiveweb: 1.9.4
   rollup-plugin-dts: ^6.5.1
   '@codemirror/view': 6.39.12
   decorator-transforms: ^2.4.0
@@ -170,8 +170,8 @@ importers:
         specifier: ^6.2.2
         version: 6.2.2
       reactiveweb:
-        specifier: 1.9.1
-        version: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
+        specifier: 1.9.4
+        version: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
       rehype-raw:
         specifier: ^7.0.0
         version: 7.0.0
@@ -477,8 +477,8 @@ importers:
         specifier: workspace:*
         version: link:../../packages/limber-ui
       reactiveweb:
-        specifier: 1.9.1
-        version: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
+        specifier: 1.9.4
+        version: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
       rehype-raw:
         specifier: ^7.0.0
         version: 7.0.0
@@ -725,8 +725,8 @@ importers:
         specifier: ^6.2.2
         version: 6.2.2
       reactiveweb:
-        specifier: 1.9.1
-        version: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
+        specifier: 1.9.4
+        version: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
     devDependencies:
       '@babel/core':
         specifier: ^7.28.5
@@ -1172,8 +1172,8 @@ importers:
         specifier: ^6.2.2
         version: 6.2.2
       reactiveweb:
-        specifier: 1.9.1
-        version: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
+        specifier: 1.9.4
+        version: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
     devDependencies:
       '@babel/core':
         specifier: ^7.28.5
@@ -9588,8 +9588,8 @@ packages:
     resolution: {integrity: sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==}
     engines: {node: '>=0.10.0'}
 
-  reactiveweb@1.9.1:
-    resolution: {integrity: sha512-bd/Iyk8wm9A8qyxKVu8w4M4POWOtZErRKr6EJwnrBitceSLlY+yk1/m9AuKec/5XvcNnDi1NRdvBQDBEaVpk6A==}
+  reactiveweb@1.9.4:
+    resolution: {integrity: sha512-t0a4uIDCQ8/Mo+dv48ZLXlH83yDOCz1UaqEjS4kZcaipyLVuxFhDH5ox2s3Q1Mp+BTWoPslsJvSkoOXN8wcSMA==}
     peerDependencies:
       '@ember/test-waiters': '>= 3.1.0'
 
@@ -17278,7 +17278,7 @@ snapshots:
       ember-modifier: 4.3.0(@babel/core@7.29.0)
       ember-resources: 7.1.0(26b86c1b73200152d68c973d8eccec8d)
       form-data-utils: 0.6.0
-      reactiveweb: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
+      reactiveweb: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
       should-handle-link: 1.3.0
       tabster: 8.7.0
       tracked-built-ins: 4.1.2(@babel/core@7.29.0)
@@ -19105,7 +19105,7 @@ snapshots:
       json5: 2.2.3
       lilconfig: 3.1.3
       package-up: 5.0.0
-      reactiveweb: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
+      reactiveweb: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
       rehype-raw: 7.0.0
       rehype-stringify: 10.0.1
       remark-frontmatter: 5.0.0
@@ -20589,11 +20589,10 @@ snapshots:
 
   react@19.2.4: {}
 
-  reactiveweb@1.9.1(d41a7bae60c14a4edce62c2c55c80806):
+  reactiveweb@1.9.4(d41a7bae60c14a4edce62c2c55c80806):
     dependencies:
       '@ember/test-waiters': 4.1.2
       '@embroider/addon-shim': 1.10.3
-      '@embroider/macros': 1.20.6(610c1e3f48061deebb0da741b6baa0c9)
       decorator-transforms: 2.4.0(@babel/core@7.29.0)
       ember-resources: 7.1.0(26b86c1b73200152d68c973d8eccec8d)
     transitivePeerDependencies:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index dfbe5733d..a20c2bf70 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -90,7 +90,7 @@ overrides:
   "object.fromentries": "npm:@nolyfill/object.fromentries@^1"
   "object.groupby": "npm:@nolyfill/object.groupby@^1"
   "object.values": "npm:@nolyfill/object.values@^1"
-  "reactiveweb": "1.9.1"
+  "reactiveweb": "1.9.4"
   "rollup-plugin-dts": "^6.5.1"
   "@codemirror/view": "6.39.12"
   "decorator-transforms": "^2.4.0"

From c90cacd0c019b5ee6614d0b1a157e2cc1f7aa36b Mon Sep 17 00:00:00 2001
From: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>
Date: Wed, 30 Sep 2026 11:14:42 -0400
Subject: [PATCH 2/2] Snapshot the file on render instead of counting render
 requests

The Render button and the pause now store the current text and format
in `pausedFile`. While paused, the output reads that snapshot, so edits
do not invalidate it. This replaces the `renderRequests` counter and
`keepLatest`.

The first edit after a Render click no longer compiles the same text
again, so that test is no longer a QUnit `todo`.

Without `keepLatest`, the repl does not need reactiveweb 1.9.4, so the
dependency bump is reverted.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 apps/repl/app/components/compiler.gts         |  2 +-
 apps/repl/app/services/editor.ts              | 60 ++++++++-----------
 apps/repl/package.json                        |  2 +-
 .../tests/application/auto-render-test.gts    |  6 +-
 apps/tutorial/package.json                    |  2 +-
 packages/app-support/shared/package.json      |  2 +-
 packages/limber-ui/package.json               |  2 +-
 pnpm-lock.yaml                                | 29 ++++-----
 pnpm-workspace.yaml                           |  2 +-
 9 files changed, 49 insertions(+), 58 deletions(-)

diff --git a/apps/repl/app/components/compiler.gts b/apps/repl/app/components/compiler.gts
index e9d3616b6..e90962935 100644
--- a/apps/repl/app/components/compiler.gts
+++ b/apps/repl/app/components/compiler.gts
@@ -22,7 +22,7 @@ export default class Compiler extends Component<Signature> {
   @service declare editor: EditorService;
 
   get formatQP() {
-    return this.editor.renderInput?.format ?? this.editor.format;
+    return this.editor.renderInput.format;
   }
 
   get formatQPParts() {
diff --git a/apps/repl/app/services/editor.ts b/apps/repl/app/services/editor.ts
index 6f9998d50..7e663fb1b 100644
--- a/apps/repl/app/services/editor.ts
+++ b/apps/repl/app/services/editor.ts
@@ -3,8 +3,6 @@ import { registerDestructor } from '@ember/destroyable';
 import Service, { service } from '@ember/service';
 
 import { castToBoolean } from 'ember-primitives/qp';
-import { use } from 'ember-resources';
-import { keepLatest } from 'reactiveweb/keep-latest';
 import { link } from 'reactiveweb/link';
 
 import { FileURIComponent } from 'limber/utils/editor-text';
@@ -14,6 +12,11 @@ import type Owner from '@ember/owner';
 import type RouterService from '@ember/routing/router-service';
 import type { FormatQP } from '#app/languages.gts';
 
+interface RenderInput {
+  text: EditorService['text'];
+  format: FormatQP;
+}
+
 export default class EditorService extends Service {
   @service declare router: RouterService;
 
@@ -44,12 +47,13 @@ export default class EditorService extends Service {
   }
 
   /**
-   * `?autorender=off` pauses compiling as the user types.
+   * The file in the output pane while `?autorender=off` pauses compiling.
+   * Rendering is automatic while this is undefined.
    *
-   * This is a field instead of a getter on the router, because every edit writes the URL.
-   * A getter would invalidate renderInput on each keystroke and compile the same text again.
+   * A getter on the router would compile again on each keystroke,
+   * because every edit writes the URL.
    */
-  @tracked autoRender = true;
+  @tracked pausedFile: RenderInput | undefined;
 
   constructor(owner: Owner) {
     super(owner);
@@ -60,44 +64,32 @@ export default class EditorService extends Service {
 
   #syncAutoRender = () => {
     const value = this.router.currentRoute?.queryParams?.['autorender'];
-    const next = typeof value === 'string' ? castToBoolean(value) : true;
+    const autoRender = typeof value === 'string' ? castToBoolean(value) : true;
+
+    // Every edit writes the URL, so a new pausedFile here would compile each keystroke.
+    if (autoRender === this.autoRender) return;
 
-    // Setting a tracked field dirties it even when the value is the same.
-    if (next !== this.autoRender) this.autoRender = next;
+    this.pausedFile = autoRender ? undefined : this.#file;
   };
 
-  @tracked renderRequests = 0;
-  #seenRenderRequests = -1;
+  get autoRender() {
+    return this.pausedFile === undefined;
+  }
 
   render = () => {
-    this.renderRequests++;
+    this.pausedFile = this.#file;
   };
 
+  get #file(): RenderInput {
+    return { text: this.text, format: this.format };
+  }
+
   /**
    * The text and format for the output pane.
-   *
-   * While paused, the value function returns undefined without a read of `text`,
-   * so keepLatest keeps the last rendered file and edits do not compile.
-   *
-   * Exception: a render reads `text` and `format`, which come from the URL,
-   * so the first edit after it compiles the same file once more.
    */
-  @use renderInput = keepLatest({
-    when: () => !this.autoRender,
-    value: () => {
-      if (!this.autoRender && this.renderRequests === this.#seenRenderRequests) {
-        return undefined;
-      }
-
-      const { text, format } = this;
-
-      // Before the route loads a document there is no text,
-      // and that must not count as the render for a paused first load.
-      if (text) this.#seenRenderRequests = this.renderRequests;
-
-      return { text, format };
-    },
-  });
+  get renderInput(): RenderInput {
+    return this.pausedFile ?? this.#file;
+  }
 
   get nohighlight() {
     return (this.router.currentRoute?.queryParams ?? {}).nohighlight;
diff --git a/apps/repl/package.json b/apps/repl/package.json
index ba341926e..04f7e22a0 100644
--- a/apps/repl/package.json
+++ b/apps/repl/package.json
@@ -169,7 +169,7 @@
     "nvp.ui": "^0.5.2",
     "path-browserify": "^1.0.1",
     "penpal": "^6.2.2",
-    "reactiveweb": "1.9.4",
+    "reactiveweb": "1.9.1",
     "rehype-raw": "^7.0.0",
     "rehype-stringify": "^10.0.1",
     "remark-html": "16.0.1",
diff --git a/apps/repl/tests/application/auto-render-test.gts b/apps/repl/tests/application/auto-render-test.gts
index 5a1d22f1f..6f079bc2f 100644
--- a/apps/repl/tests/application/auto-render-test.gts
+++ b/apps/repl/tests/application/auto-render-test.gts
@@ -1,5 +1,5 @@
 import { click, currentURL, find, settled, visit } from '@ember/test-helpers';
-import { module, test, todo } from 'qunit';
+import { module, test } from 'qunit';
 
 import LZString from 'lz-string';
 
@@ -91,9 +91,7 @@ module('Editor > Auto render', function (hooks) {
     assert.notStrictEqual(find(out), before, 'the output compiled again');
   });
 
-  // The render click reads the text and format from the URL, so the next edit
-  // invalidates keepLatest and compiles the same text once more.
-  todo('after render is clicked, typing does not compile again', async function (assert) {
+  test('after render is clicked, typing does not compile again', async function (assert) {
     await page.visitEdit('gjs', doc('one'));
     await click(toggle);
     await type('two');
diff --git a/apps/tutorial/package.json b/apps/tutorial/package.json
index db4939fb1..db5f462ce 100644
--- a/apps/tutorial/package.json
+++ b/apps/tutorial/package.json
@@ -46,7 +46,7 @@
     "ember-resources": "^7.1.0",
     "kolay": "github:universal-ember/kolay#dist",
     "limber-ui": "workspace:*",
-    "reactiveweb": "1.9.4",
+    "reactiveweb": "1.9.1",
     "rehype-raw": "^7.0.0",
     "rehype-stringify": "^10.0.1",
     "remark-parse": "^11.0.0",
diff --git a/packages/app-support/shared/package.json b/packages/app-support/shared/package.json
index cc9103732..bedf67afb 100644
--- a/packages/app-support/shared/package.json
+++ b/packages/app-support/shared/package.json
@@ -51,7 +51,7 @@
     "decorator-transforms": "2.4.0",
     "oniguruma-parser": "^0.12.2",
     "penpal": "^6.2.2",
-    "reactiveweb": "1.9.4"
+    "reactiveweb": "1.9.1"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
diff --git a/packages/limber-ui/package.json b/packages/limber-ui/package.json
index 597c21287..e39c975fd 100644
--- a/packages/limber-ui/package.json
+++ b/packages/limber-ui/package.json
@@ -37,7 +37,7 @@
     "decorator-transforms": "2.4.0",
     "ember-modifier": "^4.2.2",
     "penpal": "^6.2.2",
-    "reactiveweb": "1.9.4"
+    "reactiveweb": "1.9.1"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7a4468193..3cb109179 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,7 +29,7 @@ overrides:
   object.fromentries: npm:@nolyfill/object.fromentries@^1
   object.groupby: npm:@nolyfill/object.groupby@^1
   object.values: npm:@nolyfill/object.values@^1
-  reactiveweb: 1.9.4
+  reactiveweb: 1.9.1
   rollup-plugin-dts: ^6.5.1
   '@codemirror/view': 6.39.12
   decorator-transforms: ^2.4.0
@@ -170,8 +170,8 @@ importers:
         specifier: ^6.2.2
         version: 6.2.2
       reactiveweb:
-        specifier: 1.9.4
-        version: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
+        specifier: 1.9.1
+        version: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
       rehype-raw:
         specifier: ^7.0.0
         version: 7.0.0
@@ -477,8 +477,8 @@ importers:
         specifier: workspace:*
         version: link:../../packages/limber-ui
       reactiveweb:
-        specifier: 1.9.4
-        version: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
+        specifier: 1.9.1
+        version: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
       rehype-raw:
         specifier: ^7.0.0
         version: 7.0.0
@@ -725,8 +725,8 @@ importers:
         specifier: ^6.2.2
         version: 6.2.2
       reactiveweb:
-        specifier: 1.9.4
-        version: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
+        specifier: 1.9.1
+        version: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
     devDependencies:
       '@babel/core':
         specifier: ^7.28.5
@@ -1172,8 +1172,8 @@ importers:
         specifier: ^6.2.2
         version: 6.2.2
       reactiveweb:
-        specifier: 1.9.4
-        version: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
+        specifier: 1.9.1
+        version: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
     devDependencies:
       '@babel/core':
         specifier: ^7.28.5
@@ -9588,8 +9588,8 @@ packages:
     resolution: {integrity: sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==}
     engines: {node: '>=0.10.0'}
 
-  reactiveweb@1.9.4:
-    resolution: {integrity: sha512-t0a4uIDCQ8/Mo+dv48ZLXlH83yDOCz1UaqEjS4kZcaipyLVuxFhDH5ox2s3Q1Mp+BTWoPslsJvSkoOXN8wcSMA==}
+  reactiveweb@1.9.1:
+    resolution: {integrity: sha512-bd/Iyk8wm9A8qyxKVu8w4M4POWOtZErRKr6EJwnrBitceSLlY+yk1/m9AuKec/5XvcNnDi1NRdvBQDBEaVpk6A==}
     peerDependencies:
       '@ember/test-waiters': '>= 3.1.0'
 
@@ -17278,7 +17278,7 @@ snapshots:
       ember-modifier: 4.3.0(@babel/core@7.29.0)
       ember-resources: 7.1.0(26b86c1b73200152d68c973d8eccec8d)
       form-data-utils: 0.6.0
-      reactiveweb: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
+      reactiveweb: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
       should-handle-link: 1.3.0
       tabster: 8.7.0
       tracked-built-ins: 4.1.2(@babel/core@7.29.0)
@@ -19105,7 +19105,7 @@ snapshots:
       json5: 2.2.3
       lilconfig: 3.1.3
       package-up: 5.0.0
-      reactiveweb: 1.9.4(d41a7bae60c14a4edce62c2c55c80806)
+      reactiveweb: 1.9.1(d41a7bae60c14a4edce62c2c55c80806)
       rehype-raw: 7.0.0
       rehype-stringify: 10.0.1
       remark-frontmatter: 5.0.0
@@ -20589,10 +20589,11 @@ snapshots:
 
   react@19.2.4: {}
 
-  reactiveweb@1.9.4(d41a7bae60c14a4edce62c2c55c80806):
+  reactiveweb@1.9.1(d41a7bae60c14a4edce62c2c55c80806):
     dependencies:
       '@ember/test-waiters': 4.1.2
       '@embroider/addon-shim': 1.10.3
+      '@embroider/macros': 1.20.6(610c1e3f48061deebb0da741b6baa0c9)
       decorator-transforms: 2.4.0(@babel/core@7.29.0)
       ember-resources: 7.1.0(26b86c1b73200152d68c973d8eccec8d)
     transitivePeerDependencies:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index a20c2bf70..dfbe5733d 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -90,7 +90,7 @@ overrides:
   "object.fromentries": "npm:@nolyfill/object.fromentries@^1"
   "object.groupby": "npm:@nolyfill/object.groupby@^1"
   "object.values": "npm:@nolyfill/object.values@^1"
-  "reactiveweb": "1.9.4"
+  "reactiveweb": "1.9.1"
   "rollup-plugin-dts": "^6.5.1"
   "@codemirror/view": "6.39.12"
   "decorator-transforms": "^2.4.0"