@abide/abide 0.118.0 → 0.120.0

package/docs/abide.md

@@ -335,6 +335,7 @@ Any other file beside the pages fails the build, so listing a directory lists it
 ```abide src/contacts/lib/ContactList.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import listContacts from '../listContacts.handler.ts'
 
 const contacts = reactive(() => listContacts())
@@ -349,6 +350,7 @@ const contacts = reactive(() => listContacts())
 
 ```ts src/contacts/listContacts.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { CONTACTS } from './lib/CONTACTS.server.ts'
 
 export default GET(async () => {
@@ -360,6 +362,7 @@ export default GET(async () => {
 
 ```ts src/contacts/lib/ContactList.test.ts
 import { expect, test } from 'bun:test'
+
 import listContacts from '../listContacts.handler.ts'
 
 test('the handler the list reads answers with every contact', async () => {
@@ -383,6 +386,7 @@ The test imports the same handler and calls it, in process. A handler only one p
 ```abide src/contacts/lib/PageTiming.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import listContacts from '../listContacts.handler.ts'
 
 let pageComplete = reactive('—')
@@ -411,6 +415,7 @@ async function requestPage() {
 
 ```ts src/contacts/lib/PageTiming.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the contacts page is complete before the contacts land', async () => {
@@ -450,8 +455,10 @@ let starred = reactive(false)
 
 ```ts src/contacts/lib/StarButton.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import StarButton from './StarButton.abide'
 
 test('the click writes starred and the button follows', async () => {
@@ -473,6 +480,7 @@ Naming `starred` in the markup reads it and follows it from then on. Assigning t
 ```abide src/contacts/lib/ContactNote.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import listContacts from '../listContacts.handler.ts'
 
 // Owned, derived, loaded, and waiting for its first write.
@@ -502,8 +510,10 @@ let saved = reactive<string>()
 
 ```ts src/contacts/lib/ContactNote.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import ContactNote from './ContactNote.abide'
 
 const savedNote = () => document.querySelectorAll('strong')[3]?.textContent
@@ -574,8 +584,10 @@ let email = reactive('ada@example.com')
 
 ```ts src/profile/lib/ContactFields.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import ContactFields from './ContactFields.abide'
 
 test('typing writes the value, and the value fills the field', async () => {
@@ -638,8 +650,10 @@ let phone = reactive('', {
 
 ```ts src/profile/lib/PhoneField.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import PhoneField from './PhoneField.abide'
 
 test('the record keeps the digits, and the field shows them back', async () => {
@@ -687,8 +701,10 @@ const filled = reactive(() => [name, phone].filter(Boolean).length)
 
 ```ts src/profile/lib/ProfileSummary.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { measure, mount } from '@abide/harness/abide'
+
 import ProfileSummary from './ProfileSummary.abide'
 
 const shown = () =>
@@ -747,8 +763,10 @@ let contact = reactive({
 
 ```ts src/profile/lib/AddressField.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import AddressField from './AddressField.abide'
 
 test('a write to the city reaches the record it sits in', async () => {
@@ -809,8 +827,10 @@ let tags = reactive(['investor', 'speaker', 'mentor'])
 
 ```ts src/profile/lib/Tags.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { measure, mount } from '@abide/harness/abide'
+
 import Tags from './Tags.abide'
 
 test('removing a tag removes its row and rewrites no other', async () => {
@@ -852,8 +872,10 @@ let followUp = reactive(false)
 
 ```ts src/profile/lib/FollowUp.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import FollowUp from './FollowUp.abide'
 
 const dateField = () => document.querySelector('input[type="date"]')
@@ -882,6 +904,7 @@ test('the date field is in the page only while the box is ticked', async () => {
 ```abide src/profile/lib/ContactCard.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import Avatar from './Avatar.abide'
 
 let name = reactive('Grace Hopper')
@@ -901,14 +924,19 @@ const { name } = props<{ name: string }>()
 </script>
 
 <span class="rounded-full border border-rule bg-raised px-2 py-1 font-semibold">
-    {name.split(' ').map((word) => word.charAt(0)).join('')}
+    {    name
+        .split(' ')
+        .map((word) => word.charAt(0))
+        .join('')}
 </span>
 ```
 
 ```ts src/profile/lib/ContactCard.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { measure, mount } from '@abide/harness/abide'
+
 import ContactCard from './ContactCard.abide'
 
 test('the avatar follows its name prop, and is not rebuilt', async () => {
@@ -976,7 +1004,9 @@ import LeadBadge from './LeadBadge.abide'
 
 ```ts src/profile/lib/StageBadges.test.ts
 import { expect, test } from 'bun:test'
+
 import { mount } from '@abide/harness/abide'
+
 import StageBadges from './StageBadges.abide'
 
 // The scope token: an attribute every rule in a `<style>` requires.
@@ -1045,8 +1075,10 @@ let calls = reactive(0)
 
 ```ts src/profile/lib/CallLog.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import CallLog from './CallLog.abide'
 
 const rows = () =>
@@ -1105,6 +1137,7 @@ A handler file exports its handler and nothing else. A page imports it, a script
 ```abide src/deals/lib/DealDetail.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import getDeal from '../getDeal.handler.ts'
 
 let id = reactive('d1')
@@ -1113,10 +1146,12 @@ const deal = reactive(() => getDeal({ id }))
 </script>
 
 <div class="tabs">
-{#for one of ['d1', 'd2']}
-    <button aria-selected={id === one}
-        onclick={() => { id = one }}>{one}</button>
-{/for}
+    {#for one of ['d1', 'd2']}
+        <button aria-selected={id === one}
+            onclick={() => {
+                id = one
+            }}>{one}</button>
+    {/for}
 </div>
 
 <ul class="fields stacked">
@@ -1128,6 +1163,7 @@ const deal = reactive(() => getDeal({ id }))
 ```ts src/deals/getDeal.handler.ts
 import { refuse } from '@abide/abide'
 import { GET } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 
 /** Answers at /deals/getDeal?id=…; the argument type is the schema. */
@@ -1143,6 +1179,7 @@ export default GET(
 
 ```ts src/deals/lib/DealDetail.test.ts
 import { expect, test } from 'bun:test'
+
 import getDeal from '../getDeal.handler.ts'
 
 test('the handler answers the deal its args name', async () => {
@@ -1182,14 +1219,15 @@ const notes = reactive(() => getNotes({ id: 'd1' }))
 </script>
 
 <ul class="fields stacked">
-{#for note of notes}
-    <li><span>note</span><strong>{note}</strong></li>
-{/for}
+    {#for note of notes}
+        <li><span>note</span><strong>{note}</strong></li>
+    {/for}
 </ul>
 ```
 
 ```ts src/deals/lib/DealNotes.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 // The file's path, then the handler's name.
@@ -1226,6 +1264,7 @@ It still answers over http, below `/__abide/handlers` at its file's path and the
 ```abide src/deals/lib/NewDeal.abide
 <script>
 import { type Issues, reactive } from '@abide/abide'
+
 import createDeal from '../createDeal.handler.ts'
 
 type NewDeal = { name: string; company: string; amount: number }
@@ -1255,15 +1294,16 @@ async function add() {
 </div>
 
 <ul class="fields">
-{#for [field, messages] of Object.entries(issues)}
-    <li><span>{field}</span><strong>{messages?.[0]}</strong></li>
-{/for}
+    {#for [field, messages] of Object.entries(issues)}
+        <li><span>{field}</span><strong>{messages?.[0]}</strong></li>
+    {/for}
 </ul>
 ```
 
 ```ts src/deals/createDeal.handler.ts
 import { jsonSchema } from '@abide/abide'
 import { POST } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 
 type NewDeal = { name: string; company: string; amount: number }
@@ -1297,6 +1337,7 @@ export default POST(
 
 ```ts src/deals/lib/NewDeal.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('a deal that does not fit is refused, field by field', async () => {
@@ -1341,6 +1382,7 @@ Two presses of Add inside one flight send one request and write one deal, and bo
 ```abide src/deals/lib/DealStage.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import getDeal from '../getDeal.handler.ts'
 import moveDeal from '../moveDeal.handler.ts'
 
@@ -1362,10 +1404,13 @@ async function move(stage: string) {
 </script>
 
 <div class="tabs">
-{#for one of ['d2', 'd3']}
-    <button aria-selected={id === one}
-        onclick={() => { id = one; refusal = '' }}>{one}</button>
-{/for}
+    {#for one of ['d2', 'd3']}
+        <button aria-selected={id === one}
+            onclick={() => {
+                id = one
+                refusal = ''
+            }}>{one}</button>
+    {/for}
 </div>
 
 <ul class="fields">
@@ -1373,9 +1418,9 @@ async function move(stage: string) {
 </ul>
 
 <div class="row">
-{#for stage of ['lead', 'qualified', 'proposal']}
-    <button onclick={() => move(stage)}>{stage}</button>
-{/for}
+    {#for stage of ['lead', 'qualified', 'proposal']}
+        <button onclick={() => move(stage)}>{stage}</button>
+    {/for}
 </div>
 
 <p class="status">{refusal}</p>
@@ -1384,6 +1429,7 @@ async function move(stage: string) {
 ```ts src/deals/moveDeal.handler.ts
 import { jsonSchema, refuse } from '@abide/abide'
 import { PATCH } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 
 // A refusal with a name and typed data, which the page can match.
@@ -1409,6 +1455,7 @@ export default PATCH(
 
 ```ts src/deals/lib/DealStage.test.ts
 import { expect, test } from 'bun:test'
+
 import moveDeal from '../moveDeal.handler.ts'
 
 test('a closed deal is refused by name, with its stage as data', async () => {
@@ -1450,6 +1497,7 @@ import exportDeals from '../exportDeals.handler.ts'
 
 ```ts src/deals/exportDeals.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 
 /** A Blob answers with its own type: this one is a CSV file. */
@@ -1466,6 +1514,7 @@ export default GET(
 
 ```ts src/deals/lib/ExportDeals.test.ts
 import { expect, test } from 'bun:test'
+
 import exportDeals from '../exportDeals.handler.ts'
 
 test('the export answers a CSV file', async () => {
@@ -1520,6 +1569,7 @@ PATCH  /deals/moveDeal              deals/moveDeal.handler.ts
 ```abide src/deals/lib/Pipeline.abide
 <script>
 import { reactive, refresh } from '@abide/abide'
+
 import listDeals from '../listDeals.handler.ts'
 
 const deals = reactive(() => listDeals())
@@ -1546,6 +1596,7 @@ const total = reactive(() => {
 
 ```ts src/deals/listDeals.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 
 export default GET(
@@ -1560,7 +1611,9 @@ export default GET(
 
 ```ts src/deals/lib/Pipeline.test.ts
 import { expect, test } from 'bun:test'
+
 import { reactive, refresh } from '@abide/abide'
+
 import listDeals from '../listDeals.handler.ts'
 
 test('a refresh is busy and still ready; a first load is not', async () => {
@@ -1612,14 +1665,15 @@ import StageValue from './StageValue.abide'
 </script>
 
 <div class="row">
-    <StageCount/>
-    <StageValue/>
+    <StageCount />
+    <StageValue />
 </div>
 ```
 
 ```abide src/pipeline/lib/StageCount.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import getStage from '../getStage.handler.ts'
 import { STAGES } from './STAGES.ts'
 
@@ -1630,9 +1684,9 @@ const totals = reactive(() => getStage({ stage }))
 <ul class="fields stacked">
     <li><span>stage</span>
         <select bind:value={stage}>
-        {#for one of STAGES}
-            <option value={one}>{one}</option>
-        {/for}
+            {#for one of STAGES}
+                <option value={one}>{one}</option>
+            {/for}
         </select></li>
     <li><span>deals</span>
         <strong>{totals.ready() ? totals.count : '—'}</strong></li>
@@ -1642,6 +1696,7 @@ const totals = reactive(() => getStage({ stage }))
 ```abide src/pipeline/lib/StageValue.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import getStage from '../getStage.handler.ts'
 import { dollars } from './dollars.ts'
 import { STAGES } from './STAGES.ts'
@@ -1654,9 +1709,9 @@ const totals = reactive(() => getStage({ stage }))
 <ul class="fields stacked">
     <li><span>stage</span>
         <select bind:value={stage}>
-        {#for one of STAGES}
-            <option value={one}>{one}</option>
-        {/for}
+            {#for one of STAGES}
+                <option value={one}>{one}</option>
+            {/for}
         </select></li>
     <li><span>value</span>
         <strong>{totals.ready() ? dollars(totals.value) : '—'}</strong></li>
@@ -1665,6 +1720,7 @@ const totals = reactive(() => getStage({ stage }))
 
 ```ts src/pipeline/getStage.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 import { LOADS } from './lib/LOADS.server.ts'
 
@@ -1689,10 +1745,12 @@ export default GET(
 
 ```ts src/pipeline/lib/StageTiles.test.ts
 import { expect, test } from 'bun:test'
+
 import { mount } from '@abide/harness/abide'
+
 import getStage from '../getStage.handler.ts'
-import StageTiles from './StageTiles.abide'
 import { LOADS } from './LOADS.server.ts'
+import StageTiles from './StageTiles.abide'
 
 function pick(index: number, stage: string): void {
     const select = document.querySelectorAll('select')[index]
@@ -1732,6 +1790,7 @@ A body with a parameter is a keyed value: one entry per set of arguments, held.
 ```abide src/pipeline/lib/Forecast.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import getForecast from '../getForecast.handler.ts'
 import { dollars } from './dollars.ts'
 
@@ -1756,6 +1815,7 @@ const reloading = reactive(() => forecast.busy() && forecast.ready())
 
 ```ts src/pipeline/getForecast.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 import { LOADS } from './lib/LOADS.server.ts'
 
@@ -1784,8 +1844,10 @@ export default GET(
 
 ```ts src/pipeline/lib/Forecast.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import Forecast from './Forecast.abide'
 import { LOADS } from './LOADS.server.ts'
 
@@ -1838,8 +1900,8 @@ Press Mark stale and then Reload now, and the forecast blanks between the two. T
 <script>
 import getStage from '../getStage.handler.ts'
 import winDeal from '../winDeal.handler.ts'
-import StageTile from './StageTile.abide'
 import { STAGES } from './STAGES.ts'
+import StageTile from './StageTile.abide'
 
 async function win() {
     await winDeal()
@@ -1850,9 +1912,9 @@ async function win() {
 </script>
 
 <ul class="tiles">
-{#for stage of STAGES}
-    <StageTile stage={stage}/>
-{/for}
+    {#for stage of STAGES}
+        <StageTile stage={stage} />
+    {/for}
 </ul>
 
 <div class="row">
@@ -1863,6 +1925,7 @@ async function win() {
 ```abide src/pipeline/lib/StageTile.abide
 <script>
 import { props, reactive } from '@abide/abide'
+
 import getStage from '../getStage.handler.ts'
 
 const { stage } = props<{ stage: string }>()
@@ -1877,6 +1940,7 @@ const totals = reactive(() => getStage({ stage }))
 
 ```ts src/pipeline/winDeal.handler.ts
 import { POST } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 
 /** Moves the first open lead to won, and answers with its id. */
@@ -1892,10 +1956,12 @@ export default POST(
 
 ```ts src/pipeline/lib/StageBoard.test.ts
 import { expect, test } from 'bun:test'
+
 import { mount } from '@abide/harness/abide'
-import { STAGES } from './STAGES.ts'
-import StageBoard from './StageBoard.abide'
+
 import { LOADS } from './LOADS.server.ts'
+import StageBoard from './StageBoard.abide'
+import { STAGES } from './STAGES.ts'
 
 function counted(): number[] {
     return STAGES.map((stage) => LOADS[stage] ?? 0)
@@ -1934,6 +2000,7 @@ The triggers also come as free functions, and those take a `Selection`: the set
 ```abide src/pipeline/lib/DealSearch.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import searchDeals from '../searchDeals.handler.ts'
 
 let q = reactive('')
@@ -1945,14 +2012,15 @@ const found = reactive(() => searchDeals({ q }), { debounce: 300 })
 </label>
 
 <ul class="fields">
-{#for name of found.ready() ? found : []}
-    <li><strong>{name}</strong></li>
-{/for}
+    {#for name of found.ready() ? found : []}
+        <li><strong>{name}</strong></li>
+    {/for}
 </ul>
 ```
 
 ```ts src/pipeline/searchDeals.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 import { LOADS } from './lib/LOADS.server.ts'
 
@@ -1974,7 +2042,9 @@ export default GET(
 
 ```ts src/pipeline/lib/DealSearch.test.ts
 import { expect, test } from 'bun:test'
+
 import { mount } from '@abide/harness/abide'
+
 import DealSearch from './DealSearch.abide'
 import { LOADS } from './LOADS.server.ts'
 
@@ -2020,6 +2090,7 @@ Every keystroke is a new `q`, and so a new key. `debounce: 300` holds the search
 ```abide src/pipeline/lib/DealFeed.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import listDeals from '../listDeals.handler.ts'
 import { dollars } from './dollars.ts'
 
@@ -2044,10 +2115,10 @@ function applyNextUpdate() {
 </script>
 
 <ul class="fields">
-{#for deal of deals.ready() ? deals : [] by deal.id}
-    <li><span>{deal.stage}</span><strong>{dollars(deal.amount)}</strong>
-        {deal.name}</li>
-{/for}
+    {#for deal of deals.ready() ? deals : [] by deal.id}
+        <li><span>{deal.stage}</span><strong>{dollars(deal.amount)}</strong>
+            {deal.name}</li>
+    {/for}
 </ul>
 
 <div class="row">
@@ -2057,6 +2128,7 @@ function applyNextUpdate() {
 
 ```ts src/pipeline/listDeals.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 
 /** Every open deal, as a list. */
@@ -2072,8 +2144,10 @@ export default GET(
 
 ```ts src/pipeline/lib/DealFeed.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { measure, mount } from '@abide/harness/abide'
+
 import DealFeed from './DealFeed.abide'
 
 test('an update rewrites one amount and builds nothing', async () => {
@@ -2109,6 +2183,7 @@ Change the held value without `patch` and nothing on the page moves, because no
 ```abide src/pipeline/lib/DealPicker.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import listDeals from '../listDeals.handler.ts'
 import DealDetail from './DealDetail.abide'
 import DealRow from './DealRow.abide'
@@ -2119,12 +2194,12 @@ const deals = reactive(() => listDeals())
 reactive.share('selectedDeal', () => reactive('d1'))
 </script>
 
-<DealDetail/>
+<DealDetail />
 
 <div class="row">
-{#for deal of deals.ready() ? deals : [] by deal.id}
-    <DealRow id={deal.id} name={deal.name}/>
-{/for}
+    {#for deal of deals.ready() ? deals : [] by deal.id}
+        <DealRow id={deal.id} name={deal.name} />
+    {/for}
 </div>
 ```
 
@@ -2145,6 +2220,7 @@ let selected = reactive.share('selectedDeal', () => reactive(''))
 ```abide src/pipeline/lib/DealDetail.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import listDeals from '../listDeals.handler.ts'
 
 const deals = reactive(() => listDeals())
@@ -2162,8 +2238,10 @@ const deal = reactive(() =>
 
 ```ts src/pipeline/lib/DealPicker.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import DealPicker from './DealPicker.abide'
 
 test('picking a deal in the list shows it in the detail panel', async () => {
@@ -2193,6 +2271,7 @@ Use the value `reactive.share` returns, and no other name. A value lives in the
 ```abide src/pipeline/lib/DealNote.abide
 <script>
 import { reactive, watch } from '@abide/abide'
+
 import saveNote from '../saveNote.handler.ts'
 
 let note = reactive('Wants a quote by Friday.')
@@ -2222,6 +2301,7 @@ watch(() => {
 
 ```ts src/pipeline/saveNote.handler.ts
 import { POST } from '@abide/abide/server'
+
 import { LOADS } from './lib/LOADS.server.ts'
 import { NOTES } from './lib/NOTES.server.ts'
 
@@ -2237,7 +2317,9 @@ export default POST(
 
 ```ts src/pipeline/lib/DealNote.test.ts
 import { expect, test } from 'bun:test'
+
 import { mount } from '@abide/harness/abide'
+
 import DealNote from './DealNote.abide'
 import { LOADS } from './LOADS.server.ts'
 import { NOTES } from './NOTES.server.ts'
@@ -2287,9 +2369,10 @@ Where a read subscribes depends on where it runs:
 ```abide src/pipeline/lib/PipelineView.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import { preferenceStore } from './preferenceStore.ts'
-import StageTile from './StageTile.abide'
 import { STAGES } from './STAGES.ts'
+import StageTile from './StageTile.abide'
 
 const VIEWS = ['board', 'list']
 
@@ -2298,21 +2381,22 @@ let view = reactive('board', { store: preferenceStore('view') })
 </script>
 
 <div class="tabs">
-{#for one of VIEWS}
-    <button aria-selected={view === one} onclick={() => (view = one)}>
-        {one}</button>
-{/for}
+    {#for one of VIEWS}
+        <button aria-selected={view === one} onclick={() => (view = one)}>
+            {one}</button>
+    {/for}
 </div>
 
 <ul class={view === 'board' ? 'tiles' : 'fields'}>
-{#for stage of STAGES}
-    <StageTile stage={stage}/>
-{/for}
+    {#for stage of STAGES}
+        <StageTile stage={stage} />
+    {/for}
 </ul>
 ```
 
 ```ts src/pipeline/lib/preferenceStore.ts
 import type { Store } from '@abide/abide'
+
 import getPreference from '../getPreference.handler.ts'
 import setPreference from '../setPreference.handler.ts'
 
@@ -2332,6 +2416,7 @@ export function preferenceStore(name: string): Store<string> {
 
 ```ts src/pipeline/getPreference.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { PREFERENCES } from './lib/PREFERENCES.server.ts'
 
 /** A saved preference, or `null` where none was saved. */
@@ -2347,6 +2432,7 @@ export default GET(
 
 ```ts src/pipeline/setPreference.handler.ts
 import { POST } from '@abide/abide/server'
+
 import { PREFERENCES } from './lib/PREFERENCES.server.ts'
 
 /** Saves a preference. */
@@ -2360,8 +2446,10 @@ export default POST(
 
 ```ts src/pipeline/lib/PipelineView.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import PipelineView from './PipelineView.abide'
 import { PREFERENCES } from './PREFERENCES.server.ts'
 
@@ -2454,6 +2542,7 @@ import LastActivity from './LastActivity.abide'
 ```abide src/activity/lib/LastActivity.abide
 <script>
 import { reactive } from '@abide/abide'
+
 // The same import reaches the same channel: no prop, no provider.
 import { activity } from './activity.ts'
 
@@ -2471,8 +2560,10 @@ const last = reactive(() => activity.at(-1))
 
 ```ts src/activity/lib/QuickLog.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import QuickLog from './QuickLog.abide'
 
 test('a reader the logger never names follows what it logs', async () => {
@@ -2537,8 +2628,10 @@ export function logActivity(contact: string, kind: string): void {
 
 ```ts src/activity/lib/RecentActivity.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import RecentActivity from './RecentActivity.abide'
 
 test('logging past three adds one entry and drops the oldest', async () => {
@@ -2556,7 +2649,7 @@ test('logging past three adds one entry and drops the oldest', async () => {
 ```
 
 The trim is one line in the patch that appends: `if (entries.length > 3)
-        entries.shift()`. `patch` hands you the array the channel holds and changes it in place, so the push and the trim are one write. abide puts no cap on the array. The condition is yours: a count here, an age or a byte total where that is what bounds it. Keep the push and the trim in one function every writer calls, and the cap belongs to the channel rather than to whichever caller remembered it.
+                entries.shift()`. `patch` hands you the array the channel holds and changes it in place, so the push and the trim are one write. abide puts no cap on the array. The condition is yours: a count here, an age or a byte total where that is what bounds it. Keep the push and the trim in one function every writer calls, and the cap belongs to the channel rather than to whichever caller remembered it.
 
 A value keeps no past of its own. Where you want what came before, make the value the array and append where you write, as here. An undo stack is the same: an array the app pushes into.
 
@@ -2567,6 +2660,7 @@ A value keeps no past of its own. Where you want what came before, make the valu
 ```abide src/activity/lib/AccountFeed.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import feed from '../feed.handler.ts'
 import logToFeed from '../logToFeed.handler.ts'
 
@@ -2602,6 +2696,7 @@ export const feeds = reactive((_account: { account: string }): Entry[] => [], {
 
 ```ts src/activity/feed.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { feeds } from './lib/feeds.ts'
 
 /** Answers at /activity/feed; every tab reading it follows it. */
@@ -2610,6 +2705,7 @@ export default GET(feeds, { description: "An account's activity feed." })
 
 ```ts src/activity/logToFeed.handler.ts
 import { POST } from '@abide/abide/server'
+
 import { feeds } from './lib/feeds.ts'
 
 const KINDS = ['Call', 'Email', 'Meeting']
@@ -2633,6 +2729,7 @@ export default POST(
 
 ```ts src/activity/lib/AccountFeed.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 // Each request is a caller of its own, as each open tab is.
@@ -2674,6 +2771,7 @@ The feed lives in memory. A restart starts it empty, and each instance of the ap
 ```abide src/activity/lib/ActivityHistory.abide
 <script>
 import { reactive, refresh } from '@abide/abide'
+
 import olderActivity from '../olderActivity.handler.ts'
 
 const entries = reactive(() => olderActivity())
@@ -2715,6 +2813,7 @@ export default GET(
 
 ```ts src/activity/lib/ActivityHistory.test.ts
 import { expect, test } from 'bun:test'
+
 import olderActivity from '../olderActivity.handler.ts'
 
 test('the first entry is in hand while the rest are still read', async () => {
@@ -2746,6 +2845,7 @@ A page rendered on the server is not held for an unfinished stream. What the str
 ```abide src/activity/lib/CsvExport.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import exportCsv from '../exportCsv.handler.ts'
 
 const csv = reactive(async () => (await exportCsv.raw()).text())
@@ -2787,6 +2887,7 @@ export default GET(() => bytes(csvOf()), {
 
 ```ts src/activity/lib/CsvExport.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the export is a file, written a row at a time', async () => {
@@ -2819,6 +2920,7 @@ A stream whose first chunk is binary is sent as bytes without the helper. `bytes
 ```abide src/activity/lib/Wallboard.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import ticker from '../ticker.handler.ts'
 
 // A plain request, as a wallboard sends it: no `Accept` asks for events.
@@ -2852,6 +2954,7 @@ export default GET(() => sse(MOVES), {
 
 ```ts src/activity/lib/Wallboard.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('a caller asking for nothing in particular is sent events', async () => {
@@ -2954,6 +3057,7 @@ const address = reactive(() => url('/companies/[id=SLUG]', { id: open }))
 ```abide src/companies/[id=SLUG].abide
 <script>
 import { reactive, route } from '@abide/abide'
+
 import getCompany from './getCompany.handler.ts'
 import CompanyTabs from './lib/CompanyTabs.abide'
 
@@ -2977,6 +3081,7 @@ const company = reactive(() => getCompany({ id: route.params.id }))
 
 ```ts src/companies/CompanyPage.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('one file answers for every company, reading its id', async () => {
@@ -3033,6 +3138,7 @@ export const SLUG = /[a-z0-9-]+/
 ```abide src/companies/[id=SLUG].abide
 <script>
 import { reactive, route } from '@abide/abide'
+
 import getCompany from './getCompany.handler.ts'
 import CompanyTabs from './lib/CompanyTabs.abide'
 
@@ -3056,7 +3162,9 @@ const company = reactive(() => getCompany({ id: route.params.id }))
 
 ```ts src/companies/Matcher.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
+
 import { COMPANIES } from './lib/COMPANIES.server.ts'
 
 test('the company page takes every id the CRM has, and no name', async () => {
@@ -3103,6 +3211,7 @@ import { url } from '@abide/abide'
 ```abide src/companies/layout.abide
 <script server>
 import { onError } from '@abide/abide/server'
+
 import { tracker } from './lib/tracker.server.ts'
 
 onError((error) => tracker.capture(error))
@@ -3121,11 +3230,12 @@ let note = reactive('')
     <input bind:value={note} placeholder="Note for the call">
 </header>
 
-<slot/>
+<slot />
 ```
 
 ```ts src/companies/Layout.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the list and a company render inside one layout', async () => {
@@ -3194,6 +3304,7 @@ let draft = reactive('')
 
 ```ts src/companies/lib/CompanyTabs.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the open tab is read from the address', async () => {
@@ -3225,6 +3336,7 @@ import { url } from '@abide/abide'
 ```abide src/companies/index.abide
 <script>
 import { reactive, url } from '@abide/abide'
+
 import listCompanies from './listCompanies.handler.ts'
 
 const companies = reactive(() => listCompanies())
@@ -3247,6 +3359,7 @@ const companies = reactive(() => listCompanies())
 ```abide src/companies/[id=SLUG].abide
 <script>
 import { reactive, route } from '@abide/abide'
+
 import getCompany from './getCompany.handler.ts'
 import CompanyTabs from './lib/CompanyTabs.abide'
 
@@ -3270,6 +3383,7 @@ const company = reactive(() => getCompany({ id: route.params.id }))
 
 ```ts src/companies/ViewTransition.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test("the list row and the company's heading share one name", async () => {
@@ -3342,6 +3456,7 @@ function followTitle(element: Element) {
 ```abide src/companies/layout.abide
 <script server>
 import { onError } from '@abide/abide/server'
+
 import { tracker } from './lib/tracker.server.ts'
 
 onError((error) => tracker.capture(error))
@@ -3360,12 +3475,13 @@ let note = reactive('')
     <input bind:value={note} placeholder="Note for the call">
 </header>
 
-<slot/>
+<slot />
 ```
 
 ```abide src/companies/[id=SLUG].abide
 <script>
 import { reactive, route } from '@abide/abide'
+
 import getCompany from './getCompany.handler.ts'
 import CompanyTabs from './lib/CompanyTabs.abide'
 
@@ -3389,6 +3505,7 @@ const company = reactive(() => getCompany({ id: route.params.id }))
 
 ```ts src/companies/Head.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 const titlesOf = (html: string) => html.match(/<title>[^<]*<\/title>/g)
@@ -3432,6 +3549,7 @@ let loads = reactive(1)
 ```abide src/companies/[id=SLUG].abide
 <script>
 import { reactive, route } from '@abide/abide'
+
 import getCompany from './getCompany.handler.ts'
 import CompanyTabs from './lib/CompanyTabs.abide'
 
@@ -3455,6 +3573,7 @@ const company = reactive(() => getCompany({ id: route.params.id }))
 
 ```ts src/companies/getCompany.handler.ts
 import { GET, notFound } from '@abide/abide/server'
+
 import { COMPANIES } from './lib/COMPANIES.server.ts'
 
 /** Answers at /companies/getCompany; a company's page reads it. */
@@ -3473,6 +3592,7 @@ export default GET(
 
 ```ts src/companies/Streaming.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the page goes out without the company, and asks for it', async () => {
@@ -3530,6 +3650,7 @@ const { failure } = props<{ failure: Failed<string, unknown> }>()
 
 ```ts src/companies/getCompany.handler.ts
 import { GET, notFound } from '@abide/abide/server'
+
 import { COMPANIES } from './lib/COMPANIES.server.ts'
 
 /** Answers at /companies/getCompany; a company's page reads it. */
@@ -3548,6 +3669,7 @@ export default GET(
 
 ```ts src/companies/ErrorPage.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('a missing company is a 404, painted by error.abide', async () => {
@@ -3571,6 +3693,7 @@ The refusal has to come in the page's first turn to set the status. That is why
 ```abide src/companies/lib/ExportButton.abide
 <script>
 import { isFailed, reactive, refresh } from '@abide/abide'
+
 import exportCompanies from '../exportCompanies.handler.ts'
 import reportedErrors from '../reportedErrors.handler.ts'
 
@@ -3613,6 +3736,7 @@ export default POST(
 ```abide src/companies/layout.abide
 <script server>
 import { onError } from '@abide/abide/server'
+
 import { tracker } from './lib/tracker.server.ts'
 
 onError((error) => tracker.capture(error))
@@ -3631,11 +3755,12 @@ let note = reactive('')
     <input bind:value={note} placeholder="Note for the call">
 </header>
 
-<slot/>
+<slot />
 ```
 
 ```ts src/companies/lib/ExportButton.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the caller gets a bare 500, and onError gets the reason', async () => {
@@ -3674,8 +3799,9 @@ import previewCompany from '../previewCompany.handler.ts'
 
 ```ts src/companies/previewCompany.handler.ts
 import { GET, notFound, page, render } from '@abide/abide/server'
-import CompanySheet from './lib/CompanySheet.abide'
+
 import { COMPANIES } from './lib/COMPANIES.server.ts'
+import CompanySheet from './lib/CompanySheet.abide'
 
 /** Answers at /companies/previewCompany: an account sheet, as its own page. */
 export default GET(
@@ -3698,19 +3824,20 @@ const { company } = props<{
 </script>
 
 <html lang="en">
-<body style="margin: 0; padding: 1.25rem; background: #fff; color: #1d2a28;
+    <body style="margin: 0; padding: 1.25rem; background: #fff; color: #1d2a28;
     font: 14px/1.5 system-ui, sans-serif">
-<h1 style="margin: 0 0 0.5rem; font-size: 1.25rem">{company.name}</h1>
+        <h1 style="margin: 0 0 0.5rem; font-size: 1.25rem">{company.name}</h1>
 <table>
-    <tr><th align="left">Contact</th><td>{company.contact}</td></tr>
-    <tr><th align="left">Pipeline</th><td>{company.pipeline}</td></tr>
-</table>
-</body>
+            <tr><th align="left">Contact</th><td>{company.contact}</td></tr>
+            <tr><th align="left">Pipeline</th><td>{company.pipeline}</td></tr>
+        </table>
+    </body>
 </html>
 ```
 
 ```ts src/companies/lib/SheetPreview.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the sheet is a document of its own', async () => {
@@ -3765,6 +3892,7 @@ Everything in this chapter is in `src/account` of the chapter app, beside `src/c
 ```abide src/account/lib/SignIn.abide
 <script>
 import { principal, reactive } from '@abide/abide'
+
 import signIn from '../signIn.handler.ts'
 import signOut from '../signOut.handler.ts'
 
@@ -3785,6 +3913,7 @@ let email = reactive('maya@crm.example')
 ```ts src/account/signIn.handler.ts
 import { principal, refuse } from '@abide/abide'
 import { onPrincipal, POST } from '@abide/abide/server'
+
 import { TEAM } from './lib/TEAM.server.ts'
 
 /** Seals the member's id into the cookie, and nothing else. */
@@ -3814,6 +3943,7 @@ export default POST(() => principal.clear(), { description: 'Signs out.' })
 
 ```ts src/account/lib/SignIn.test.ts
 import { expect, test } from 'bun:test'
+
 import { principal } from '@abide/abide'
 import { createApp } from '@abide/abide/server'
 
@@ -3876,6 +4006,7 @@ Each is a reactive value. A template reading one follows it, and on the server e
 ```abide src/account/lib/Badge.abide
 <script>
 import { principal } from '@abide/abide'
+
 import SignInAs from './SignInAs.abide'
 </script>
 
@@ -3892,6 +4023,7 @@ import SignInAs from './SignInAs.abide'
 ```ts src/account/signIn.handler.ts
 import { principal, refuse } from '@abide/abide'
 import { onPrincipal, POST } from '@abide/abide/server'
+
 import { TEAM } from './lib/TEAM.server.ts'
 
 /** Seals the member's id into the cookie, and nothing else. */
@@ -3914,6 +4046,7 @@ onPrincipal((claims) => {
 
 ```ts src/account/lib/Badge.test.ts
 import { expect, test } from 'bun:test'
+
 import { principal } from '@abide/abide'
 import { createApp } from '@abide/abide/server'
 
@@ -3949,10 +4082,10 @@ const density = reactive(() => cookies().get('density') ?? 'comfortable')
 </script>
 
 <div class="tabs">
-{#for one of DENSITIES}
-    <button aria-selected={density === one}
-        onclick={() => cookies().set('density', one)}>{one}</button>
-{/for}
+    {#for one of DENSITIES}
+        <button aria-selected={density === one}
+            onclick={() => cookies().set('density', one)}>{one}</button>
+    {/for}
 </div>
 
 <ul class={density === 'compact' ? 'fields gap-0' : 'fields gap-flow'}>
@@ -3963,6 +4096,7 @@ const density = reactive(() => cookies().get('density') ?? 'comfortable')
 
 ```ts src/account/lib/Density.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the server paints the density the cookie holds', async () => {
@@ -3986,6 +4120,7 @@ test('the server paints the density the cookie holds', async () => {
 ```abide src/account/lib/ContactCard.abide
 <script>
 import { principal, reactive, watch } from '@abide/abide'
+
 import getContact from '../getContact.handler.ts'
 import SignInAs from './SignInAs.abide'
 
@@ -4032,7 +4167,9 @@ export default GET(
 
 ```ts src/account/lib/ContactCard.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
+
 import getContact from '../getContact.handler.ts'
 
 test('an admin reads the deal value', async () => {
@@ -4064,6 +4201,7 @@ An answer read under one member is not read again on its own when another signs
 ```abide src/account/lib/ExportContacts.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import exportContacts from '../exportContacts.handler.ts'
 import SignInAs from './SignInAs.abide'
 
@@ -4091,6 +4229,7 @@ async function exportAll() {
 ```ts src/account/exportContacts.handler.ts
 import { principal, refuse } from '@abide/abide'
 import { POST } from '@abide/abide/server'
+
 import { CONTACTS } from '../contacts/lib/CONTACTS.server.ts'
 
 export default POST(async () => CONTACTS, {
@@ -4108,7 +4247,9 @@ export default POST(async () => CONTACTS, {
 
 ```ts src/account/lib/ExportContacts.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
+
 import exportContacts from '../exportContacts.handler.ts'
 
 test('an admin exports every contact', async () => {
@@ -4167,6 +4308,7 @@ Filed in the root `src/layout.abide`, a rung runs before routing, over every req
 ```abide src/account/lib/PartnerStatement.abide
 <script server>
 import { GET } from '@abide/abide/server'
+
 import getStatement from '../getStatement.handler.ts'
 
 // Another site's browser, asking for the statement under its own origin.
@@ -4214,6 +4356,7 @@ export default GET(() => ({ account: 'A-1042', balance: '$2,140.00' }), {
 
 ```ts src/account/lib/PartnerStatement.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 function askAs(origin: string): Request {
@@ -4250,6 +4393,7 @@ abide answers the `OPTIONS` preflight a cross-origin `POST` sends, outside every
 ```abide src/account/lib/SalesReport.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import salesReport from '../salesReport.handler.ts'
 
 const REGIONS = ['north', 'south']
@@ -4265,10 +4409,12 @@ function refusal() {
 </script>
 
 <div class="tabs">
-{#for one of REGIONS}
-    <button aria-selected={region === one}
-        onclick={() => { region = one }}>{one}</button>
-{/for}
+    {#for one of REGIONS}
+        <button aria-selected={region === one}
+            onclick={() => {
+                region = one
+            }}>{one}</button>
+    {/for}
 </div>
 
 <p class="status">{refusal()}</p>
@@ -4306,6 +4452,7 @@ export default GET(
 
 ```ts src/account/lib/SalesReport.test.ts
 import { expect, test } from 'bun:test'
+
 import salesReport from '../salesReport.handler.ts'
 
 test('a report slower than the timeout runs, a row at a time', async () => {
@@ -4349,6 +4496,7 @@ None of these is a rate limit. A caller sending many small, fast requests passes
 ```abide src/account/lib/SyncContact.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import syncContact from '../syncContact.handler.ts'
 
 let status = reactive('')
@@ -4374,6 +4522,7 @@ async function sync() {
 ```ts src/account/syncContact.handler.ts
 import { refuse } from '@abide/abide'
 import { POST, reachable } from '@abide/abide/server'
+
 import { billingOrigin } from './lib/billing.server.ts'
 
 /** Refuses at once while billing is down, rather than waiting on every call. */
@@ -4396,6 +4545,7 @@ export default POST(
 
 ```ts src/account/lib/SyncContact.test.ts
 import { expect, test } from 'bun:test'
+
 import { reachable } from '@abide/abide/server'
 
 test('a host is asked once, however many calls ask after it', async () => {
@@ -4433,6 +4583,7 @@ The answer can be a minute old. The call that follows a `true` can still fail, a
 ```abide src/account/lib/AddContact.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import addContact from '../addContact.handler.ts'
 
 let added = reactive<{ status: number; location: string | null }>()
@@ -4444,7 +4595,9 @@ async function add() {
 </script>
 
 <div class="row">
-    <button onclick={() => { added = add() }}>Add Katherine Johnson</button>
+    <button onclick={() => {
+        added = add()
+    }}>Add Katherine Johnson</button>
 </div>
 
 <ul class="fields">
@@ -4475,6 +4628,7 @@ export default POST(
 
 ```ts src/account/lib/AddContact.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('adding a contact answers 201, and where it lives', async () => {
@@ -4515,9 +4669,13 @@ let refused = reactive('—')
 function addWidget() {
     const widget = document.createElement('script')
     widget.src = 'https://widget.example/chat.js'
-    document.addEventListener('securitypolicyviolation', (event) => {
-        refused = `${event.blockedURI} by ${event.violatedDirective}`
-    }, { once: true })
+    document.addEventListener(
+        'securitypolicyviolation',
+        (event) => {
+            refused = `${event.blockedURI} by ${event.violatedDirective}`
+        },
+        { once: true },
+    )
     document.head.append(widget)
 }
 </script>
@@ -4540,18 +4698,19 @@ middleware(csp())
 </script>
 
 <html lang="en">
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-</head>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+    </head>
 <body>
-    <slot/>
-</body>
+        <slot />
+    </body>
 </html>
 ```
 
 ```ts src/account/lib/Widget.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test("a page admits the app's own scripts, and no other origin's", async () => {
@@ -4604,6 +4763,7 @@ Everything in this chapter lands on one page of the CRM, `/ops`, under `src/ops`
 ```abide src/ops/lib/Retries.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import getRetries from '../getRetries.handler.ts'
 
 const policy = reactive(() => getRetries())
@@ -4633,6 +4793,7 @@ RETRIES=5
 
 ```ts src/ops/lib/Retries.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('RETRIES=5 in .env overrides the default of 3, as a number', async () => {
@@ -4686,6 +4847,7 @@ onConfig(() => ({ RETRIES: 3 }), {
 ```abide src/ops/lib/Pool.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import getPool from '../getPool.handler.ts'
 
 const times = reactive(() => getPool())
@@ -4699,6 +4861,7 @@ const times = reactive(() => getPool())
 
 ```ts src/ops/getPool.handler.ts
 import { GET, onStart } from '@abide/abide/server'
+
 import { pool } from './lib/pool.server.ts'
 
 // Connect before the app answers anything; note when it came up.
@@ -4716,6 +4879,7 @@ export default GET(() => ({ connectedAt: pool.connectedAt, upAt: pool.upAt }), {
 
 ```ts src/ops/lib/Pool.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the pool is connected before the first request is answered', async () => {
@@ -4755,21 +4919,23 @@ const sync = log.named('sync')
 </div>
 
 <ul class="fields stacked">
-{#for record of log.records().slice(-20)}
-    {#if /:(billing|sync)$/.test(record.namespace)}
-        <li>
-            <span>{record.namespace}</span><strong>{record.message}</strong>
-        </li>
-    {/if}
-{/for}
+    {#for record of log.records().slice(-20)}
+        {#if /:(billing|sync)$/.test(record.namespace)}
+            <li>
+                <span>{record.namespace}</span><strong>{record.message}</strong>
+            </li>
+        {/if}
+    {/for}
 </ul>
 ```
 
 ```ts src/ops/lib/Console.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { createApp } from '@abide/abide/server'
 import { mount } from '@abide/harness/abide'
+
 import manifest from '../../../package.json' with { type: 'json' }
 import Console from './Console.abide'
 
@@ -4830,6 +4996,7 @@ abide logs under `abide:`, so `DEBUG=abide:*` turns on the framework and nothing
 ```abide src/ops/lib/Sync.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import syncContact from '../syncContact.handler.ts'
 
 let synced = reactive<{ trace: string; lines: string[] }>()
@@ -4855,6 +5022,7 @@ async function sync() {
 
 ```ts src/ops/syncContact.handler.ts
 import { log, POST, trace } from '@abide/abide/server'
+
 import { billing } from './lib/billing.ts'
 
 /** Answers at /ops/syncContact: syncs a contact, with its trace's lines. */
@@ -4885,6 +5053,7 @@ export const billing = {
 
 ```ts src/ops/lib/Sync.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 const sync = () =>
@@ -4934,6 +5103,7 @@ With `timing`, a span joins `server-timing` under its name, so the name has to b
 ```abide src/ops/lib/Health.abide
 <script server>
 import { onHealth } from '@abide/abide/server'
+
 import { pool } from './pool.server.ts'
 
 // Lets a page read `account.database` as a string.
@@ -4960,6 +5130,7 @@ const account = health()
 
 ```ts src/ops/lib/Health.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the health check carries the database beside the baseline', async () => {
@@ -5006,8 +5177,10 @@ import { online } from '@abide/abide'
 
 ```ts src/ops/lib/OfflineBanner.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import OfflineBanner from './OfflineBanner.abide'
 
 test('the banner shows while the browser is offline, and goes', async () => {
@@ -5043,6 +5216,7 @@ watch(() => { if (online) refresh() })
 ```abide src/ops/lib/CallLog.abide
 <script>
 import { outbox, reactive } from '@abide/abide'
+
 import listCalls from '../listCalls.handler.ts'
 import logCall from '../logCall.handler.ts'
 
@@ -5080,6 +5254,7 @@ function log() {
 
 ```ts src/ops/logCall.handler.ts
 import { POST } from '@abide/abide/server'
+
 import { type Call, calls } from './lib/calls.ts'
 
 /** Logs a call once, however often it is sent: the browser picks its id. */
@@ -5095,10 +5270,12 @@ export default POST(
 
 ```ts src/ops/lib/CallLog.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
-import { calls } from './calls.ts'
+
 import CallLog from './CallLog.abide'
+import { calls } from './calls.ts'
 
 test('a call logged with the network is saved, and nothing waits', async () => {
     using _log = await mount(CallLog({}))
@@ -5196,6 +5373,7 @@ async function readDocument() {
 
 ```ts src/assistant/searchContacts.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { CONTACTS } from '../contacts/lib/CONTACTS.server.ts'
 
 /** One handler: an OpenAPI operation, an MCP tool and a command. */
@@ -5208,6 +5386,7 @@ export default GET(
 
 ```ts src/assistant/lib/OpenApiOperation.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the handler is an operation, with its sentence and type', async () => {
@@ -5295,6 +5474,7 @@ async function callAsAModel() {
 
 ```ts src/assistant/searchContacts.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { CONTACTS } from '../contacts/lib/CONTACTS.server.ts'
 
 /** One handler: an OpenAPI operation, an MCP tool and a command. */
@@ -5307,6 +5487,7 @@ export default GET(
 
 ```ts src/assistant/lib/ModelToolCall.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 const TOOL = 'get_assistant_searchContacts'
@@ -5353,6 +5534,7 @@ abide mcp --url https://crm.example
 ```abide src/assistant/lib/WithheldExport.abide
 <script>
 import { reactive, url } from '@abide/abide'
+
 import exportContacts from '../exportContacts.handler.ts'
 
 let listed = reactive('—')
@@ -5385,6 +5567,7 @@ async function check() {
 
 ```ts src/assistant/exportContacts.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { CONTACTS } from '../contacts/lib/CONTACTS.server.ts'
 
 // Every contact at once: for the export button, not for a model.
@@ -5396,6 +5579,7 @@ export default GET(() => CONTACTS, {
 
 ```ts src/assistant/lib/WithheldExport.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('off the tool list, and still answering on its address', async () => {
@@ -5442,6 +5626,7 @@ A handler that returns a whole `Response` starts with `mcp` and `cli` off, havin
 ```abide src/assistant/lib/AssistantChat.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import askAssistant from '../askAssistant.handler.ts'
 
 const QUESTION = 'Which company is Ada at?'
@@ -5457,32 +5642,34 @@ const events = reactive(() =>
 <ul class="chat">
     <li data-speaker="you"><span>you</span><p>{QUESTION}</p></li>
 {#for event of events}
-    {#if event.type === 'tool'}
-        <li><span>tool call</span>
-            <p class="font-mono text-chrome">{event.name}</p></li>
-    {:else if event.type === 'input'}
-        <li><span>with input</span>
-            <p class="font-mono text-chrome">
-                {JSON.stringify(event.input)}
-            </p></li>
-    {:else if event.type === 'result'}
-        <li><span>your handler answered</span>
-            <p class="font-mono text-chrome">{event.text}</p></li>
-    {:else if event.type === 'text'}
-        <li><span>assistant</span><p>{event.text}</p></li>
-    {/if}
-{/for}
+        {#if event.type === 'tool'}
+            <li><span>tool call</span>
+                <p class="font-mono text-chrome">{event.name}</p></li>
+        {:else if event.type === 'input'}
+            <li><span>with input</span>
+                <p class="font-mono text-chrome">
+                    {JSON.stringify(event.input)}
+                </p></li>
+        {:else if event.type === 'result'}
+            <li><span>your handler answered</span>
+                <p class="font-mono text-chrome">{event.text}</p></li>
+        {:else if event.type === 'text'}
+            <li><span>assistant</span><p>{event.text}</p></li>
+        {/if}
+    {/for}
 </ul>
 
 <div class="row">
-    <button disabled={asked} onclick={() => { asked = true }}>Ask</button>
+    <button disabled={asked} onclick={() => {
+        asked = true
+    }}>Ask</button>
 </div>
 ```
 
 ```ts src/assistant/askAssistant.handler.ts
 import {
-    type AssistantMessage,
     assistant,
+    type AssistantMessage,
     POST,
     type Provider,
 } from '@abide/abide/server'
@@ -5517,6 +5704,7 @@ export default POST(
 
 ```ts src/assistant/lib/AssistantChat.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the model calls the CRM search, through the app', async () => {
@@ -5571,20 +5759,21 @@ test('the model calls the CRM search, through the app', async () => {
 ```abide src/assistant/lib/ClaudeApiRequest.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import askClaude from '../askClaude.handler.ts'
 
 const QUESTION = 'Which company is Ada at?'
 
 let asked = reactive(false)
 const events = reactive(() =>
-    asked
-        ? askClaude({ messages: [{ role: 'user', content: QUESTION }] })
-        : [],
+    asked ? askClaude({ messages: [{ role: 'user', content: QUESTION }] }) : [],
 )
 </script>
 
 <div class="row">
-    <button disabled={asked} onclick={() => { asked = true }}>Ask</button>
+    <button disabled={asked} onclick={() => {
+        asked = true
+    }}>Ask</button>
     <span class="status">{QUESTION}</span>
 </div>
 
@@ -5598,12 +5787,13 @@ const events = reactive(() =>
 
 ```ts src/assistant/askClaude.handler.ts
 import {
-    type AssistantMessage,
     assistant,
+    type AssistantMessage,
     claudeApi,
     POST,
     request,
 } from '@abide/abide/server'
+
 import standIn from './v1/messages.handler.ts'
 
 export default POST(
@@ -5659,6 +5849,7 @@ export default POST(
 
 ```ts src/assistant/lib/ClaudeApiRequest.test.ts
 import { expect, spyOn, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 test('the body is sent as written, with the transcript', async () => {
@@ -5709,11 +5900,12 @@ Leave `baseURL` out and the request goes to Anthropic. `claudeApi` reads no key
 
 ## `claudeCode` runs on the visitor's own Claude Code
 
-**`claudeCode(config)` — a turn on the reader's own Claude Code** — The assistant on whatever Claude Code is paired with this browser. Ask first and it is refused; connect, run the command in a terminal, and ask again.
+**`claudeCode(config)` — a turn on the reader's own Claude Code** — The assistant on whatever Claude Code is paired with this browser. Ask first and it is refused; connect, run the command in a terminal or open the link, and ask again.
 
 ```abide src/assistant/lib/ClaudeCodeBridge.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import askClaudeCode from '../askClaudeCode.handler.ts'
 import bridge from '../bridge.handler.ts'
 
@@ -5743,21 +5935,30 @@ const answer = reactive(() => {
 {:else if pairing.at(-1)}
     <pre class="rounded-md border border-rule bg-raised p-snug
         text-chrome">{pairing.at(-1)?.command}</pre>
+    <div class="row">
+        <a href={pairing.at(-1)?.link}>Open in abide bridge</a>
+        <span class="status">on macOS, after
+            <code>bunx @abide/bridge install</code></span>
+    </div>
 {:else}
     <div class="row">
-        <button onclick={() => { connecting = true }}>Connect</button>
+        <button onclick={() => {
+            connecting = true
+        }}>Connect</button>
     </div>
 {/if}
 
 <ul class="chat">
     <li data-speaker="you"><span>you</span><p>{QUESTION}</p></li>
 {#if answer}
-    <li><span>claude code</span><p>{answer}</p></li>
-{/if}
+        <li><span>claude code</span><p>{answer}</p></li>
+    {/if}
 </ul>
 
 <div class="row">
-    <button onclick={() => { asked += 1 }}>Ask</button>
+    <button onclick={() => {
+        asked += 1
+    }}>Ask</button>
     <span class="status">{events.error()?.message ?? ''}</span>
 </div>
 ```
@@ -5776,8 +5977,8 @@ export default GET(() => claudeCode.bridge(), {
 
 ```ts src/assistant/askClaudeCode.handler.ts
 import {
-    type AssistantMessage,
     assistant,
+    type AssistantMessage,
     claudeCode,
     POST,
 } from '@abide/abide/server'
@@ -5796,6 +5997,7 @@ export default POST(
 
 ```ts src/assistant/lib/ClaudeCodeBridge.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 // A request from one browser: the cookie a page is handed on its first visit.
@@ -5813,7 +6015,7 @@ function fromPage(
     })
 }
 
-test('unpaired: asking is refused, the bridge shows a command', async () => {
+test('unpaired: refused, with a command and a link', async () => {
     await using app = await createApp()
     const refused = await app.fetch(
         fromPage('/assistant/askClaudeCode', {
@@ -5834,11 +6036,14 @@ test('unpaired: asking is refused, the bridge shows a command', async () => {
     const reader = (status.body as ReadableStream<Uint8Array>).getReader()
     const first = new TextDecoder().decode((await reader.read()).value)
     watching.abort()
-    const { paired, command } = JSON.parse(first.split('\n')[0] ?? '')
+    const { paired, command, link } = JSON.parse(first.split('\n')[0] ?? '')
     expect(paired).toBe(false)
     expect(command).toMatch(
         /^bunx @abide\/bridge@\S+ http:\/\/crm.invalid \S+$/,
     )
+    expect(new URL(link).searchParams.get('code')).toBe(
+        command.split(' ').at(-1),
+    )
 })
 ```
 
@@ -5854,13 +6059,21 @@ Pass the same `tools` to `claudeCode.bridge` or `claudeCode.bridgeCommand` and t
 
 The visitor pairs once per visit by running a command, which dials out to the site. Asking with nothing paired is refused 409.
 
+On a Mac the visitor can pair with a click instead. Each status carries a `link` beside its command, the same pairing in the `abide-bridge` scheme, and a visitor who has run this once opens it from the page:
+
+```
+bunx @abide/bridge install
+```
+
+That builds a small app under their own Application Support folder, nowhere in Applications, and registers it for the scheme. Opening a link asks them every time, naming the site, the tools and the bridge release it asks for, and then runs that release, as the command would. A link only proves the site minted its code, never that this visitor asked for it, so no answer is kept for a site. `bunx @abide/bridge uninstall` takes it away.
+
 The tools the conversation calls run as the visitor, on the sign-in their ask carried, so a tool reads `principal` as any handler does. The pairing belongs to that sign-in too. If someone else signs in at the same browser, their asks are refused 409 and the status offers them a command of their own, so nobody's turn runs on another member's Claude Code.
 
 | Name | What it does for the CRM |
 | --- | --- |
-| `claudeCode.bridge` | Streams this browser's pairing: unpaired with the command to run, then paired. |
-| `BridgeStatus` | One status in that stream, `{ paired, command }`. |
-| `claudeCode.bridgeCommand` | Mints the command alone, for a page that wants the line without the stream. Its code expires unused after ten minutes. |
+| `claudeCode.bridge` | Streams this browser's pairing: unpaired with the command to run and the link to open, then paired. |
+| `BridgeStatus` | One status in that stream, `{ paired, command, link }`. |
+| `claudeCode.bridgeCommand` | Mints the command and the link alone, for a page that wants them without the stream. Its code expires unused after ten minutes. |
 | `/__abide/bridge` | Where the visitor's bridge connects. It opens the first time a command is minted. |
 
 ## `abide call` runs a handler from the terminal
@@ -5909,6 +6122,7 @@ Each card is a file of the reports page, beside the test or the bench that prove
 ```abide src/reports/lib/PipelineSummary.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import getSummary from '../getSummary.handler.ts'
 
 const summary = reactive(() => getSummary())
@@ -5922,6 +6136,7 @@ const summary = reactive(() => getSummary())
 
 ```ts src/reports/getSummary.handler.ts
 import { GET } from '@abide/abide/server'
+
 import { DEALS } from './lib/DEALS.server.ts'
 
 /** Answers at /reports/getSummary; the summary tiles and their test read it. */
@@ -5942,6 +6157,7 @@ export default GET(
 
 ```ts src/reports/lib/PipelineSummary.test.ts
 import { expect, test } from 'bun:test'
+
 import { createApp } from '@abide/abide/server'
 
 // Run from the app's own directory: `createApp` finds the app there.
@@ -5977,6 +6193,7 @@ A `.test.ts` has no address, so a test sits beside the file it tests and is neve
 ```abide src/reports/lib/ClosedTiles.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import { closedTotals } from './closedTotals.ts'
 
 let days = reactive(7)
@@ -6019,8 +6236,10 @@ export function closedTotals(days: number) {
 
 ```ts src/reports/lib/ClosedTiles.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { measure, mount } from '@abide/harness/abide'
+
 import ClosedTiles from './ClosedTiles.abide'
 
 test('a range switch rewrites two numbers and builds nothing', async () => {
@@ -6076,6 +6295,7 @@ The emulated DOM is JavaScript, so a count from it holds in a browser and a mill
 ```abide src/reports/lib/StageTiles.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import { summarizeStage } from './summarizeStage.ts'
 
 let stage = reactive('qualified')
@@ -6132,9 +6352,11 @@ export function summarizeStage(stage: string) {
 
 ```ts src/reports/lib/StageTiles.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
 import { measure, publishedBy } from '@abide/harness/measure'
+
 import StageTiles from './StageTiles.abide'
 
 test('three tiles read one summary, worked out once per switch', async () => {
@@ -6160,6 +6382,7 @@ The three tiles read one derived value, so the summary runs once however many ti
 ```abide src/reports/lib/WonDeals.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import { money } from './money.ts'
 
 let won = reactive([{ company: 'Analytical Engines', amount: 8000 }])
@@ -6199,9 +6422,11 @@ export const money = {
 
 ```ts src/reports/lib/WonDeals.test.ts
 import { expect, spyOn } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
 import { gate } from '@abide/harness/gate'
+
 import { money } from './money.ts'
 import WonDeals from './WonDeals.abide'
 
@@ -6257,6 +6482,7 @@ With that set, every gate runs a second time with the revert installed, and that
 ```abide src/reports/lib/Forecast.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import { advance, type Deal, forecast } from './forecast.ts'
 
 let deals = reactive<Deal[]>([
@@ -6313,8 +6539,10 @@ export function advance(deals: Deal[], index: number): Deal[] {
 
 ```ts src/reports/lib/Forecast.test.ts
 import { expect, test } from 'bun:test'
+
 import { flushSync } from '@abide/abide'
 import { mount } from '@abide/harness/abide'
+
 import Forecast from './Forecast.abide'
 
 test('advancing a deal moves the forecast by its weighted amount', async () => {
@@ -6330,7 +6558,8 @@ test('advancing a deal moves the forecast by its weighted amount', async () => {
 
 ```ts src/reports/lib/Forecast.bench.ts
 import { reactive } from '@abide/abide'
-import { type Batched, batch } from '@abide/harness/report'
+import { batch, type Batched } from '@abide/harness/report'
+
 import { advance, type Deal, forecast } from './forecast.ts'
 
 // The forecast as the card keeps it, over a pipeline of `count` deals.
@@ -6392,6 +6621,7 @@ The `bench` script is `harness-bench`, which hands `runBenches` every `*.bench.t
 ```abide src/reports/lib/TopDeals.abide
 <script>
 import { reactive } from '@abide/abide'
+
 import { topFive } from './rankDeals.ts'
 
 let by = reactive<'amount' | 'idle'>('amount')
@@ -6482,6 +6712,7 @@ A faster sort saves at most the part of the click the sort was. Find that part b
 ```abide src/reports/lib/DealsExport.abide
 <script>
 import { props } from '@abide/abide'
+
 import { dealsOf, type ExportedDeal } from './dealsOf.ts'
 
 const { deals = dealsOf(4) } = props<{ deals?: ExportedDeal[] }>()
@@ -6517,8 +6748,10 @@ export function dealsOf(count: number): ExportedDeal[] {
 
 ```ts src/reports/lib/DealsExport.test.ts
 import { expect, test } from 'bun:test'
+
 import { render } from '@abide/abide/server'
 import { bytes } from '@abide/harness/server'
+
 import DealsExport from './DealsExport.abide'
 import { dealsOf } from './dealsOf.ts'
 
@@ -6574,6 +6807,8 @@ abide start --port 8080
 
 `abide check [dir…]` type-checks the `.abide` files as well as the TypeScript, and reports on the line you wrote. `abide lsp` is the same check in your editor. Run it first in CI, because it is the cheapest failure to report.
 
+`abide format [--check] [dir…]` formats every `.abide` the way `bun fmt` formats everything else: its scripts, styles and expressions under the `[fmt]` options in `bunfig.toml`, and its markup indented by its nesting. `--check` writes nothing and fails where a file would change, and `abide lsp` formats on save the same way.
+
 `abide build` writes content-hashed chunks and a manifest naming them. `abide start [--port <n>]` serves what was built, and builds first where nothing was. Configuration is checked as it starts, so a misconfigured deployment fails to come up.
 
 | Name | What it does for the CRM |
@@ -8184,8 +8419,8 @@ Generated surfaces: what is written in place rather than imported.
 | Name | Signature | Meaning | Rules |
 | --- | --- | --- | --- |
 | `claudeCode` | `(config?: ClaudeCodeConfig) => Provider` | The visitor's own Claude Code, reached through the bridge paired with their browser, as a provider. | [44.5](/rulebook#44.5), [44.13](/rulebook#44.13), [44.17](/rulebook#44.17), [44.18](/rulebook#44.18), [44.19](/rulebook#44.19), [44.24](/rulebook#44.24), [44.25](/rulebook#44.25), [44.27](/rulebook#44.27), [44.30](/rulebook#44.30), [44.33](/rulebook#44.33) |
-| `claudeCode.bridgeCommand` | `(options?: { tools?: string[] }) => { command: string; expires: number }` | The command that pairs a bridge with this browser, granting the built-in tools it is given. | [44.14](/rulebook#44.14), [44.32](/rulebook#44.32), [44.33](/rulebook#44.33) |
-| `claudeCode.bridge` | `(options?: { tools?: string[] }) => AsyncGenerator<BridgeStatus>` | This browser's pairing, as it changes. | [44.20](/rulebook#44.20), [44.22](/rulebook#44.22), [44.32](/rulebook#44.32), [44.33](/rulebook#44.33), [44.34](/rulebook#44.34) |
+| `claudeCode.bridgeCommand` | `(options?: { tools?: string[] }) => { command: string; link: string; expires: number }` | The command and the link that pair a bridge with this browser, granting the built-in tools it is given. | [44.14](/rulebook#44.14), [44.32](/rulebook#44.32), [44.33](/rulebook#44.33), [44.40](/rulebook#44.40), [44.41](/rulebook#44.41), [44.42](/rulebook#44.42), [44.43](/rulebook#44.43) |
+| `claudeCode.bridge` | `(options?: { tools?: string[] }) => AsyncGenerator<BridgeStatus>` | This browser's pairing, as it changes. | [44.20](/rulebook#44.20), [44.22](/rulebook#44.22), [44.32](/rulebook#44.32), [44.33](/rulebook#44.33), [44.34](/rulebook#44.34), [44.40](/rulebook#44.40) |
 | `/__abide/bridge` | `GET`, `POST` | Where a bridge pairs, and is relayed its turns. | [36.7](/rulebook#36.7), [44.14](/rulebook#44.14), [44.15](/rulebook#44.15), [44.19](/rulebook#44.19), [44.23](/rulebook#44.23), [44.26](/rulebook#44.26), [16.57](/rulebook#16.57), [16.78](/rulebook#16.78) |
 
 ## Taught in
@@ -8222,7 +8457,7 @@ Generated surfaces: what is written in place rather than imported.
 
 | Name | Signature | Meaning | Rules |
 | --- | --- | --- | --- |
-| `BridgeStatus` | `{ paired: boolean; command: string \| undefined }` | Whether a bridge is paired, and the command that pairs one where none is. | [44.20](/rulebook#44.20) |
+| `BridgeStatus` | `{ paired: boolean; command: string \| undefined; link: string \| undefined }` | Whether a bridge is paired, and the command and the link that pair one where none is. | [44.20](/rulebook#44.20), [44.40](/rulebook#44.40) |
 
 ## Taught in
 
@@ -10504,6 +10739,7 @@ CLI: what is written in place rather than imported.
 | `abide scaffold <name>` | Writes a starter project. | [38.1](/rulebook#38.1), [38.42](/rulebook#38.42), [38.103](/rulebook#38.103), [38.104](/rulebook#38.104), [38.106](/rulebook#38.106), [38.112](/rulebook#38.112), [38.122](/rulebook#38.122), [38.124](/rulebook#38.124) |
 | `abide run <file> [args…]` | Runs a script under the abide runtime. | [38.2](/rulebook#38.2), [38.57](/rulebook#38.57) |
 | `abide check [dir…]` | The type-checker over a `.abide` tree. | [38.3](/rulebook#38.3), [38.31](/rulebook#38.31), [38.32](/rulebook#38.32), [38.33](/rulebook#38.33), [38.40](/rulebook#38.40), [38.105](/rulebook#38.105), [38.123](/rulebook#38.123) |
+| `abide format [--check] [dir…]` | The formatter over a `.abide` tree. | [38.25](/rulebook#38.25), [38.125](/rulebook#38.125), [38.126](/rulebook#38.126), [38.127](/rulebook#38.127), [38.128](/rulebook#38.128), [38.129](/rulebook#38.129) |
 | `abide routes [--json]` | Every address the app answers, the file answering it, what each matcher takes, and where each hook is filed. | [38.108](/rulebook#38.108), [38.123](/rulebook#38.123) |
 | `abide dev [--port <n>]` | Watches the project and keeps the app up. | [16.23](/rulebook#16.23), [16.56](/rulebook#16.56), [37.8](/rulebook#37.8), [37.9](/rulebook#37.9), [38.4](/rulebook#38.4), [38.14](/rulebook#38.14), [38.15](/rulebook#38.15), [38.16](/rulebook#38.16), [38.17](/rulebook#38.17), [38.19](/rulebook#38.19), [38.24](/rulebook#38.24), [38.25](/rulebook#38.25), [38.26](/rulebook#38.26), [38.28](/rulebook#38.28), [38.30](/rulebook#38.30), [38.35](/rulebook#38.35), [38.36](/rulebook#38.36), [38.37](/rulebook#38.37), [38.38](/rulebook#38.38), [38.41](/rulebook#38.41), [38.43](/rulebook#38.43), [38.58](/rulebook#38.58), [38.63](/rulebook#38.63), [38.64](/rulebook#38.64), [38.65](/rulebook#38.65), [38.94](/rulebook#38.94), [38.96](/rulebook#38.96), [38.97](/rulebook#38.97), [38.123](/rulebook#38.123) |
 | `abide build` | Builds the client into content-hashed chunks and a manifest. | [38.43](/rulebook#38.43), [38.5](/rulebook#38.5), [38.18](/rulebook#38.18), [38.25](/rulebook#38.25), [38.26](/rulebook#38.26), [38.27](/rulebook#38.27), [38.30](/rulebook#38.30), [38.66](/rulebook#38.66), [38.94](/rulebook#38.94), [38.123](/rulebook#38.123) |
@@ -10515,7 +10751,7 @@ CLI: what is written in place rather than imported.
 | `abide watch <address> [args]` | A live subscription to one of the app's followed `GET`s. | [38.69](/rulebook#38.69) |
 | `abide compile [--target] [--out] [--platforms]` | One standalone executable. | [37.8](/rulebook#37.8), [37.10](/rulebook#37.10), [37.11](/rulebook#37.11), [37.12](/rulebook#37.12), [38.10](/rulebook#38.10), [38.25](/rulebook#38.25), [38.26](/rulebook#38.26), [38.44](/rulebook#38.44), [38.45](/rulebook#38.45), [38.46](/rulebook#38.46), [38.47](/rulebook#38.47), [38.48](/rulebook#38.48), [38.49](/rulebook#38.49), [38.50](/rulebook#38.50), [38.51](/rulebook#38.51), [38.52](/rulebook#38.52), [38.56](/rulebook#38.56), [38.93](/rulebook#38.93), [38.97](/rulebook#38.97), [38.123](/rulebook#38.123) |
 | `abide bundle [--out]` | A desktop app for the host platform, with a window on the app. | [38.10](/rulebook#38.10), [38.25](/rulebook#38.25), [38.26](/rulebook#38.26), [38.70](/rulebook#38.70), [38.71](/rulebook#38.71), [38.72](/rulebook#38.72), [38.73](/rulebook#38.73), [38.74](/rulebook#38.74), [38.75](/rulebook#38.75), [38.76](/rulebook#38.76), [38.77](/rulebook#38.77), [38.78](/rulebook#38.78), [38.79](/rulebook#38.79), [38.80](/rulebook#38.80), [38.81](/rulebook#38.81), [38.82](/rulebook#38.82), [38.83](/rulebook#38.83), [38.84](/rulebook#38.84), [38.85](/rulebook#38.85), [38.86](/rulebook#38.86), [38.87](/rulebook#38.87), [38.88](/rulebook#38.88), [38.89](/rulebook#38.89), [38.90](/rulebook#38.90), [38.91](/rulebook#38.91), [38.92](/rulebook#38.92), [38.101](/rulebook#38.101), [38.102](/rulebook#38.102), [38.123](/rulebook#38.123) |
-| `abide lsp` | The `.abide` language server, over stdio. | [38.11](/rulebook#38.11), [38.34](/rulebook#38.34), [38.39](/rulebook#38.39), [38.98](/rulebook#38.98), [38.116](/rulebook#38.116), [38.117](/rulebook#38.117), [38.118](/rulebook#38.118) |
+| `abide lsp` | The `.abide` language server, over stdio. | [38.11](/rulebook#38.11), [38.34](/rulebook#38.34), [38.39](/rulebook#38.39), [38.98](/rulebook#38.98), [38.116](/rulebook#38.116), [38.117](/rulebook#38.117), [38.118](/rulebook#38.118), [38.130](/rulebook#38.130) |
 | `--help` · `-h` · `abide help` | Usage, generated from the command list. | [38.12](/rulebook#38.12), [38.113](/rulebook#38.113), [38.114](/rulebook#38.114) |
 | `--version` · `-v` | The version of abide, or of the app a compiled executable holds. | [38.115](/rulebook#38.115) |