altitude-design 0.5.0 → 0.5.1

package/dist/guidance/components/AgentFleet/README.md

@@ -1,6 +1,6 @@
 # AgentFleet
 
-Every agent working on one job, as a roster: grouped by what they need from you (needs you, working, done), each row saying the agent's state in words, what it's doing in one line, how long it has waited or run, where it is in its plan and what it has spent, with warnings for trouble that's coming (two agents changing one file, an agent making no progress). For supervising several agents at once; see [the research](https://github.com/richlaconte/altitude/blob/v0.5.0/docs/research/agent-orchestration/README.md).
+Every agent working on one job, as a roster: grouped by what they need from you (needs you, working, done), each row saying the agent's state in words, what it's doing in one line, how long it has waited or run, where it is in its plan and what it has spent, with warnings for trouble that's coming (two agents changing one file, an agent making no progress). For supervising several agents at once; see [the research](https://github.com/richlaconte/altitude/blob/v0.5.1/docs/research/agent-orchestration/README.md).
 
 **Elevation: a record of agents, with live rows.**
 - **Rows** are the record: flush at rest, lifting one level when pointed at because selecting one opens it. The open agent is selected, as a table's row is: `accent-soft`, raised one level, `aria-current`.

package/dist/guidance/components/CommentThread/README.md

@@ -73,7 +73,9 @@ export default function App() {
         onDelete={(id) => setComments((xs) => xs.map((x) => (x.id === id ? { ...x, deleted: true } : x)))}
         onUndoDelete={(id) => setComments((xs) => xs.map((x) => (x.id === id ? { ...x, deleted: false } : x)))}
         mentionable={(q) => people.filter((p) => p.name.toLowerCase().includes(q.toLowerCase()))} typing={resolved ? [] : ['Ada Obi']} />
-      <Switch label="Make the next post fail" checked={failNext} onCheckedChange={setFailNext} />
+      <details className="preview-fixtures"><summary>Example fixtures</summary>
+        <Switch label="Make the next post fail" checked={failNext} onCheckedChange={setFailNext} />
+      </details>
     </div>
   );
 }

package/dist/guidance/components/InlineEdit/README.md

@@ -130,7 +130,7 @@ Optional labels are `editLabel` (default `Edit ${label}`), `saveLabel` (“Save
 
 The canonical `InlineEdit` section in `build/previews.txt` renders a task title (in its heading font), a multiline description, the task's status (Select, on choose, with a rejected “Blocked”), assignee (Combobox, on choose) and estimate (a numeric Input), an independent filename table cell with this component, and “Ways to open”: a pencil and two fields on hover, with seams. A collapsed documentation harness selects deterministic fixtures before mounting, resets records and counters, delays validation, applies external updates, removes the filename consumer during work and opens a dialog comparison using the same validation and persistence adapter. Fixture controls and operation logs stay outside the product scene.
 
-Run `node checks/inline-edit.mjs` from `build/` after generating preview fixtures. `ALT_FIXTURE_ROOT=test/react19` selects the React 19 source fixtures. The checks cover editing in place (the value's text doesn't move, the control takes its font, the pencil and the field move nothing on hover, the caret lands where clicked, the seam, the announcement that clears itself), multiline (newline on Enter, Ctrl/Cmd+Enter, IME, Escape, caret at the end, growth to `maxRows`, line breaks in read mode), custom editors (focus, Escape layering, on-choose saves and rejections, unchanged choices, numeric validation), lifecycle races, retained input, uncertainty reconciliation, conflict latching, keyboard/IME, focus, disabled behavior and the four-scheme responsive/accessibility matrix. Automated checks do not replace the human screen-reader, touch, magnification or formative comparisons recorded in [Actions in place validation](https://github.com/richlaconte/altitude/blob/v0.5.0/project/ActionsInPlaceValidation.md).
+Run `node checks/inline-edit.mjs` from `build/` after generating preview fixtures. `ALT_FIXTURE_ROOT=test/react19` selects the React 19 source fixtures. The checks cover editing in place (the value's text doesn't move, the control takes its font, the pencil and the field move nothing on hover, the caret lands where clicked, the seam, the announcement that clears itself), multiline (newline on Enter, Ctrl/Cmd+Enter, IME, Escape, caret at the end, growth to `maxRows`, line breaks in read mode), custom editors (focus, Escape layering, on-choose saves and rejections, unchanged choices, numeric validation), lifecycle races, retained input, uncertainty reconciliation, conflict latching, keyboard/IME, focus, disabled behavior and the four-scheme responsive/accessibility matrix. Automated checks do not replace the human screen-reader, touch, magnification or formative comparisons recorded in [Actions in place validation](https://github.com/richlaconte/altitude/blob/v0.5.1/project/ActionsInPlaceValidation.md).
 
 <!-- example: generated from build/previews.txt by build/previews.mjs. Edit the preview, not this section. -->
 ## Example

package/dist/guidance/components/SaveBar/README.md

@@ -55,9 +55,11 @@ export default function App() {
   return (
     <div className="col">
       <div className="sb">{f('name', 'Workspace name')}{f('domain', 'Domain')}{f('seats', 'Seats')}{f('region', 'Region')}</div>
-      <Switch label="Make the next save fail" checked={failNext} onCheckedChange={setFailNext} />
       <p className="cap">Change a field: once the change settles, the bar rises from the bottom edge. ⌘S or Save hovers while saving and lowers away when saved; a failed save drops into a trench and keeps your changes.</p>
       <SaveBar record={record} />
+      <details className="preview-fixtures"><summary>Example fixtures</summary>
+        <Switch label="Make the next save fail" checked={failNext} onCheckedChange={setFailNext} />
+      </details>
     </div>
   );
 }

package/dist/guidance/index.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
   "package": "altitude-design",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "entry": "README.md",
   "design": "visual/README.md",
   "patterns": [
@@ -1087,16 +1087,16 @@
     "scripts/build-framework-fixture.mjs": "references/scripts/build-framework-fixture.mjs"
   },
   "sourceHashes": {
-    "build/checks/agent-action-pattern.mjs": "166f5765839d2f60e7bd84cda2a834100306b3d5a80b4b45b79f2c2d33fce1e7",
+    "build/checks/agent-action-pattern.mjs": "3a28b6ae2e8e7cfa4c6c81653ab968f1f36db483d9c05fb966b93540a0fb66c3",
     "build/checks/agent-setup.mjs": "173dac8125bf1201db023d42a862d3c6f226ee3886efe40079fbd87e4fc53e8b",
-    "build/checks/assistant-conversation-pattern.mjs": "f289529c2ee594ad28269337da762f00ae1143f8bb217cf36b1596a5a5363618",
+    "build/checks/assistant-conversation-pattern.mjs": "14777b35732ac0b07401f46f844091b8d343a7f51a266e496169cb62daffed18",
     "build/checks/audit-log-pattern.mjs": "af7770e7bf08caa9e1875161e4fc39509e4f0a84e612cdf79cb547cb6046af74",
     "build/checks/auth-pattern.mjs": "7406cfa7c29c3bb3ac9075c8af079c6f7fd0bc296e81fef1c62667ec245c660b",
     "build/checks/billing-pattern.mjs": "75e1809769420bc4c714ba0ddb1298489af7152603018d980182e6131182edc2",
     "build/checks/developer-settings-pattern.mjs": "946cf163177db4aa4dfa30dac754d0229bc4b703ef1eac17a17dc35d19e2f093",
     "build/checks/guidance.mjs": "ccbf3f1138a99106b3811a41304752be012c1a2a16fede1469271f7235b08636",
     "build/checks/import-pattern.mjs": "6b98c0533bb0d8584ba0d677e579a0fdfdbdb5bd4663f261ecbdfb39181c45f6",
-    "build/checks/members-pattern.mjs": "bd550c7315dd6298efc1d524364dcfb505884a2e32bb9ed7c4995b53cc61a2a5",
+    "build/checks/members-pattern.mjs": "ab46f394037fb4b21860987a6bca2d01e823496bf40a18f4a21065e955ae573a",
     "build/checks/onboarding-pattern.mjs": "721ef5a202365d3597985bff9ade68bf3312c309687e846ce9a1669dcc00cae2",
     "build/checks/pattern-types.mjs": "858431d8b622af096b8a41f35df1789343f96aa07433e8a98185b8740a1ded19",
     "build/checks/pattern-workflows.mjs": "72e708399c0141c2b62ca94ab96382eb0e000df9d5a54045be814e261d9a9bdc",
@@ -1104,29 +1104,29 @@
     "build/checks/render-tells.mjs": "93eae3f005f2a93654e111627a343440a7d87fa4b11c7c9403283b627fc1834c",
     "build/checks/screen-layout-pattern.mjs": "c744bb32b29da50e2a1d852c1005b42addc0e1d7a98297e168f8ce7d51e4ad93",
     "build/checks/semantics.mjs": "2ee7689b0472dba2e782ff19304e01018ca470b252fe7137e82bb36a3e0042c0",
-    "build/checks/settings-pattern.mjs": "77a8d8e431e5e25e4f4af5c92e7be1e664dbab5aac9f587b7819bd9c196b3907",
+    "build/checks/settings-pattern.mjs": "8830130d4e62294bd759b056e96aef264490a94e8c686d5a9bcfe0f1135f8691",
     "build/checks/source-check.mjs": "07a22ce606b28e788ff501ff10da06ec66c2f947cf671d0cd57cb71e629007e0",
     "build/checks/sync-pattern.mjs": "2cf9f1ac96be6c48948dea0ffab0fda0a909b5ff19e3e3f9835b6d8bcdd7fbef",
     "build/checks/tells-lint.mjs": "f254fa9166f65a085d78cecf7ca66145151cd8b7868c732c25c44bbec2c2deac",
     "build/fixtures/pattern-workflows.tsx": "6781938d83aa85f48c63fff98f9eb5b45fcb5531b6a49f902ec9d497f6e65265",
-    "build/fixtures/patterns/agent-action.jsx": "96d07566b1eb498be16436b9ce1d8b4148c0841cb73b3d421c8ab240bd115559",
+    "build/fixtures/patterns/agent-action.jsx": "6840e91a8cd6726adda221bb2d1baacbabc0618d56b80b783215606d4782d5d7",
     "build/fixtures/patterns/app-skeleton.jsx": "d2d8e7d5373ee4d65c2e0ecc69451f35d9dfd4bed9f04cf66405cbe9c9478825",
-    "build/fixtures/patterns/assistant-conversation.jsx": "fda1f5ce21a8eb2f0f5da730cad9eb0ab65c91c9e46d69a88f9f6715434eda8a",
+    "build/fixtures/patterns/assistant-conversation.jsx": "9d6b6232da8fd1097bc7d82ec91e7c081843f990531216962c3e9cb030f714d2",
     "build/fixtures/patterns/audit-log.jsx": "ec1183de4c94c0309824b4187c082f7ea76d50a09953224e4164b4fc5fa70780",
     "build/fixtures/patterns/auth.jsx": "1b41c43b734deb75acd8bfd34dae445e627381884abd23512e37bfb1d644eabe",
     "build/fixtures/patterns/billing.jsx": "8f56ab9e6d09d73f1ae9ad5d690ff20372f9279d23010d6db7ef5e2a79d0100a",
     "build/fixtures/patterns/developer-settings.jsx": "7803d792f516b5a1ee823436c505802954865720f7c8dbae0742a1adc0b2d490",
     "build/fixtures/patterns/import.jsx": "3b4148a99bf90a477ae01a0905cae75200bc53427ea197cc2bcda0a9c2469ca2",
-    "build/fixtures/patterns/members.jsx": "2b25e2f0734a273b6d7366c746573a906b90d613164b7003fe6fd3e426496286",
+    "build/fixtures/patterns/members.jsx": "df0e6ab0a6030cf09715e1ea78f01a8ca6c61dde10c2679a2c75fe47247dfdba",
     "build/fixtures/patterns/onboarding.jsx": "3ae1325880efa862b84b5d9bcc0691bf6029e1f1ac031bb99adb6c0527c498a9",
     "build/fixtures/patterns/screen-layout-decision.jsx": "409d5ce48ddef3ca5de3427155e901f06d142938474894e9eabbc167c910c47a",
     "build/fixtures/patterns/screen-layout-editor.jsx": "a93c41d7590fd98fae48403c49e4d4e793b4e92e4cf5b8cc66e30ed0aa55ba68",
     "build/fixtures/patterns/screen-layout-report.jsx": "5de2691104456175ef51d2e1d11c85b4075341457e8acd3d5495615c2fbeb0a9",
-    "build/fixtures/patterns/settings.jsx": "92b9b472351f9a8a3479ab04f7890b1b3cbc356cf81926ff0c280f1bdbf0c435",
+    "build/fixtures/patterns/settings.jsx": "ecf7a60de4ca08e58474c6cc83b9dcb1009d393e11f67d3e9f83b74e5c0837a0",
     "build/fixtures/patterns/sync.jsx": "8474f762f7c63c4bd99fd337b080df1a788b4b92b2ced7fac5aaa1379b1a1eaf",
-    "build/previews.txt": "7f225e10b65eb4bc0b970d8a5030bad6632a335aa01c28ae7f9bb2a780b98869",
+    "build/previews.txt": "0f076d2d802daa3a1df52d899903addd5e27ebcd49bb0835be60ed1cee67c6b5",
     "docs/framework/AGENT-SETUP.md": "57b4ba98719fce472e08226a5c784ed4b9eb20241904445825cb2287a84a0162",
-    "project/ActionsInPlace.md": "448046810f619210c2d378d97f072722828736c99247c3436ef01edebc3d8885",
+    "project/ActionsInPlace.md": "6e92cffea09a960cbd872ae9208053b798939ce3145acc3404dac3b1272b1868",
     "project/Charts.md": "9439a024d8123088f90bb49844f922ce50ba4f255d85e7e6324bb55eee07f287",
     "project/Distinctiveness.md": "d2933b1d4c53622c31906154beca9edd89d457baa94fb4be3ae0fb8d414e76ce",
     "project/Elevation.md": "100532c631803e9a97018b9da5ffff60acf7d80559f9f162ba9e371f5510371f",
@@ -1166,7 +1166,7 @@
     "project/components/ColorPicker/README.md": "24a0f90b86d7b246976d8a41dc047c25bb4b6ccb80717f388783723f15497018",
     "project/components/Combobox/README.md": "f19169c7453cba104859b28eb54e8ec0224bd6ab9263a28bca8bbb4be0c67151",
     "project/components/CommandPalette/README.md": "a6bf308a4d791873cfedeaf190b422cd67ed4e6dbb7273f3b340f93432d7e741",
-    "project/components/CommentThread/README.md": "54134a30be5ac1d82f2036345869205d5d6003ca198e1d982c72bb2ef856806e",
+    "project/components/CommentThread/README.md": "a15f6473a03ba3c0fd04b6478349207725d1c73c508e8fdcc06c4d26718ee56a",
     "project/components/Confirmation/README.md": "c6ed60c3ae6c563da1a5473546d14986ecfe5ecf691794ee3e6d89e39f4e3ed4",
     "project/components/ContextMenu/README.md": "ab86dfa366dd2bacc98e6b01b45cc6e9919301e680a1d19798a0902b1b23475a",
     "project/components/Conversation/README.md": "13ad68c8d4c5a5687245d64136f413d3edc62ce06efcaa0a5771004157ec04f0",
@@ -1215,7 +1215,7 @@
     "project/components/RelativeTime/README.md": "5b1a7f716825233b457319c2398ba574419a757c2c92c11223dac5d64a9990a2",
     "project/components/RemovalReceipt/README.md": "b5a0392079b5f0db25ea12fa1e40fc5a2b7415360e9c35ecf523462fa88adc66",
     "project/components/Resizable/README.md": "c166d0af35119ec622919a7c274696deee465beb3b3a999e263d5ea9d248c1f1",
-    "project/components/SaveBar/README.md": "87661cb5efda0d3aadac7d89f503368ab54080faf902464af9f6d7ce31752aff",
+    "project/components/SaveBar/README.md": "7c2babe2cc3254122f438b67d0b6568135d235402261d83f7be127e6b8cf0f29",
     "project/components/SavedViews/README.md": "1eb6996c7ba7b6fe2f680603f66c4dcb0b2e98b5901dfa1ad405fd967a2e3fab",
     "project/components/ScatterChart/README.md": "73f447b83eea8093ffca91b260a71102bd4e5d7953b4028ffd005f29276bd8c6",
     "project/components/Schedule/README.md": "cab13327ec2b8ff9c317dc19ac12390705f15f9f9d61b94c3bc52810cb54ce82",

package/dist/guidance/llms.txt

@@ -1,4 +1,4 @@
-# Altitude 0.5.0
+# Altitude 0.5.1
 
 > Altitude's guidance for this installed version of altitude-design: the design rules, the task patterns and every component's guide. Height is the interface: settled content sits on the ground, anything live rises above it, anything waiting to receive sinks below it.
 

package/dist/guidance/manifest.json

@@ -1,11 +1,11 @@
 {
   "schemaVersion": 1,
-  "version": "0.5.0",
+  "version": "0.5.1",
   "files": {
     "agent-setup.md": "57b4ba98719fce472e08226a5c784ed4b9eb20241904445825cb2287a84a0162",
     "app-skeleton.md": "bc70896a86f4c1dbd3467620562eec62ccf99a9356ff72a7eab8621f492554d9",
     "components/Accordion/README.md": "b166e499eb3604ef84a375818db3aec91c5459870b5d6cd3133ecbdf36e145d6",
-    "components/AgentFleet/README.md": "d6c2d1eb34fd6737b4e12c2e67102745ab04eb077b2b65c3efcc5710e3da6256",
+    "components/AgentFleet/README.md": "3758d4181a85a909ddec8f847ee3ec540da408fb80b6c2c3ce4775756d0c8c1f",
     "components/AgentLanes/README.md": "247eb6e0ead0de5f15da920f083dbaa4150673723b081acf70e19026f982cd16",
     "components/AgentRequests/README.md": "e7ac986cef68b09b5a7df7d1c11cf44ef8d417a3d22f9436f7cea1d8b4190c18",
     "components/AILabel/README.md": "0002447d340029fe28652ed26c474c91edf89a0e23be300d24c198afb7086646",
@@ -34,7 +34,7 @@
     "components/ColorPicker/README.md": "24a0f90b86d7b246976d8a41dc047c25bb4b6ccb80717f388783723f15497018",
     "components/Combobox/README.md": "f19169c7453cba104859b28eb54e8ec0224bd6ab9263a28bca8bbb4be0c67151",
     "components/CommandPalette/README.md": "a6bf308a4d791873cfedeaf190b422cd67ed4e6dbb7273f3b340f93432d7e741",
-    "components/CommentThread/README.md": "54134a30be5ac1d82f2036345869205d5d6003ca198e1d982c72bb2ef856806e",
+    "components/CommentThread/README.md": "a15f6473a03ba3c0fd04b6478349207725d1c73c508e8fdcc06c4d26718ee56a",
     "components/Confirmation/README.md": "c6ed60c3ae6c563da1a5473546d14986ecfe5ecf691794ee3e6d89e39f4e3ed4",
     "components/ContextMenu/README.md": "ab86dfa366dd2bacc98e6b01b45cc6e9919301e680a1d19798a0902b1b23475a",
     "components/Conversation/README.md": "13ad68c8d4c5a5687245d64136f413d3edc62ce06efcaa0a5771004157ec04f0",
@@ -57,7 +57,7 @@
     "components/HoldButton/README.md": "bb81a002a2d37701a84a04123fbabd8cb820c52befaacaaf881de48d12f733f5",
     "components/HoverCard/README.md": "23e6de1b79fa302b2ce168431fd15339b33132663911521594882f338c1ca366",
     "components/InlineCitation/README.md": "b3f66c18bdf054f818525fbcf5f5db36535d121289f6d0451413ac0803bf8edd",
-    "components/InlineEdit/README.md": "67f3100f86d388de9b24ed6afc7fb9f880d5cb2deaafddbed37e02ed4538d21e",
+    "components/InlineEdit/README.md": "38d2f3b1b2368c8c690a55e0546db995b65897cd07c4c33d0b200c14e557ca30",
     "components/Input/README.md": "8b7df74399ce471bead1c81967e63ca1bb249aebd827abefd4fbf1a6a2a13e26",
     "components/InputOTP/README.md": "e1a17bca55de012b26f25dca299d7ffe01b21248efde19bea63ebeac4e2625aa",
     "components/ItemGroup/README.md": "87a1e6c3e124aec1012ef71dc69c3e5ab85feeb4735fa0b77db449a22692f6e8",
@@ -83,7 +83,7 @@
     "components/RelativeTime/README.md": "5b1a7f716825233b457319c2398ba574419a757c2c92c11223dac5d64a9990a2",
     "components/RemovalReceipt/README.md": "30ab65617692614d846298cb103d7737a5ba464610f44cda64bd0d737cefbc88",
     "components/Resizable/README.md": "c166d0af35119ec622919a7c274696deee465beb3b3a999e263d5ea9d248c1f1",
-    "components/SaveBar/README.md": "87661cb5efda0d3aadac7d89f503368ab54080faf902464af9f6d7ce31752aff",
+    "components/SaveBar/README.md": "7c2babe2cc3254122f438b67d0b6568135d235402261d83f7be127e6b8cf0f29",
     "components/SavedViews/README.md": "1eb6996c7ba7b6fe2f680603f66c4dcb0b2e98b5901dfa1ad405fd967a2e3fab",
     "components/ScatterChart/README.md": "ff9a5f079a75dabeb2df15d2c8db7282f280aae159ad618dfbaa5d25c8a77150",
     "components/Schedule/README.md": "cab13327ec2b8ff9c317dc19ac12390705f15f9f9d61b94c3bc52810cb54ce82",
@@ -118,8 +118,8 @@
     "components/Trace/README.md": "62c571b2d96a83e5515988eacecd47de3e2c1a2452476d00645d1a26d3cbae3d",
     "components/Tree/README.md": "9fadf66c7d223653bd299362e997c814f06baf2a9c59f8ebc15ef9a0a24235e4",
     "evidence.json": "71e9602167286fb714419d0e89a80d4765b632c910d51875d1b167fd1ee499d9",
-    "index.json": "b962e470caf8d41b1e1027baeafa1cdd2db12325a31e5850aa59472bd7bfc8db",
-    "llms.txt": "086fee98bb1afb6b42808a887454aacd258d6bf917874ae258894e4e12cc582c",
+    "index.json": "613707136c882562c94686f3400f31839e6fbd4352272ca5b187a5addef3a497",
+    "llms.txt": "705e875de8e0f52824c83a01f180303c20d771fa0f6a67792002c1cdf3a39353",
     "pattern.schema.json": "abcb37bd5de4a74f27ac079e587e5d288b23e491569a73971f1a31131a37d309",
     "patterns/agent-action.json": "532915c25183d1a6093d9e14b929f3e49d29e400b116ef0612d933d70d49b09a",
     "patterns/agent-action.md": "a11e9d98a84d8a0fae755bae3e618e7daa2608f1f853cfe88e2e58ee74cc01e7",
@@ -155,16 +155,16 @@
     "patterns/sync.md": "9b6c6928fe19c6f28b88bd092997c0c0645aedddf02a25327a1c7c60969e3729",
     "principles.md": "1c57c684c4b0029012a79d6a38b26b8821abf75852b14db2b18b7e7f6d364b32",
     "README.md": "bde7983588a9fd0f7bbcc0d282dc110ecb4811cd5753a4ea835399c7ea7ff520",
-    "references/build/checks/agent-action-pattern.mjs": "166f5765839d2f60e7bd84cda2a834100306b3d5a80b4b45b79f2c2d33fce1e7",
+    "references/build/checks/agent-action-pattern.mjs": "3a28b6ae2e8e7cfa4c6c81653ab968f1f36db483d9c05fb966b93540a0fb66c3",
     "references/build/checks/agent-setup.mjs": "173dac8125bf1201db023d42a862d3c6f226ee3886efe40079fbd87e4fc53e8b",
-    "references/build/checks/assistant-conversation-pattern.mjs": "f289529c2ee594ad28269337da762f00ae1143f8bb217cf36b1596a5a5363618",
+    "references/build/checks/assistant-conversation-pattern.mjs": "14777b35732ac0b07401f46f844091b8d343a7f51a266e496169cb62daffed18",
     "references/build/checks/audit-log-pattern.mjs": "af7770e7bf08caa9e1875161e4fc39509e4f0a84e612cdf79cb547cb6046af74",
     "references/build/checks/auth-pattern.mjs": "7406cfa7c29c3bb3ac9075c8af079c6f7fd0bc296e81fef1c62667ec245c660b",
     "references/build/checks/billing-pattern.mjs": "75e1809769420bc4c714ba0ddb1298489af7152603018d980182e6131182edc2",
     "references/build/checks/developer-settings-pattern.mjs": "946cf163177db4aa4dfa30dac754d0229bc4b703ef1eac17a17dc35d19e2f093",
     "references/build/checks/guidance.mjs": "ccbf3f1138a99106b3811a41304752be012c1a2a16fede1469271f7235b08636",
     "references/build/checks/import-pattern.mjs": "6b98c0533bb0d8584ba0d677e579a0fdfdbdb5bd4663f261ecbdfb39181c45f6",
-    "references/build/checks/members-pattern.mjs": "bd550c7315dd6298efc1d524364dcfb505884a2e32bb9ed7c4995b53cc61a2a5",
+    "references/build/checks/members-pattern.mjs": "ab46f394037fb4b21860987a6bca2d01e823496bf40a18f4a21065e955ae573a",
     "references/build/checks/onboarding-pattern.mjs": "721ef5a202365d3597985bff9ade68bf3312c309687e846ce9a1669dcc00cae2",
     "references/build/checks/pattern-types.mjs": "858431d8b622af096b8a41f35df1789343f96aa07433e8a98185b8740a1ded19",
     "references/build/checks/pattern-workflows.mjs": "72e708399c0141c2b62ca94ab96382eb0e000df9d5a54045be814e261d9a9bdc",
@@ -172,25 +172,25 @@
     "references/build/checks/render-tells.mjs": "93eae3f005f2a93654e111627a343440a7d87fa4b11c7c9403283b627fc1834c",
     "references/build/checks/screen-layout-pattern.mjs": "c744bb32b29da50e2a1d852c1005b42addc0e1d7a98297e168f8ce7d51e4ad93",
     "references/build/checks/semantics.mjs": "2ee7689b0472dba2e782ff19304e01018ca470b252fe7137e82bb36a3e0042c0",
-    "references/build/checks/settings-pattern.mjs": "77a8d8e431e5e25e4f4af5c92e7be1e664dbab5aac9f587b7819bd9c196b3907",
+    "references/build/checks/settings-pattern.mjs": "8830130d4e62294bd759b056e96aef264490a94e8c686d5a9bcfe0f1135f8691",
     "references/build/checks/source-check.mjs": "07a22ce606b28e788ff501ff10da06ec66c2f947cf671d0cd57cb71e629007e0",
     "references/build/checks/sync-pattern.mjs": "2cf9f1ac96be6c48948dea0ffab0fda0a909b5ff19e3e3f9835b6d8bcdd7fbef",
     "references/build/checks/tells-lint.mjs": "f254fa9166f65a085d78cecf7ca66145151cd8b7868c732c25c44bbec2c2deac",
     "references/build/fixtures/pattern-workflows.tsx": "6781938d83aa85f48c63fff98f9eb5b45fcb5531b6a49f902ec9d497f6e65265",
-    "references/build/fixtures/patterns/agent-action.jsx": "96d07566b1eb498be16436b9ce1d8b4148c0841cb73b3d421c8ab240bd115559",
+    "references/build/fixtures/patterns/agent-action.jsx": "6840e91a8cd6726adda221bb2d1baacbabc0618d56b80b783215606d4782d5d7",
     "references/build/fixtures/patterns/app-skeleton.jsx": "d2d8e7d5373ee4d65c2e0ecc69451f35d9dfd4bed9f04cf66405cbe9c9478825",
-    "references/build/fixtures/patterns/assistant-conversation.jsx": "fda1f5ce21a8eb2f0f5da730cad9eb0ab65c91c9e46d69a88f9f6715434eda8a",
+    "references/build/fixtures/patterns/assistant-conversation.jsx": "9d6b6232da8fd1097bc7d82ec91e7c081843f990531216962c3e9cb030f714d2",
     "references/build/fixtures/patterns/audit-log.jsx": "ec1183de4c94c0309824b4187c082f7ea76d50a09953224e4164b4fc5fa70780",
     "references/build/fixtures/patterns/auth.jsx": "1b41c43b734deb75acd8bfd34dae445e627381884abd23512e37bfb1d644eabe",
     "references/build/fixtures/patterns/billing.jsx": "8f56ab9e6d09d73f1ae9ad5d690ff20372f9279d23010d6db7ef5e2a79d0100a",
     "references/build/fixtures/patterns/developer-settings.jsx": "7803d792f516b5a1ee823436c505802954865720f7c8dbae0742a1adc0b2d490",
     "references/build/fixtures/patterns/import.jsx": "3b4148a99bf90a477ae01a0905cae75200bc53427ea197cc2bcda0a9c2469ca2",
-    "references/build/fixtures/patterns/members.jsx": "2b25e2f0734a273b6d7366c746573a906b90d613164b7003fe6fd3e426496286",
+    "references/build/fixtures/patterns/members.jsx": "df0e6ab0a6030cf09715e1ea78f01a8ca6c61dde10c2679a2c75fe47247dfdba",
     "references/build/fixtures/patterns/onboarding.jsx": "3ae1325880efa862b84b5d9bcc0691bf6029e1f1ac031bb99adb6c0527c498a9",
     "references/build/fixtures/patterns/screen-layout-decision.jsx": "409d5ce48ddef3ca5de3427155e901f06d142938474894e9eabbc167c910c47a",
     "references/build/fixtures/patterns/screen-layout-editor.jsx": "a93c41d7590fd98fae48403c49e4d4e793b4e92e4cf5b8cc66e30ed0aa55ba68",
     "references/build/fixtures/patterns/screen-layout-report.jsx": "5de2691104456175ef51d2e1d11c85b4075341457e8acd3d5495615c2fbeb0a9",
-    "references/build/fixtures/patterns/settings.jsx": "92b9b472351f9a8a3479ab04f7890b1b3cbc356cf81926ff0c280f1bdbf0c435",
+    "references/build/fixtures/patterns/settings.jsx": "ecf7a60de4ca08e58474c6cc83b9dcb1009d393e11f67d3e9f83b74e5c0837a0",
     "references/build/fixtures/patterns/sync.jsx": "8474f762f7c63c4bd99fd337b080df1a788b4b92b2ced7fac5aaa1379b1a1eaf",
     "references/project/components/src/pattern-async-collection.tsx": "9e4df2265d1de6f269278eb4a42d8d63b3ef74a881a455eb17102be477ecbf4d",
     "references/project/components/src/pattern-consequential-action.tsx": "ffe49b7a9fa978e9177c6f3d839d311bdd3da913a6eeedc241800b10fc3287f7",
@@ -199,15 +199,15 @@
     "references/project/components/src/settings.tsx": "957a04e37936746f2b6b4086d8e2f866ce71f7fb9dded8ba81fff56840206e01",
     "references/scripts/build-framework-fixture.mjs": "1b4a2d7ece0459d2c4df2ec067d8d3b9d00110f2af1cef3be6042ab8f9ea90c9",
     "rules.json": "552c8328f60adc9eef4aa9aeed098e3a5c617e993bd300781389da8ad0e402c9",
-    "visual/ActionsInPlace.md": "72f7437176c5a4618e31d4fb2cc8a82a8f0b759aa19d268b75ebcd9c8599b822",
+    "visual/ActionsInPlace.md": "6d6370b2da6b2664096c74edb0404d4c41eff5c836c366cf0b53fc307413853a",
     "visual/Charts.md": "9439a024d8123088f90bb49844f922ce50ba4f255d85e7e6324bb55eee07f287",
-    "visual/Distinctiveness.md": "31fa4f87316b24662a7fa3b3509c6aac32428a96866bc5b71ac6f9b743060723",
+    "visual/Distinctiveness.md": "c3f9c7884ec2a5880257ad6ee80ba03f2f8c63e9e127b0d9424a978b714716f4",
     "visual/Elevation.md": "50f2aeefd457e1a329cc80578b196c48cbf0c019a5f43d75901d92b4b4632c44",
     "visual/Fundamentals.md": "65120fd170ff8ea9f50b1498bfedc8c45dbe1a616bfccc32664213e5404d3a32",
     "visual/Mobile.md": "511db58119a1653c2c00e2ccb34c6cf943de93f2184dec0faf3228f563e0b1b7",
     "visual/Motion.md": "7fa4e7501b710a5599c7a8c99e531f2b9b1b4dfeba6a6a4d9716685d45f33d31",
     "visual/README.md": "08c3a9ef3ff53a0fb8f9f873240022edefc67739a16d1f50c3a47367f72fc9f9",
-    "visual/Research.md": "295e573e45d8ca3753b8091d5ace15e868375aca34e697a01bebb6d85c2187ad",
-    "visual/Theming.md": "b8cfc8f9c8fa9d8b7179e25ca42caf15bc03ecd20a3d9a563c4872b95fe71f95"
+    "visual/Research.md": "fea667b84b3ac4c73b31b7a033c43c6323a5ee38e71ab930d4da1e57048bc096",
+    "visual/Theming.md": "3b922953bdb1040cf240aa3d69eef1d502c1f6d6f33a8ea0bcb5d8e608c31b5a"
   }
 }

package/dist/guidance/references/build/checks/agent-action-pattern.mjs

@@ -4,6 +4,7 @@
 // failed step says nothing changed and retries; the changed record carries an AI label naming the approver. Run after a
 // render of every preview (it opens test/p-AgentActionPattern-daylight.html); exits non-zero on a failure.
 import { chromium } from 'playwright-core';
+import { openFixtures } from './preview-fixtures.mjs';
 const browser = await chromium.launch(process.env.CHROME ? { executablePath: process.env.CHROME } : {});
 const T = new URL('../test/', import.meta.url).pathname;
 let pass = 0, fail = 0;
@@ -43,6 +44,7 @@ await page.getByRole('button', { name: 'Undo archive' }).click();
 await page.waitForTimeout(200);
 expect(/Archive undone/.test(await page.evaluate(() => document.querySelector('.ag-receipt').textContent)), 'Undo reverses the reversible step');
 
+await openFixtures(page);
 await page.getByRole('switch', { name: 'Make the next step fail' }).click();
 await page.getByRole('button', { name: 'Run again' }).click();
 await page.waitForTimeout(1100);

package/dist/guidance/references/build/checks/assistant-conversation-pattern.mjs

@@ -5,6 +5,7 @@
 // words. Run after a render of every preview (it opens test/p-AssistantConversationPattern-daylight.html); exits
 // non-zero on a failure.
 import { chromium } from 'playwright-core';
+import { openFixtures } from './preview-fixtures.mjs';
 const browser = await chromium.launch(process.env.CHROME ? { executablePath: process.env.CHROME } : {});
 const T = new URL('../test/', import.meta.url).pathname;
 let pass = 0, fail = 0;
@@ -26,6 +27,7 @@ await page.click('.alt-msg[data-from="assistant"] button:has-text("Retry")'); aw
 a = await answer();
 expect(a.stream === 'complete' && a.text.includes('decision from legal by Friday'), `Retry completes the answer (${a.stream})`);
 // Offline: the message stays in the composer, said in words.
+await openFixtures(page);
 await page.click('[role="radio"]:has-text("Offline"), button:has-text("Offline")'); await page.waitForTimeout(100);
 await box.fill('Summarise it'); await box.press('Enter'); await page.waitForTimeout(700);
 let r = await read();

package/dist/guidance/references/build/checks/members-pattern.mjs

@@ -5,6 +5,7 @@
 // what they lose and is said once done; revoking an invitation is said and focus goes to the heading. Run after a render
 // of every preview (it opens test/p-MembersPattern-daylight.html); exits non-zero on a failure.
 import { chromium } from 'playwright-core';
+import { openFixtures } from './preview-fixtures.mjs';
 const browser = await chromium.launch(process.env.CHROME ? { executablePath: process.env.CHROME } : {});
 const T = new URL('../test/', import.meta.url).pathname;
 let pass = 0, fail = 0;
@@ -43,6 +44,7 @@ expect(r.status === 'pending' && /Changing role…/.test(r.text), `a role change
 await page.waitForTimeout(700);
 r = await row('Theo Marsh');
 expect(r.status === 'committed' && /Role changed/.test(r.text), 'and lands as changed');
+await openFixtures(page);
 await page.getByRole('switch', { name: 'Make the next role change fail' }).click();
 await page.getByRole('button', { name: 'Role for Ines Duarte' }).click();
 await page.getByRole('option', { name: 'Viewer' }).click();

package/dist/guidance/references/build/checks/settings-pattern.mjs

@@ -5,6 +5,7 @@
 // needs the workspace's name typed into a stationary dialog. Run after a render of every preview (it opens
 // test/p-SettingsPattern-daylight.html); exits non-zero on a failure.
 import { chromium } from 'playwright-core';
+import { openFixtures } from './preview-fixtures.mjs';
 const browser = await chromium.launch(process.env.CHROME ? { executablePath: process.env.CHROME } : {});
 const T = new URL('../test/', import.meta.url).pathname;
 let pass = 0, fail = 0;
@@ -29,6 +30,7 @@ expect(await page.evaluate(() => getComputedStyle(document.querySelector('.alt-s
 await page.waitForTimeout(800);
 r = await row('Weekly digest');
 expect(r.status === 'committed' && r.words === 'Saved' && r.checked === 'false', `then lands, saved (${JSON.stringify(r)})`);
+await openFixtures(page);
 await page.getByRole('switch', { name: 'Make the next change fail' }).click();
 await page.getByRole('switch', { name: 'Mentions' }).click();
 await page.waitForTimeout(1300);

package/dist/guidance/references/build/fixtures/patterns/agent-action.jsx

@@ -24,36 +24,40 @@ function App() {
   const stepFor = (c) => (c === 'requested' ? 'awaiting-approval' : c === 'running' || c === 'approved' ? 'running' : c === 'failed' ? 'failed' : 'done');
   const ready = archive === 'done';
   return (
-    <main className="ag-page">
-      <div className="ag-ask"><span className="ag-who">You asked</span><p>Clean up leads nobody has touched since July, and tell their owners.</p></div>
-      <div className="ag-demo"><A.Switch label="Make the next step fail" checked={failNext} onCheckedChange={setFailNext} /><A.Button size="sm" onClick={restart}>Run again</A.Button></div>
-      <A.Trace aria-label="Assistant run: clean up stale leads">
-        <A.TraceStep title="Find leads untouched since July" status={search} duration={search === 'done' ? 900 : undefined}
-          error={search === 'failed' ? 'The CRM didn’t answer in time. Nothing was changed.' : undefined} onRetry={search === 'failed' ? runSearch : undefined}>
-          <A.TraceToolCall name="search_leads" input={{ untouchedSince: '2026-07-01', limit: 50 }} output={search === 'done' ? { found: 4 } : undefined} />
-        </A.TraceStep>
-        <A.TraceStep title="Archive 4 stale leads" status={archive}>
-          {archive === 'done' && <div className="ag-receipt"><span role="status">{undone ? 'Archive undone. The 4 leads are back.' : '4 leads archived. You can undo this for 30 days.'}</span>
-            {!undone && <A.Button size="sm" variant="ghost" onClick={() => setUndone(true)}>Undo archive</A.Button>}</div>}
-        </A.TraceStep>
-        <A.TraceStep title={email === 'rejected' ? 'Didn’t email the lead owners' : 'Email 3 lead owners'} status={ready ? stepFor(email) : 'planned'}>
-          {ready && <A.Confirmation state={email} title="Email 3 lead owners" requestedBy="The assistant" resolvedBy="Maya Chen"
-            consequence="Theo Marsh, Ines Duarte and Sam Okafor will get an email listing the leads that were archived."
-            approveLabel="Send 3 emails" rejectLabel="Don’t send" runningLabel="Sending…" doneLabel="3 emails sent" failedLabel="The emails weren’t sent."
-            onApprove={() => resolve(setEmail, !fail.current)} onReject={() => setEmail('rejected')} onRetry={() => resolve(setEmail, true)} />}
-        </A.TraceStep>
-        <A.TraceStep title="Delete the “Summer import” list for good" status={ready && email !== 'requested' ? stepFor(purge) : 'planned'}>
-          {ready && email !== 'requested' && <A.Confirmation state={purge} escalate="dialog" title="Delete the “Summer import” list" resolvedBy="Maya Chen"
-            consequence="The list and its 212 rows are deleted permanently. Leads in it stay; only the list goes."
-            approveLabel="Delete list" rejectLabel="Keep the list" runningLabel="Deleting…" doneLabel="List deleted"
-            onApprove={() => resolve(setPurge, true)} onReject={() => setPurge('rejected')} />}
-        </A.TraceStep>
-      </A.Trace>
-      {email === 'done' && <section className="ag-record" aria-labelledby="ag-rec-h"><h3 id="ag-rec-h" className="ag-sub">Northwind Traders</h3>
-        <p className="ag-line">Status: Archived <A.AILabel subject="Change" model="Opus 5.5" reviewedBy="Maya Chen" generatedAt="2026-10-30T09:00:00Z" /></p>
-        <p className="ag-muted">Archived by the assistant, approved by Maya Chen.</p>
-      </section>}
-    </main>
+    <>
+      <main className="ag-page">
+        <div className="ag-ask"><span className="ag-who">You asked</span><p>Clean up leads nobody has touched since July, and tell their owners.</p></div>
+        <A.Trace aria-label="Assistant run: clean up stale leads">
+          <A.TraceStep title="Find leads untouched since July" status={search} duration={search === 'done' ? 900 : undefined}
+            error={search === 'failed' ? 'The CRM didn’t answer in time. Nothing was changed.' : undefined} onRetry={search === 'failed' ? runSearch : undefined}>
+            <A.TraceToolCall name="search_leads" input={{ untouchedSince: '2026-07-01', limit: 50 }} output={search === 'done' ? { found: 4 } : undefined} />
+          </A.TraceStep>
+          <A.TraceStep title="Archive 4 stale leads" status={archive}>
+            {archive === 'done' && <div className="ag-receipt"><span role="status">{undone ? 'Archive undone. The 4 leads are back.' : '4 leads archived. You can undo this for 30 days.'}</span>
+              {!undone && <A.Button size="sm" variant="ghost" onClick={() => setUndone(true)}>Undo archive</A.Button>}</div>}
+          </A.TraceStep>
+          <A.TraceStep title={email === 'rejected' ? 'Didn’t email the lead owners' : 'Email 3 lead owners'} status={ready ? stepFor(email) : 'planned'}>
+            {ready && <A.Confirmation state={email} title="Email 3 lead owners" requestedBy="The assistant" resolvedBy="Maya Chen"
+              consequence="Theo Marsh, Ines Duarte and Sam Okafor will get an email listing the leads that were archived."
+              approveLabel="Send 3 emails" rejectLabel="Don’t send" runningLabel="Sending…" doneLabel="3 emails sent" failedLabel="The emails weren’t sent."
+              onApprove={() => resolve(setEmail, !fail.current)} onReject={() => setEmail('rejected')} onRetry={() => resolve(setEmail, true)} />}
+          </A.TraceStep>
+          <A.TraceStep title="Delete the “Summer import” list for good" status={ready && email !== 'requested' ? stepFor(purge) : 'planned'}>
+            {ready && email !== 'requested' && <A.Confirmation state={purge} escalate="dialog" title="Delete the “Summer import” list" resolvedBy="Maya Chen"
+              consequence="The list and its 212 rows are deleted permanently. Leads in it stay; only the list goes."
+              approveLabel="Delete list" rejectLabel="Keep the list" runningLabel="Deleting…" doneLabel="List deleted"
+              onApprove={() => resolve(setPurge, true)} onReject={() => setPurge('rejected')} />}
+          </A.TraceStep>
+        </A.Trace>
+        {email === 'done' && <section className="ag-record" aria-labelledby="ag-rec-h"><h3 id="ag-rec-h" className="ag-sub">Northwind Traders</h3>
+          <p className="ag-line">Status: Archived <A.AILabel subject="Change" model="Opus 5.5" reviewedBy="Maya Chen" generatedAt="2026-10-30T09:00:00Z" /></p>
+          <p className="ag-muted">Archived by the assistant, approved by Maya Chen.</p>
+        </section>}
+      </main>
+      <details className="preview-fixtures"><summary>Example fixtures</summary>
+        <div className="ag-demo"><A.Switch label="Make the next step fail" checked={failNext} onCheckedChange={setFailNext} /><A.Button size="sm" onClick={restart}>Run again</A.Button></div>
+      </details>
+    </>
   );
 }
 // preview:end

package/dist/guidance/references/build/fixtures/patterns/assistant-conversation.jsx

@@ -32,12 +32,6 @@ function Thread({ restored }) {
   React.useEffect(() => { if (turn.state === 'complete') setUsed((u) => Math.min(99, u + 9)); }, [turn.state]);
   return (
     <div className="col ac">
-      <A.ToggleGroup type="single" size="sm" aria-label="Make the next send fail" value={failure} onValueChange={(v) => setFailure(/** @type {any} */ (v) || 'none')}>
-        <A.ToggleGroupItem value="none">Works</A.ToggleGroupItem>
-        <A.ToggleGroupItem value="offline">Offline</A.ToggleGroupItem>
-        <A.ToggleGroupItem value="rate-limited">Rate limited</A.ToggleGroupItem>
-        <A.ToggleGroupItem value="context-full">Context full</A.ToggleGroupItem>
-      </A.ToggleGroup>
       <A.Conversation aria-label="Assistant">
         <A.ConversationContent>
           {turn.input !== undefined && <A.Message from="user"><A.MessageContent>{turn.input}</A.MessageContent></A.Message>}
@@ -61,6 +55,14 @@ function Thread({ restored }) {
           <A.PromptInputSubmit />
         </A.PromptInputToolbar>
       </A.PromptInput>
+      <details className="preview-fixtures"><summary>Example fixtures</summary>
+        <A.ToggleGroup type="single" size="sm" aria-label="Make the next send fail" value={failure} onValueChange={(v) => setFailure(/** @type {any} */ (v) || 'none')}>
+          <A.ToggleGroupItem value="none">Works</A.ToggleGroupItem>
+          <A.ToggleGroupItem value="offline">Offline</A.ToggleGroupItem>
+          <A.ToggleGroupItem value="rate-limited">Rate limited</A.ToggleGroupItem>
+          <A.ToggleGroupItem value="context-full">Context full</A.ToggleGroupItem>
+        </A.ToggleGroup>
+      </details>
     </div>
   );
 }

package/dist/guidance/references/build/fixtures/patterns/members.jsx

@@ -76,30 +76,34 @@ function App() {
     setStatus([fresh.length && `${fresh.length} ${fresh.length === 1 ? 'invite' : 'invites'} sent`, already && `${already} ${already === 1 ? 'address is' : 'addresses are'} already in the workspace`].filter(Boolean).join(', ') + '.');
   };
   return (
-    <main className="mb-page">
-      <h2 id="mb-heading" tabIndex={-1} className="mb-h">Members</h2>
-      <A.Card className="mb-invite" aria-labelledby="mb-invite-h">
-        <h3 id="mb-invite-h" className="mb-sub">Invite people</h3>
-        <A.Field label="Email addresses" hint="Separate addresses with commas, or paste a list.">
-          <A.TagInput value={emails} onValueChange={setEmails} noun={['address', 'addresses']} placeholder="name@acme.dev" disabled={sending}
-            normalize={(t) => t.trim().toLowerCase()} validate={(t) => (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t) ? undefined : `${t} isn’t an email address.`)} />
-        </A.Field>
-        <div className="mb-roles"><span id="mb-role-label" className="mb-legend">Role</span>
-          <A.RadioGroup value={role} onValueChange={setRole} aria-labelledby="mb-role-label">{ROLES.map((r) => <A.Radio key={r.value} value={r.value} label={r.label} description={r.description} />)}</A.RadioGroup>
-        </div>
-        <div><A.Button variant="primary" loading={sending} disabled={!emails.length} onClick={send}>{sending ? 'Sending invites' : emails.length > 1 ? `Send ${emails.length} invites` : 'Send invite'}</A.Button></div>
-      </A.Card>
-      <A.Switch label="Make the next role change fail" checked={failNext} onCheckedChange={setFailNext} />
-      <A.Table aria-label="Members and invitations">
-        <A.TableHeader><A.TableRow><A.TableHead>Person</A.TableHead><A.TableHead>Role</A.TableHead><A.TableHead align="end"><span className="mb-vh">Actions</span></A.TableHead></A.TableRow></A.TableHeader>
-        <A.TableBody>{people.map((p) => <MemberRow key={p.id} person={p} me={me} owners={owners} fail={fail}
-          onRole={(id, r) => setPeople((l) => l.map((x) => (x.id === id ? { ...x, role: r } : x)))}
-          onRemove={(x) => { setPeople((l) => l.filter((y) => y.id !== x.id)); setStatus(`${x.name} was removed.`); }}
-          onResend={(x) => setStatus(`Invite resent to ${x.name}.`)}
-          onRevoke={(x) => { setPeople((l) => l.filter((y) => y.id !== x.id)); setStatus(`Invitation to ${x.name} revoked.`); document.getElementById('mb-heading')?.focus(); }} />)}</A.TableBody>
-      </A.Table>
-      <A.WorkflowStatus>{status}</A.WorkflowStatus>
-    </main>
+    <>
+      <main className="mb-page">
+        <h2 id="mb-heading" tabIndex={-1} className="mb-h">Members</h2>
+        <A.Card className="mb-invite" aria-labelledby="mb-invite-h">
+          <h3 id="mb-invite-h" className="mb-sub">Invite people</h3>
+          <A.Field label="Email addresses" hint="Separate addresses with commas, or paste a list.">
+            <A.TagInput value={emails} onValueChange={setEmails} noun={['address', 'addresses']} placeholder="name@acme.dev" disabled={sending}
+              normalize={(t) => t.trim().toLowerCase()} validate={(t) => (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t) ? undefined : `${t} isn’t an email address.`)} />
+          </A.Field>
+          <div className="mb-roles"><span id="mb-role-label" className="mb-legend">Role</span>
+            <A.RadioGroup value={role} onValueChange={setRole} aria-labelledby="mb-role-label">{ROLES.map((r) => <A.Radio key={r.value} value={r.value} label={r.label} description={r.description} />)}</A.RadioGroup>
+          </div>
+          <div><A.Button variant="primary" loading={sending} disabled={!emails.length} onClick={send}>{sending ? 'Sending invites' : emails.length > 1 ? `Send ${emails.length} invites` : 'Send invite'}</A.Button></div>
+        </A.Card>
+        <A.Table aria-label="Members and invitations">
+          <A.TableHeader><A.TableRow><A.TableHead>Person</A.TableHead><A.TableHead>Role</A.TableHead><A.TableHead align="end"><span className="mb-vh">Actions</span></A.TableHead></A.TableRow></A.TableHeader>
+          <A.TableBody>{people.map((p) => <MemberRow key={p.id} person={p} me={me} owners={owners} fail={fail}
+            onRole={(id, r) => setPeople((l) => l.map((x) => (x.id === id ? { ...x, role: r } : x)))}
+            onRemove={(x) => { setPeople((l) => l.filter((y) => y.id !== x.id)); setStatus(`${x.name} was removed.`); }}
+            onResend={(x) => setStatus(`Invite resent to ${x.name}.`)}
+            onRevoke={(x) => { setPeople((l) => l.filter((y) => y.id !== x.id)); setStatus(`Invitation to ${x.name} revoked.`); document.getElementById('mb-heading')?.focus(); }} />)}</A.TableBody>
+        </A.Table>
+        <A.WorkflowStatus>{status}</A.WorkflowStatus>
+      </main>
+      <details className="preview-fixtures"><summary>Example fixtures</summary>
+        <A.Switch label="Make the next role change fail" checked={failNext} onCheckedChange={setFailNext} />
+      </details>
+    </>
   );
 }
 // preview:end

package/dist/guidance/references/build/fixtures/patterns/settings.jsx

@@ -37,36 +37,40 @@ function App() {
   const field = (key, label, hint) => <A.Field label={label} hint={hint} error={general.errors[key]}><A.Input id={'ws-' + key} value={general.draft[key]} onChange={(e) => general.setField(key, e.target.value)} /></A.Field>;
   if (deleted) return <main className="st-page"><h2 ref={heading} tabIndex={-1} className="st-h">Workspace deleted</h2><p>Acme and everything in it were deleted.</p><A.WorkflowStatus>{remove.status}</A.WorkflowStatus></main>;
   return (
-    <main className="st-page">
-      <h2 ref={heading} tabIndex={-1} className="st-h">Workspace settings</h2>
-      <nav aria-label="Settings sections" className="st-nav"><a href="#st-general">General</a><a href="#st-notify">Notifications</a><a href="#st-billing">Billing</a><a href="#st-danger">Danger zone</a></nav>
-      <A.Switch label="Make the next change fail" checked={failNext} onCheckedChange={setFailNext} />
-      <A.SettingsSection id="st-general" title="General" description="Saved together: change what you need, then save once.">
-        <form className="st-form" noValidate onSubmit={(e) => { e.preventDefault(); void general.submit(); }}>
-          <A.ErrorSummary errors={Object.entries(general.errors).map(([k, message]) => ({ id: 'ws-' + k, label: k === 'name' ? 'Workspace name' : 'Workspace URL', message }))} focusKey={general.submitCount} />
-          {field('name', 'Workspace name', 'Shown to everyone in the workspace.')}
-          {field('url', 'Workspace URL', 'altitude.app/' + general.draft.url)}
-        </form>
-      </A.SettingsSection>
-      <A.SettingsSection id="st-notify" title="Notifications" description="Each change applies as soon as you make it.">
-        <A.SettingsRow label="Weekly digest" description="A summary of activity every Monday." status={writes.digest}><A.Switch checked={prefs.digest} onCheckedChange={(v) => apply('digest', v)} /></A.SettingsRow>
-        <A.SettingsRow label="Mentions" description="Email me when someone mentions me." status={writes.mentions}><A.Switch checked={prefs.mentions} onCheckedChange={(v) => apply('mentions', v)} /></A.SettingsRow>
-      </A.SettingsSection>
-      <A.SettingsSection id="st-billing" title="Billing" readOnlyReason="Only workspace owners can change billing details. Ask Maya Chen.">
-        <A.SettingsRow label="Billing email" description="Invoices and receipts go here."><A.Input defaultValue="finance@acme.dev" /></A.SettingsRow>
-      </A.SettingsSection>
-      <A.SettingsSection id="st-danger" title="Danger zone" tone="critical">
-        <A.SettingsRow label="Delete workspace" description={remove.consequence}><A.Button variant="danger" onClick={remove.request}>Delete workspace</A.Button></A.SettingsRow>
-      </A.SettingsSection>
-      <A.WorkflowStatus>{general.status || remove.status}</A.WorkflowStatus>
-      <A.SaveBar record={general} />
-      <A.Dialog open={confirming} background="stationary" dismissible={remove.phase !== 'pending'} onOpenChange={(o) => { if (!o) { remove.cancel(); setTyped(''); } }} returnFocus={() => heading.current}
-        title="Delete Acme workspace?" description={remove.consequence}
-        footer={<><A.Button disabled={remove.phase === 'pending'} onClick={() => { remove.cancel(); setTyped(''); }}>Keep workspace</A.Button><A.Button variant="danger" disabled={typed !== 'Acme' || remove.phase === 'pending'} onClick={remove.phase === 'failed' ? remove.retry : remove.confirm}>{remove.phase === 'pending' ? 'Deleting workspace' : remove.phase === 'failed' ? 'Try deleting again' : 'Delete workspace'}</A.Button></>}>
-        <A.Field label="Type Acme to confirm"><A.Input value={typed} onChange={(e) => setTyped(e.target.value)} autoComplete="off" /></A.Field>
-        {remove.error && <p role="alert">{remove.error}</p>}
-      </A.Dialog>
-    </main>
+    <>
+      <main className="st-page">
+        <h2 ref={heading} tabIndex={-1} className="st-h">Workspace settings</h2>
+        <nav aria-label="Settings sections" className="st-nav"><a href="#st-general">General</a><a href="#st-notify">Notifications</a><a href="#st-billing">Billing</a><a href="#st-danger">Danger zone</a></nav>
+        <A.SettingsSection id="st-general" title="General" description="Saved together: change what you need, then save once.">
+          <form className="st-form" noValidate onSubmit={(e) => { e.preventDefault(); void general.submit(); }}>
+            <A.ErrorSummary errors={Object.entries(general.errors).map(([k, message]) => ({ id: 'ws-' + k, label: k === 'name' ? 'Workspace name' : 'Workspace URL', message }))} focusKey={general.submitCount} />
+            {field('name', 'Workspace name', 'Shown to everyone in the workspace.')}
+            {field('url', 'Workspace URL', 'altitude.app/' + general.draft.url)}
+          </form>
+        </A.SettingsSection>
+        <A.SettingsSection id="st-notify" title="Notifications" description="Each change applies as soon as you make it.">
+          <A.SettingsRow label="Weekly digest" description="A summary of activity every Monday." status={writes.digest}><A.Switch checked={prefs.digest} onCheckedChange={(v) => apply('digest', v)} /></A.SettingsRow>
+          <A.SettingsRow label="Mentions" description="Email me when someone mentions me." status={writes.mentions}><A.Switch checked={prefs.mentions} onCheckedChange={(v) => apply('mentions', v)} /></A.SettingsRow>
+        </A.SettingsSection>
+        <A.SettingsSection id="st-billing" title="Billing" readOnlyReason="Only workspace owners can change billing details. Ask Maya Chen.">
+          <A.SettingsRow label="Billing email" description="Invoices and receipts go here."><A.Input defaultValue="finance@acme.dev" /></A.SettingsRow>
+        </A.SettingsSection>
+        <A.SettingsSection id="st-danger" title="Danger zone" tone="critical">
+          <A.SettingsRow label="Delete workspace" description={remove.consequence}><A.Button variant="danger" onClick={remove.request}>Delete workspace</A.Button></A.SettingsRow>
+        </A.SettingsSection>
+        <A.WorkflowStatus>{general.status || remove.status}</A.WorkflowStatus>
+        <A.SaveBar record={general} />
+        <A.Dialog open={confirming} background="stationary" dismissible={remove.phase !== 'pending'} onOpenChange={(o) => { if (!o) { remove.cancel(); setTyped(''); } }} returnFocus={() => heading.current}
+          title="Delete Acme workspace?" description={remove.consequence}
+          footer={<><A.Button disabled={remove.phase === 'pending'} onClick={() => { remove.cancel(); setTyped(''); }}>Keep workspace</A.Button><A.Button variant="danger" disabled={typed !== 'Acme' || remove.phase === 'pending'} onClick={remove.phase === 'failed' ? remove.retry : remove.confirm}>{remove.phase === 'pending' ? 'Deleting workspace' : remove.phase === 'failed' ? 'Try deleting again' : 'Delete workspace'}</A.Button></>}>
+          <A.Field label="Type Acme to confirm"><A.Input value={typed} onChange={(e) => setTyped(e.target.value)} autoComplete="off" /></A.Field>
+          {remove.error && <p role="alert">{remove.error}</p>}
+        </A.Dialog>
+      </main>
+      <details className="preview-fixtures"><summary>Example fixtures</summary>
+        <A.Switch label="Make the next change fail" checked={failNext} onCheckedChange={setFailNext} />
+      </details>
+    </>
   );
 }
 // preview:end

package/dist/guidance/visual/ActionsInPlace.md

@@ -6,12 +6,12 @@ The application chooses that policy from its domain. A danger button does not im
 
 ## Try the same example in two views
 
-- [Focused recovery preview](https://github.com/richlaconte/altitude/blob/v0.5.0/project/components/ActionsInPlace/preview.html) — archive, Undo, and restore later from Archived.
-- [Complete Files example](https://github.com/richlaconte/altitude/blob/v0.5.0/project/components/ActionsInPlace/preview.html#files) — rename with the exported InlineEdit, archive, recover, and permanently delete from Archived.
-- [InlineEdit comparison](https://github.com/richlaconte/altitude/blob/v0.5.0/project/components/InlineEdit/preview.html) and [Dialog presentation comparison](https://github.com/richlaconte/altitude/blob/v0.5.0/project/components/Dialog/preview.html).
+- [Focused recovery preview](https://github.com/richlaconte/altitude/blob/v0.5.1/project/components/ActionsInPlace/preview.html) — archive, Undo, and restore later from Archived.
+- [Complete Files example](https://github.com/richlaconte/altitude/blob/v0.5.1/project/components/ActionsInPlace/preview.html#files) — rename with the exported InlineEdit, archive, recover, and permanently delete from Archived.
+- [InlineEdit comparison](https://github.com/richlaconte/altitude/blob/v0.5.1/project/components/InlineEdit/preview.html) and [Dialog presentation comparison](https://github.com/richlaconte/altitude/blob/v0.5.1/project/components/Dialog/preview.html).
 - Generated Storybook stories: `Patterns/ActionsInPlace`, `Inputs/InlineEdit`, and `Overlays/Dialog`.
 
-Both Files views use the same source and service in [`build/previews.txt`](https://github.com/richlaconte/altitude/blob/v0.5.0/build/previews.txt). The default has no fixture toolbar in the product. Expand “Example fixtures and source” below the scene to select the deterministic service behavior, reset records/counters, simulate an external change, or inspect accepted requests. “Connection interrupted after save” commits at 100 ms and loses its response at 1,200 ms; the UI must reconcile that result before offering recovery or retry.
+Both Files views use the same source and service in [`build/previews.txt`](https://github.com/richlaconte/altitude/blob/v0.5.1/build/previews.txt). The default has no fixture toolbar in the product. Expand “Example fixtures and source” below the scene to select the deterministic service behavior, reset records/counters, simulate an external change, or inspect accepted requests. “Connection interrupted after save” commits at 100 ms and loses its response at 1,200 ms; the UI must reconcile that result before offering recovery or retry.
 
 ## Act and recover
 
@@ -438,12 +438,9 @@ export default function FilesApp() {
 .aip-target span { color: var(--ink-muted); font: 400 12.5px/17px var(--font-sans); }
 .aip-documentation { margin-top: var(--space-6); border-top: 1px solid var(--line); padding-top: var(--space-4); font: 400 12.5px/17px var(--font-sans); }
 .aip a { color: var(--accent-ink); }
-.aip-harness { margin-top: var(--space-4); color: var(--ink-muted); }
-.aip-harness summary { cursor: pointer; }
-.aip-harness label { display: grid; gap: var(--space-2); }
-.aip-harness select { max-width: 100%; font: inherit; padding: var(--space-2); background: var(--surface-well); color: var(--ink); border: 1px solid var(--line-control); border-radius: var(--radius-sm); }
-.aip-harness-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
-.aip-harness pre { overflow: auto; max-height: 220px; font: 12px/1.5 var(--font-mono); }
+.preview-fixtures label { display: grid; gap: var(--space-2); }
+.preview-fixtures select { max-width: 100%; font: inherit; padding: var(--space-2); background: var(--surface-well); color: var(--ink); border: 1px solid var(--line-control); border-radius: var(--radius-sm); }
+.preview-fixtures pre { overflow: auto; max-height: 220px; font: 12px/1.5 var(--font-mono); }
 @media (max-width: 600px) { #root { padding: 16px; } .aip-list > li { align-items: stretch; flex-direction: column; gap: var(--space-2); } .aip-row-actions { align-self: flex-start; } .aip-toolbar > .alt-input { max-width: none; } .aip-header > .aip-meta { display: none; } .aip-recovery .alt-alert-inner, .aip-file .alt-alert-inner { flex-wrap: wrap; } .aip-recovery .alt-alert-body, .aip-file .alt-alert-body { flex-basis: calc(100% - 60px); } .aip-recovery .alt-alert-action, .aip-file .alt-alert-action { width: 100%; } }
 ```
 <!-- recipe-css:end -->
@@ -458,6 +455,6 @@ Every state has text or an ARIA equivalent when motion and shadows are absent. N
 
 ## Verification and scope
 
-[`build/checks/actions-in-place.mjs`](https://github.com/richlaconte/altitude/blob/v0.5.0/build/checks/actions-in-place.mjs) exercises the canonical fixture model and browser interactions under React 18 and 19: duplicate requests, revision conflicts, uncertain outcomes, ordered feedback, dismissed/replaced recovery, targeted deletion, pending Close, old/new dialog sessions, focus recovery, reduced motion, increased contrast, forced colors, and narrow layouts. [The validation record](https://github.com/richlaconte/altitude/blob/v0.5.0/project/ActionsInPlaceValidation.md) distinguishes engineering evidence from remaining assistive-technology and participant gates.
+[`build/checks/actions-in-place.mjs`](https://github.com/richlaconte/altitude/blob/v0.5.1/build/checks/actions-in-place.mjs) exercises the canonical fixture model and browser interactions under React 18 and 19: duplicate requests, revision conflicts, uncertain outcomes, ordered feedback, dismissed/replaced recovery, targeted deletion, pending Close, old/new dialog sessions, focus recovery, reduced motion, increased contrast, forced colors, and narrow layouts. [The validation record](https://github.com/richlaconte/altitude/blob/v0.5.1/project/ActionsInPlaceValidation.md) distinguishes engineering evidence from remaining assistive-technology and participant gates.
 
 [EditRegion](../components/EditRegion/README.md) now edits several fields of one record in place with this guide's session rules (issue #12 proposed ItemGroup, PropertyList, DataTable row expansion and Board card editing as its multi-field consumers). ConfirmAction and a shared action hook remain deferred. These demos do not establish two independent real application needs for those abstractions, and they do not establish a measured usability benefit. Structural activation counts and proposed design intent are not participant results.

package/dist/guidance/visual/Distinctiveness.md

@@ -2,7 +2,7 @@
 
 Interfaces built by agents now have a look people recognise and distrust: purple gradients, Inter, a centred hero, three icon cards, a sidebar and a grid of equal cards on every screen. Altitude is made for apps that agents write, so it can fall into that look twice: through its own defaults, and through what agents compose from them. This chapter says how it stays out, and how we keep checking, because the look keeps moving.
 
-The evidence is in **Research** ("Generated interfaces converge"). Every tell, with its sources and where Altitude stands, is in [`tells.json`](https://github.com/richlaconte/altitude/blob/v0.5.0/project/tells.json). Looking generated is half the problem; the other half is breaking established rules (hierarchy, labelling, recovery, honesty), which [Fundamentals](Fundamentals.md) covers.
+The evidence is in **Research** ("Generated interfaces converge"). Every tell, with its sources and where Altitude stands, is in [`tells.json`](https://github.com/richlaconte/altitude/blob/v0.5.1/project/tells.json). Looking generated is half the problem; the other half is breaking established rules (hierarchy, labelling, recovery, honesty), which [Fundamentals](Fundamentals.md) covers.
 
 ## Why it happens
 

package/dist/guidance/visual/Research.md

@@ -622,7 +622,7 @@ A measurement, then a design review ([#97](https://github.com/richlaconte/altitu
 - **A pointer over the list holds the close.** A delayed close could move the next row under a pointer reaching for it. The close waits while a mouse is over the list, capped at `dur-settle`; touch has no hover, so it doesn't wait.
 - **`dur-linger` is 2000ms by judgement.** About four words read in roughly a second (Nielsen's 1s flow limit) plus a second to act; the top of the "second or two" asked for.
 
-Not yet tested with people: whether the close is noticeable enough at `dur-travel-3`, and whether waiting for the pointer to leave the list reads as lag. Both are open in [the validation record](https://github.com/richlaconte/altitude/blob/v0.5.0/project/ActionsInPlaceValidation.md).
+Not yet tested with people: whether the close is noticeable enough at `dur-travel-3`, and whether waiting for the pointer to leave the list reads as lag. Both are open in [the validation record](https://github.com/richlaconte/altitude/blob/v0.5.1/project/ActionsInPlaceValidation.md).
 
 ### E47 · Can a chart Altitude doesn't draw keep its rules?
 

package/dist/guidance/visual/Theming.md

@@ -165,7 +165,7 @@ That gets shadcn's components onto Altitude's colors and shadows. The elevation
 
 ### Charts
 
-shadcn/ui's `Chart` is Recharts underneath (Tremor wraps Recharts too), so charts already built with it can take Altitude's colours and most of its chart rules without being rewritten. What they can't take is listed at the end. [`examples/shadcn-chart`](https://github.com/richlaconte/altitude/blob/v0.5.0/examples/shadcn-chart) is this setup, checked in both schemes by `build/checks/shadcn-chart.mjs`.
+shadcn/ui's `Chart` is Recharts underneath (Tremor wraps Recharts too), so charts already built with it can take Altitude's colours and most of its chart rules without being rewritten. What they can't take is listed at the end. [`examples/shadcn-chart`](https://github.com/richlaconte/altitude/blob/v0.5.1/examples/shadcn-chart) is this setup, checked in both schemes by `build/checks/shadcn-chart.mjs`.
 
 **Map the palette.** Add the chart lines to the `@theme inline` block above, so Tailwind's `fill-chart-1` and the like are Altitude's slots:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "altitude-design",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A design and HCI framework for agent-built React web applications, where height is the interface.",
   "keywords": [
     "react",