npm - @pyric/cli - Versions diffs - 0.1.0-alpha.9 - Mend

@pyric/cli 0.1.0-alpha.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1169) hide show

package/dist/serve/docs-ui/docs/pyric-ui-events-reference-api/index.html ADDED Viewed

@@ -0,0 +1,1542 @@
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>API reference: @pyric/ui/events · Pyric Studio</title><meta name="description" content="Published declarations for @pyric/ui/events."><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="/__pyric/ui/_astro/_slug_.CQYSemvw.css"></head> <body>  <header class="studio__bar"> <div class="studio__bar-inner"> <a class="studio__brand" href="/__pyric/ui/" aria-label="Pyric Studio">Pyric</a> <nav class="studio__nav" aria-label="Studio tabs"> <a class="studio__nav-tab" href="/__pyric/ui/"> Home </a><a class="studio__nav-tab" href="/__pyric/ui/firestore"> Firestore </a><a class="studio__nav-tab" href="/__pyric/ui/auth"> Auth </a><a class="studio__nav-tab" href="/__pyric/ui/rtdb"> RTDB </a><a class="studio__nav-tab" href="/__pyric/ui/storage"> Storage </a><a class="studio__nav-tab" href="/__pyric/ui/traffic"> Traffic </a><a class="studio__nav-tab" href="/__pyric/ui/settings"> Settings </a><a class="studio__nav-tab" href="/__pyric/ui/docs" aria-current="page"> Docs </a> </nav> </div> </header> <div class="docs-shell">  <details class="docs-nav-drawer"> <summary>Navigate</summary> <nav class="docs-nav" aria-label="Documentation"> <div class="docs-search" data-index-url="/__pyric/ui/docs/index.json"> <div class="docs-search-field"> <svg class="docs-search-icon" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> <path d="M11.5 11.5 15 15M13 7A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></path> </svg> <input type="text" class="docs-search-input" placeholder="Search docs" aria-label="Search docs" autocomplete="off" spellcheck="false"> <kbd class="docs-search-kbd">⌘K</kbd> </div> <ul class="docs-search-results" hidden></ul> </div> <script type="module">let i=null;function d(t){return i||(i=fetch(t).then(e=>e.json())),i}function l(t,e){return t.title.toLowerCase().includes(e)||t.excerpt.toLowerCase().includes(e)?!0:t.headings.some(r=>r.text.toLowerCase().includes(e))}function u(t,e,r){if(e.innerHTML="",t.length===0){e.hidden=!1;{const n=document.createElement("li");n.className="docs-search-empty",n.textContent="No matches",e.appendChild(n)}return}e.hidden=!1;for(const n of t.slice(0,8)){const s=document.createElement("li"),c=document.createElement("a");c.href=n.path;const o=document.createElement("span");o.className="docs-search-result-title",o.textContent=n.title;const a=document.createElement("span");a.className="docs-search-result-meta",a.textContent=[n.group,n.section].filter(Boolean).join(" / "),c.append(o,a),s.appendChild(c),e.appendChild(s)}}document.querySelectorAll(".docs-search").forEach(t=>{const e=t.dataset.indexUrl,r=t.querySelector(".docs-search-input"),n=t.querySelector(".docs-search-results");r.addEventListener("input",async()=>{const s=r.value.trim().toLowerCase();if(!s){n.hidden=!0,n.innerHTML="";return}const{pages:c}=await d(e);r.value.trim().toLowerCase()===s&&u(c.filter(o=>l(o,s)),n)}),r.addEventListener("focus",()=>{d(e),n.childElementCount>0&&(n.hidden=!1)}),r.addEventListener("keydown",s=>{s.key==="Escape"&&(r.value="",n.hidden=!0,n.innerHTML="",r.blur())}),r.addEventListener("blur",()=>{window.setTimeout(()=>{n.hidden=!0},150)})});document.addEventListener("keydown",t=>{if(!(t.metaKey||t.ctrlKey)||t.key.toLowerCase()!=="k")return;const e=[...document.querySelectorAll(".docs-search-input")].find(r=>r.offsetParent!==null);e&&(t.preventDefault(),e.focus(),e.select())});</script> <a class="docs-nav-toplink" href="/__pyric/ui/docs/overview/"> Overview </a><details class="docs-nav-group"> <summary>Run locally</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/start-building/"> Quickstart </a> </li><li> <a href="/__pyric/ui/docs/how-the-swap-works/"> How the swap works </a> </li><li> <a href="/__pyric/ui/docs/set-up-your-agent/"> Connect an agent </a> </li><li> <a href="/__pyric/ui/docs/test-in-node/"> Test in Node </a> </li> </ul> </div> </div> </details><details class="docs-nav-group"> <summary>Develop with Firebase APIs</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/sign-in-and-manage-users/"> Sign in and manage users </a> </li><li> <a href="/__pyric/ui/docs/store-and-query-data/"> Store and query data </a> </li><li> <a href="/__pyric/ui/docs/sync-realtime-data/"> Sync realtime data </a> </li><li> <a href="/__pyric/ui/docs/store-files/"> Store files </a> </li><li> <a href="/__pyric/ui/docs/receive-messages/"> Receive messages </a> </li><li> <a href="/__pyric/ui/docs/run-ai-logic-locally/"> Run AI Logic locally </a> </li><li> <a href="/__pyric/ui/docs/pyric-cli-how-to-run-rtdb-onvaluecreated/"> Run an RTDB function locally </a> </li><li> <a href="/__pyric/ui/docs/which-data-service/"> Which data service? </a> </li> </ul> </div> </div> </details><details class="docs-nav-group"> <summary>Inspect and correct</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section"> <h2 class="docs-nav-heading"> Inspect the sandbox </h2> <ul> <li> <a href="/__pyric/ui/docs/see-whats-happening/"> Traffic &amp; rule verdicts </a> </li><li> <a href="/__pyric/ui/docs/read-a-denial/"> Read a denial and understand it </a> </li><li> <a href="/__pyric/ui/docs/shape-your-data/"> Seed, snapshot, replay </a> </li><li> <a href="/__pyric/ui/docs/watch-and-review/"> Review agent activity </a> </li> </ul> </div><div class="docs-nav-section"> <h2 class="docs-nav-heading"> Correct Security Rules </h2> <ul> <li> <a href="/__pyric/ui/docs/secure-it-with-rules/"> Security Rules </a> </li><li> <a href="/__pyric/ui/docs/simulate-and-lint/"> Simulate and lint before you deploy </a> </li><li> <a href="/__pyric/ui/docs/rules-patterns/"> Rules patterns </a> </li><li> <a href="/__pyric/ui/docs/rules-standard-library/"> The rules standard library </a> </li><li> <a href="/__pyric/ui/docs/rtdb-rules-in-typescript/"> RTDB rules in TypeScript </a> </li><li> <a href="/__pyric/ui/docs/firestore-rules-limits/"> Rules limits </a> </li><li> <a href="/__pyric/ui/docs/whats-possible/"> Case studies </a> </li> </ul> </div><div class="docs-nav-section"> <h2 class="docs-nav-heading"> Work with an agent </h2> <ul> <li> <a href="/__pyric/ui/docs/what-your-agent-can-do/"> Work through an agent </a> </li><li> <a href="/__pyric/ui/docs/skills/"> Agent skills </a> </li> </ul> </div> </div> </details><details class="docs-nav-group"> <summary>Verify the boundary</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/pyric-cli-how-to-verify-against-a-captured-session/"> Verify a captured session </a> </li><li> <a href="/__pyric/ui/docs/write-a-rules-test-suite/"> Write a rules test suite </a> </li><li> <a href="/__pyric/ui/docs/audit-your-rules/"> Audit rules and data </a> </li> </ul> </div> </div> </details><details class="docs-nav-group"> <summary>Ship unchanged</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/ship-to-production/"> Ship to production </a> </li><li> <a href="/__pyric/ui/docs/set-up-the-project/"> Set up the Firebase project </a> </li> </ul> </div> </div> </details><details class="docs-nav-group"> <summary>Conformance</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/how-we-know-it-matches-firebase/"> Conformance </a> </li><li> <a href="/__pyric/ui/docs/whats-experimental/"> What&#39;s experimental </a> </li><li> <a href="/__pyric/ui/docs/pyric-conformance-scores/"> Conformance scores </a> </li><li> <a href="/__pyric/ui/docs/pyric-app-compat/"> App </a> </li><li> <a href="/__pyric/ui/docs/pyric-firestore-compat/"> Firestore </a> </li><li> <a href="/__pyric/ui/docs/pyric-auth-compat/"> Auth </a> </li><li> <a href="/__pyric/ui/docs/pyric-database-compat/"> Realtime Database </a> </li><li> <a href="/__pyric/ui/docs/pyric-storage-compat/"> Storage </a> </li><li> <a href="/__pyric/ui/docs/pyric-rules-compat/"> Rules </a> </li><li> <a href="/__pyric/ui/docs/pyric-messaging-compat/"> Messaging </a> </li><li> <a href="/__pyric/ui/docs/pyric-ai-compat/"> AI Logic </a> </li><li> <a href="/__pyric/ui/docs/pyric-cli-functions-rtdb-compat/"> Functions · RTDB </a> </li> </ul> </div> </div> </details> <details class="docs-nav-group" open> <summary>Reference</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section"> <ul> <li> <a href="/__pyric/ui/docs/pyric-cli/"> @pyric/cli </a> </li><li> <a href="/__pyric/ui/docs/pyric-explanation-versioning-and-compatibility/"> pyric </a> </li><li> <a href="/__pyric/ui/docs/pyric-firestore/"> pyric / firestore </a> </li><li> <a href="/__pyric/ui/docs/pyric-rules/"> pyric / rules </a> </li><li> <a href="/__pyric/ui/docs/pyric-sandbox/"> pyric / sandbox </a> </li><li> <a href="/__pyric/ui/docs/pyric-storage/"> pyric / storage </a> </li><li> <a href="/__pyric/ui/docs/pyric-auth/"> pyric / auth </a> </li><li> <a href="/__pyric/ui/docs/pyric-database/"> pyric / database </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-app/"> pyric-admin / app </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-firestore/"> pyric-admin / firestore </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-auth/"> pyric-admin / auth </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-database/"> pyric-admin / database </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-storage/"> pyric-admin / storage </a> </li><li> <a href="/__pyric/ui/docs/ui/"> @pyric/ui </a> </li><li> <a href="/__pyric/ui/docs/api-reference/" aria-current="true"> API reference </a> </li> </ul> </div> </div> </details> </nav> </details> <nav class="docs-nav" aria-label="Documentation"> <div class="docs-search" data-index-url="/__pyric/ui/docs/index.json"> <div class="docs-search-field"> <svg class="docs-search-icon" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"> <path d="M11.5 11.5 15 15M13 7A6 6 0 1 1 1 7a6 6 0 0 1 12 0Z" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></path> </svg> <input type="text" class="docs-search-input" placeholder="Search docs" aria-label="Search docs" autocomplete="off" spellcheck="false"> <kbd class="docs-search-kbd">⌘K</kbd> </div> <ul class="docs-search-results" hidden></ul> </div>  <a class="docs-nav-toplink" href="/__pyric/ui/docs/overview/" id="nav-group-overview"> Overview </a><details class="docs-nav-group" id="nav-group-run-locally"> <summary>Run locally</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/start-building/"> Quickstart </a> </li><li> <a href="/__pyric/ui/docs/how-the-swap-works/"> How the swap works </a> </li><li> <a href="/__pyric/ui/docs/set-up-your-agent/"> Connect an agent </a> </li><li> <a href="/__pyric/ui/docs/test-in-node/"> Test in Node </a> </li> </ul> </div> </div> </details><details class="docs-nav-group" id="nav-group-develop-with-firebase-apis"> <summary>Develop with Firebase APIs</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/sign-in-and-manage-users/"> Sign in and manage users </a> </li><li> <a href="/__pyric/ui/docs/store-and-query-data/"> Store and query data </a> </li><li> <a href="/__pyric/ui/docs/sync-realtime-data/"> Sync realtime data </a> </li><li> <a href="/__pyric/ui/docs/store-files/"> Store files </a> </li><li> <a href="/__pyric/ui/docs/receive-messages/"> Receive messages </a> </li><li> <a href="/__pyric/ui/docs/run-ai-logic-locally/"> Run AI Logic locally </a> </li><li> <a href="/__pyric/ui/docs/pyric-cli-how-to-run-rtdb-onvaluecreated/"> Run an RTDB function locally </a> </li><li> <a href="/__pyric/ui/docs/which-data-service/"> Which data service? </a> </li> </ul> </div> </div> </details><details class="docs-nav-group" id="nav-group-inspect-and-correct"> <summary>Inspect and correct</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section"> <h2 class="docs-nav-heading" id="nav-section-inspect-and-correct-inspect-the-sandbox"> Inspect the sandbox </h2> <ul> <li> <a href="/__pyric/ui/docs/see-whats-happening/"> Traffic &amp; rule verdicts </a> </li><li> <a href="/__pyric/ui/docs/read-a-denial/"> Read a denial and understand it </a> </li><li> <a href="/__pyric/ui/docs/shape-your-data/"> Seed, snapshot, replay </a> </li><li> <a href="/__pyric/ui/docs/watch-and-review/"> Review agent activity </a> </li> </ul> </div><div class="docs-nav-section"> <h2 class="docs-nav-heading" id="nav-section-inspect-and-correct-correct-security-rules"> Correct Security Rules </h2> <ul> <li> <a href="/__pyric/ui/docs/secure-it-with-rules/"> Security Rules </a> </li><li> <a href="/__pyric/ui/docs/simulate-and-lint/"> Simulate and lint before you deploy </a> </li><li> <a href="/__pyric/ui/docs/rules-patterns/"> Rules patterns </a> </li><li> <a href="/__pyric/ui/docs/rules-standard-library/"> The rules standard library </a> </li><li> <a href="/__pyric/ui/docs/rtdb-rules-in-typescript/"> RTDB rules in TypeScript </a> </li><li> <a href="/__pyric/ui/docs/firestore-rules-limits/"> Rules limits </a> </li><li> <a href="/__pyric/ui/docs/whats-possible/"> Case studies </a> </li> </ul> </div><div class="docs-nav-section"> <h2 class="docs-nav-heading" id="nav-section-inspect-and-correct-work-with-an-agent"> Work with an agent </h2> <ul> <li> <a href="/__pyric/ui/docs/what-your-agent-can-do/"> Work through an agent </a> </li><li> <a href="/__pyric/ui/docs/skills/"> Agent skills </a> </li> </ul> </div> </div> </details><details class="docs-nav-group" id="nav-group-verify-the-boundary"> <summary>Verify the boundary</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/pyric-cli-how-to-verify-against-a-captured-session/"> Verify a captured session </a> </li><li> <a href="/__pyric/ui/docs/write-a-rules-test-suite/"> Write a rules test suite </a> </li><li> <a href="/__pyric/ui/docs/audit-your-rules/"> Audit rules and data </a> </li> </ul> </div> </div> </details><details class="docs-nav-group" id="nav-group-ship-unchanged"> <summary>Ship unchanged</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/ship-to-production/"> Ship to production </a> </li><li> <a href="/__pyric/ui/docs/set-up-the-project/"> Set up the Firebase project </a> </li> </ul> </div> </div> </details><details class="docs-nav-group" id="nav-group-conformance"> <summary>Conformance</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section">  <ul> <li> <a href="/__pyric/ui/docs/how-we-know-it-matches-firebase/"> Conformance </a> </li><li> <a href="/__pyric/ui/docs/whats-experimental/"> What&#39;s experimental </a> </li><li> <a href="/__pyric/ui/docs/pyric-conformance-scores/"> Conformance scores </a> </li><li> <a href="/__pyric/ui/docs/pyric-app-compat/"> App </a> </li><li> <a href="/__pyric/ui/docs/pyric-firestore-compat/"> Firestore </a> </li><li> <a href="/__pyric/ui/docs/pyric-auth-compat/"> Auth </a> </li><li> <a href="/__pyric/ui/docs/pyric-database-compat/"> Realtime Database </a> </li><li> <a href="/__pyric/ui/docs/pyric-storage-compat/"> Storage </a> </li><li> <a href="/__pyric/ui/docs/pyric-rules-compat/"> Rules </a> </li><li> <a href="/__pyric/ui/docs/pyric-messaging-compat/"> Messaging </a> </li><li> <a href="/__pyric/ui/docs/pyric-ai-compat/"> AI Logic </a> </li><li> <a href="/__pyric/ui/docs/pyric-cli-functions-rtdb-compat/"> Functions · RTDB </a> </li> </ul> </div> </div> </details> <details class="docs-nav-group" id="nav-group-reference" open> <summary>Reference</summary> <div class="docs-nav-group-body"> <div class="docs-nav-section"> <ul> <li> <a href="/__pyric/ui/docs/pyric-cli/"> @pyric/cli </a> </li><li> <a href="/__pyric/ui/docs/pyric-explanation-versioning-and-compatibility/"> pyric </a> </li><li> <a href="/__pyric/ui/docs/pyric-firestore/"> pyric / firestore </a> </li><li> <a href="/__pyric/ui/docs/pyric-rules/"> pyric / rules </a> </li><li> <a href="/__pyric/ui/docs/pyric-sandbox/"> pyric / sandbox </a> </li><li> <a href="/__pyric/ui/docs/pyric-storage/"> pyric / storage </a> </li><li> <a href="/__pyric/ui/docs/pyric-auth/"> pyric / auth </a> </li><li> <a href="/__pyric/ui/docs/pyric-database/"> pyric / database </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-app/"> pyric-admin / app </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-firestore/"> pyric-admin / firestore </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-auth/"> pyric-admin / auth </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-database/"> pyric-admin / database </a> </li><li> <a href="/__pyric/ui/docs/pyric-admin-storage/"> pyric-admin / storage </a> </li><li> <a href="/__pyric/ui/docs/ui/"> @pyric/ui </a> </li><li> <a href="/__pyric/ui/docs/api-reference/" aria-current="true"> API reference </a> </li> </ul> </div> </div> </details> </nav> <main class="doc-main"> <nav class="docs-breadcrumbs" aria-label="Breadcrumb"> <ol> <li>  <a href="/__pyric/ui/docs/api-reference/">API reference</a> </li><li> <span class="docs-breadcrumbs-sep" aria-hidden="true">/</span> <span>@pyric/ui</span> </li><li> <span class="docs-breadcrumbs-sep" aria-hidden="true">/</span> <span aria-current="page">@pyric/ui/events</span> </li> </ol> </nav> <header class="api-reference-header"> <p class="api-reference-kicker">API reference</p> <h1><code>@pyric/ui/events</code></h1> <p class="api-reference-meta"> 38 published symbols from <code>@pyric/ui</code> </p> <p class="api-reference-source">
+Generated from the TypeScript declarations shipped at this import path.
+</p>  </header> <article class="prose api-reference-body">  <!-- Generated from published package declarations via TypeDoc. Do not edit by hand; run bun run docs:api:generate. -->
+<h2 id="interfaces">Interfaces</h2>
+<p><a id="activityactionitem"></a></p>
+<h3 id="activityactionitem">ActivityActionItem</h3>
+<p>A single action item — a mechanical fact that invites a decision.</p>
+<h4 id="properties">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="key"></a> <code>key</code></td><td align="left"><code>string</code></td><td align="left">Stable key.</td></tr><tr><td align="left"><a id="meta"></a> <code>meta?</code></td><td align="left"><code>string</code></td><td align="left">Sub-line — attribution / cause.</td></tr><tr><td align="left"><a id="rows"></a> <code>rows</code></td><td align="left"><a href="#activityrow"><code>ActivityRow</code></a>[]</td><td align="left">The rows this item summarizes — for drill-in / linking into the matching Activity band (items LINK to bands, they don’t duplicate).</td></tr><tr><td align="left"><a id="title"></a> <code>title</code></td><td align="left"><code>string</code></td><td align="left">The headline (mechanical: “4 writes to /notes were denied”).</td></tr><tr><td align="left"><a id="type"></a> <code>type</code></td><td align="left"><code>"denied"</code></td><td align="left">What it is — drives <code>data-pyric-action-type</code>. Today: <code>denied</code>.</td></tr></tbody></table></div>
+<hr>
+<p><a id="activityactionitemsprops"></a></p>
+<h3 id="activityactionitemsprops">ActivityActionItemsProps</h3>
+<h4 id="properties-1">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="classname"></a> <code>className?</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="digest"></a> <code>digest</code></td><td align="left"><a href="#activitydigest"><code>ActivityDigest</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="emptystate"></a> <code>emptyState?</code></td><td align="left"><code>ReactNode</code></td><td align="left">Rendered when there are no action items — default renders nothing (calm by default; the region collapses).</td></tr><tr><td align="left"><a id="renderaction"></a> <code>renderAction?</code></td><td align="left">(<code>item</code>: <a href="#activityactionitem"><code>ActivityActionItem</code></a>) => <code>ReactNode</code></td><td align="left">Render the action button/affordance for an item (e.g. a “Debug” link). Returns <code>null</code> to render no action.</td></tr><tr><td align="left"><a id="rendertitle"></a> <code>renderTitle?</code></td><td align="left">(<code>item</code>: <a href="#activityactionitem"><code>ActivityActionItem</code></a>) => <code>ReactNode</code></td><td align="left">Override item-title composition (host owns app-semantic copy).</td></tr></tbody></table></div>
+<hr>
+<p><a id="activityauthstate"></a></p>
+<h3 id="activityauthstate">ActivityAuthState</h3>
+<p>Identity in effect for an op. <code>null</code> is anonymous / signed out.</p>
+<h4 id="properties-2">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><a id="token"></a> <code>token?</code></td><td align="left"><code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>></td></tr><tr><td align="left"><a id="uid"></a> <code>uid</code></td><td align="left"><code>string</code></td></tr></tbody></table></div>
+<hr>
+<p><a id="activityband"></a></p>
+<h3 id="activityband">ActivityBand</h3>
+<p>One category band: a header (<code>label · count · attribution</code>) plus its
+rows. Mirrors the mock’s <code>.band</code> + <code>.r.data</code> structure.</p>
+<h4 id="extended-by">Extended by</h4>
+<ul>
+<li><a href="#activitybandwithgroups"><code>ActivityBandWithGroups</code></a></li>
+</ul>
+<h4 id="properties-3">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="attribution"></a> <code>attribution?</code></td><td align="left"><code>string</code></td><td align="left">A short attribution phrase when the band has a dominant actor / subject (<code>all by alice</code>, <code>by the app</code>, <code>by agent atlas</code>). Absent when attribution is mixed — the header then shows just the count.</td></tr><tr><td align="left"><a id="count"></a> <code>count</code></td><td align="left"><code>number</code></td><td align="left">Total rows in the band (== <code>rows.length</code>; explicit for the header).</td></tr><tr><td align="left"><a id="key-1"></a> <code>key</code></td><td align="left"><a href="#activitybandkey-1"><code>ActivityBandKey</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="label"></a> <code>label</code></td><td align="left"><code>string</code></td><td align="left">Display label — <code>Denied</code>, <code>Added</code>, <code>Updated</code>, …</td></tr><tr><td align="left"><a id="rows-1"></a> <code>rows</code></td><td align="left"><a href="#activityrow"><code>ActivityRow</code></a>[]</td><td align="left">-</td></tr></tbody></table></div>
+<hr>
+<p><a id="activitybandwithgroups"></a></p>
+<h3 id="activitybandwithgroups">ActivityBandWithGroups</h3>
+<p>A band that may carry pivot sub-groups. <code>subgroups</code> is populated only
+when the digest was computed with <code>groupBy !== 'none'</code>; otherwise the
+band is flat (<code>rows</code> only). <code>computeActivityDigest</code> always returns
+bands of this shape so consumers can branch on <code>subgroups</code> presence.</p>
+<h4 id="extends">Extends</h4>
+<ul>
+<li><a href="#activityband"><code>ActivityBand</code></a></li>
+</ul>
+<h4 id="properties-4">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="attribution-1"></a> <code>attribution?</code></td><td align="left"><code>string</code></td><td align="left">A short attribution phrase when the band has a dominant actor / subject (<code>all by alice</code>, <code>by the app</code>, <code>by agent atlas</code>). Absent when attribution is mixed — the header then shows just the count.</td></tr><tr><td align="left"><a id="count-1"></a> <code>count</code></td><td align="left"><code>number</code></td><td align="left">Total rows in the band (== <code>rows.length</code>; explicit for the header).</td></tr><tr><td align="left"><a id="key-2"></a> <code>key</code></td><td align="left"><a href="#activitybandkey-1"><code>ActivityBandKey</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="label-1"></a> <code>label</code></td><td align="left"><code>string</code></td><td align="left">Display label — <code>Denied</code>, <code>Added</code>, <code>Updated</code>, …</td></tr><tr><td align="left"><a id="rows-2"></a> <code>rows</code></td><td align="left"><a href="#activityrow"><code>ActivityRow</code></a>[]</td><td align="left">-</td></tr><tr><td align="left"><a id="subgroups"></a> <code>subgroups?</code></td><td align="left"><a href="#activitysubgroup"><code>ActivitySubgroup</code></a>[]</td><td align="left">Present only when <code>groupBy !== 'none'</code>.</td></tr></tbody></table></div>
+<hr>
+<p><a id="activitydigest"></a></p>
+<h3 id="activitydigest">ActivityDigest</h3>
+<p>The banded digest — the activity grid’s entire model. Bands are
+pre-sorted lead-with-consequence; <code>denials</code> is a flat projection of
+the consequential rows for the action-items tier.</p>
+<h4 id="properties-5">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="bands"></a> <code>bands</code></td><td align="left"><a href="#activitybandwithgroups"><code>ActivityBandWithGroups</code></a>[]</td><td align="left">Bands in render order — highest-consequence first. Empty bands omitted. Each band may carry <code>subgroups</code> when <code>groupBy !== 'none'</code>.</td></tr><tr><td align="left"><a id="denials"></a> <code>denials</code></td><td align="left"><a href="#activityrow"><code>ActivityRow</code></a>[]</td><td align="left">The denial rows, flat + recency-sorted — the source for the action-items tier (“4 writes to /notes were denied”). A projection, not a separate aggregation: these rows also live in the <code>denied</code> band.</td></tr><tr><td align="left"><a id="deniedcount"></a> <code>deniedCount</code></td><td align="left"><code>number</code></td><td align="left">Of those, how many were denials.</td></tr><tr><td align="left"><a id="total"></a> <code>total</code></td><td align="left"><code>number</code></td><td align="left">Total rows across all bands (events the digest categorized).</td></tr></tbody></table></div>
+<hr>
+<p><a id="activitydigestoptions"></a></p>
+<h3 id="activitydigestoptions">ActivityDigestOptions</h3>
+<h4 id="extended-by-1">Extended by</h4>
+<ul>
+<li><a href="#useactivitydigestoptions"><code>UseActivityDigestOptions</code></a></li>
+</ul>
+<h4 id="properties-6">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="groupby"></a> <code>groupBy?</code></td><td align="left"><a href="#activitygroupby"><code>ActivityGroupBy</code></a></td><td align="left">Pivot rows within each band by an attribution axis. <code>'none'</code> (default) leaves the band flat. Any other value splits each band’s rows into sub-groups keyed by that axis — surfaced on the row via <code>groupKey</code> and exposed as <code>band.subgroups</code>. The flat <code>rows</code> are always present regardless.</td></tr><tr><td align="left"><a id="order"></a> <code>order?</code></td><td align="left"><code>"recency"</code> | <code>"chronological"</code></td><td align="left">Row order within a band. <code>recency</code> (default) is newest-first to match the mock’s <code>when</code> column. <code>chronological</code> is oldest-first.</td></tr><tr><td align="left"><a id="rowsperband"></a> <code>rowsPerBand?</code></td><td align="left"><code>number</code></td><td align="left">Cap rows kept per band (the mock shows ~3–4 then “N more”). The digest keeps ALL rows but records the overflow via <code>band.count</code> vs <code>rows.length</code>. Set to a number to actually trim <code>rows</code>; the header <code>count</code> still reflects the true total. Default: keep all.</td></tr></tbody></table></div>
+<hr>
+<p><a id="activitygridprops"></a></p>
+<h3 id="activitygridprops">ActivityGridProps</h3>
+<h4 id="properties-7">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="classname-1"></a> <code>className?</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="digest-1"></a> <code>digest?</code></td><td align="left"><a href="#activitydigest"><code>ActivityDigest</code></a></td><td align="left">A precomputed digest from <code>useActivityDigest</code> / <code>computeActivity Digest</code>. Pass this when the host already memoizes the fold (so the grid doesn’t recompute). Mutually exclusive with <code>events</code>.</td></tr><tr><td align="left"><a id="emptystate-1"></a> <code>emptyState?</code></td><td align="left"><code>ReactNode</code></td><td align="left">Shown when the digest has no rows.</td></tr><tr><td align="left"><a id="events"></a> <code>events?</code></td><td align="left">readonly <a href="#anyactivityevent"><code>AnyActivityEvent</code></a>[]</td><td align="left">The unified event stream — <code>sandbox.history()</code> and/or a live buffer (see <code>useActivityStream</code>). The grid folds it into the banded digest internally. Mutually exclusive with <code>digest</code>.</td></tr><tr><td align="left"><a id="formatwhen"></a> <code>formatWhen?</code></td><td align="left">(<code>at</code>: <code>number</code>, <code>now</code>: <code>number</code>) => <code>string</code></td><td align="left">Override the <code>when</code> column rendering.</td></tr><tr><td align="left"><a id="maxrowsperband"></a> <code>maxRowsPerBand?</code></td><td align="left"><code>number</code></td><td align="left">Clamp rows shown per band; the rest collapse into a “N more” stub. Independent of the reducer’s <code>rowsPerBand</code> (which trims the data) — this is a pure display clamp that keeps the true count visible. Default: show all rows.</td></tr><tr><td align="left"><a id="now"></a> <code>now?</code></td><td align="left"><code>number</code></td><td align="left">”Now” anchor for <code>formatWhen</code>.</td></tr><tr><td align="left"><a id="onselect"></a> <code>onSelect?</code></td><td align="left">(<code>row</code>: <a href="#activityrow"><code>ActivityRow</code></a>) => <code>void</code></td><td align="left">-</td></tr><tr><td align="left"><a id="options"></a> <code>options?</code></td><td align="left"><a href="#activitydigestoptions"><code>ActivityDigestOptions</code></a> &#x26; { <code>now?</code>: <code>number</code>; }</td><td align="left">Grouping / ordering options, forwarded to the reducer when the grid folds <code>events</code> itself. Ignored when <code>digest</code> is supplied.</td></tr><tr><td align="left"><a id="renderbandmore"></a> <code>renderBandMore?</code></td><td align="left">(<code>band</code>: <a href="#activitybandwithgroups"><code>ActivityBandWithGroups</code></a>, <code>hidden</code>: <code>number</code>) => <code>ReactNode</code></td><td align="left">Render the per-band overflow stub. Default renders a <code>[data-pyric-band-more]</code> element reading “N more {label}”.</td></tr><tr><td align="left"><a id="selectedid"></a> <code>selectedId?</code></td><td align="left"><code>string</code></td><td align="left">The selected row id (<code>data-pyric-selected</code>).</td></tr><tr><td align="left"><a id="showcolumnheader"></a> <code>showColumnHeader?</code></td><td align="left"><code>boolean</code></td><td align="left">Render a leading column-header row (<code>target change for lens when</code>). Default true — matches the mock’s <code>.colhead</code>.</td></tr></tbody></table></div>
+<hr>
+<p><a id="activitygridrowprops"></a></p>
+<h3 id="activitygridrowprops">ActivityGridRowProps</h3>
+<h4 id="properties-8">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="classname-2"></a> <code>className?</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="formatwhen-1"></a> <code>formatWhen?</code></td><td align="left">(<code>at</code>: <code>number</code>, <code>now</code>: <code>number</code>) => <code>string</code></td><td align="left">Override the <code>when</code> rendering. Receives <code>(at, now)</code>; default is the session-relative duration.</td></tr><tr><td align="left"><a id="now-1"></a> <code>now?</code></td><td align="left"><code>number</code></td><td align="left">The “now” anchor passed to <code>formatWhen</code> (and <code>row.when</code> is used as a fallback when omitted).</td></tr><tr><td align="left"><a id="onselect-1"></a> <code>onSelect?</code></td><td align="left">(<code>row</code>: <a href="#activityrow"><code>ActivityRow</code></a>) => <code>void</code></td><td align="left">-</td></tr><tr><td align="left"><a id="row"></a> <code>row</code></td><td align="left"><a href="#activityrow"><code>ActivityRow</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="selected"></a> <code>selected?</code></td><td align="left"><code>boolean</code></td><td align="left">Marks the row as the active selection (<code>data-pyric-selected</code>).</td></tr></tbody></table></div>
+<hr>
+<p><a id="activityprovenance"></a></p>
+<h3 id="activityprovenance">ActivityProvenance</h3>
+<p>Provenance carried by every event. All optional + additive — pre-
+provenance emitters omit them (read as firestore / app / app-session).</p>
+<h4 id="extended-by-2">Extended by</h4>
+<ul>
+<li><a href="#activityrequestevent"><code>ActivityRequestEvent</code></a></li>
+<li><a href="#activitywriteevent"><code>ActivityWriteEvent</code></a></li>
+<li><a href="#activityservicemutationevent"><code>ActivityServiceMutationEvent</code></a></li>
+</ul>
+<h4 id="properties-9">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="actor"></a> <code>actor?</code></td><td align="left"><a href="#activityactor"><code>ActivityActor</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="authlens"></a> <code>authLens?</code></td><td align="left"><a href="#activitylens"><code>ActivityLens</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="planid"></a> <code>planId?</code></td><td align="left"><code>string</code></td><td align="left">Set when the op is part of an agent plan (dry-run / accept).</td></tr><tr><td align="left"><a id="service"></a> <code>service?</code></td><td align="left"><a href="#activityservice"><code>ActivityService</code></a></td><td align="left">-</td></tr></tbody></table></div>
+<hr>
+<p><a id="activityrequestevent"></a></p>
+<h3 id="activityrequestevent">ActivityRequestEvent</h3>
+<p>A Firestore <code>request</code> event — one per evaluated op. The digest reads
+these for denials (<code>result === 'deny'</code>) and, when no <code>write</code> event is
+present, for the allow trail. Structurally a subset of <code>RequestEvent</code>.</p>
+<h4 id="extends-1">Extends</h4>
+<ul>
+<li><a href="#activityprovenance"><code>ActivityProvenance</code></a></li>
+</ul>
+<h4 id="properties-10">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="actor-1"></a> <code>actor?</code></td><td align="left"><a href="#activityactor"><code>ActivityActor</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="at"></a> <code>at</code></td><td align="left"><code>number</code></td><td align="left">-</td></tr><tr><td align="left"><a id="auth"></a> <code>auth</code></td><td align="left"><a href="#activityauthstate"><code>ActivityAuthState</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="authlens-1"></a> <code>authLens?</code></td><td align="left"><a href="#activitylens"><code>ActivityLens</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="groupid"></a> <code>groupId?</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="id"></a> <code>id</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="kind"></a> <code>kind</code></td><td align="left"><code>"request"</code></td><td align="left">-</td></tr><tr><td align="left"><a id="matchedrule"></a> <code>matchedRule?</code></td><td align="left">{ <code>operations</code>: <code>string</code>[]; <code>ruleIndex</code>: <code>number</code>; }</td><td align="left">-</td></tr><tr><td align="left"><code>matchedRule.operations</code></td><td align="left"><code>string</code>[]</td><td align="left">-</td></tr><tr><td align="left"><code>matchedRule.ruleIndex</code></td><td align="left"><code>number</code></td><td align="left">-</td></tr><tr><td align="left"><a id="method"></a> <code>method</code></td><td align="left"><code>"get"</code> | <code>"list"</code> | <code>"create"</code> | <code>"update"</code> | <code>"set"</code> | <code>"delete"</code></td><td align="left">-</td></tr><tr><td align="left"><a id="origin"></a> <code>origin</code></td><td align="left"><code>"user"</code> | <code>"listener"</code> | <code>"transaction"</code> | <code>"batch"</code></td><td align="left">-</td></tr><tr><td align="left"><a id="path"></a> <code>path</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="planid-1"></a> <code>planId?</code></td><td align="left"><code>string</code></td><td align="left">Set when the op is part of an agent plan (dry-run / accept).</td></tr><tr><td align="left"><a id="reasons"></a> <code>reasons</code></td><td align="left"><code>string</code>[]</td><td align="left">Simulator debug trail. Used to surface the deciding rule on denials.</td></tr><tr><td align="left"><a id="request"></a> <code>request?</code></td><td align="left">{ <code>resourceData?</code>: <code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>>; }</td><td align="left">-</td></tr><tr><td align="left"><code>request.resourceData?</code></td><td align="left"><code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>></td><td align="left">-</td></tr><tr><td align="left"><a id="resourceafter"></a> <code>resourceAfter?</code></td><td align="left">{ <code>data</code>: <code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>>; <code>exists</code>: <code>boolean</code>; }</td><td align="left">-</td></tr><tr><td align="left"><code>resourceAfter.data</code></td><td align="left"><code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>></td><td align="left">-</td></tr><tr><td align="left"><code>resourceAfter.exists</code></td><td align="left"><code>boolean</code></td><td align="left">-</td></tr><tr><td align="left"><a id="resourcebefore"></a> <code>resourceBefore?</code></td><td align="left">{ <code>data</code>: <code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>>; <code>exists</code>: <code>boolean</code>; }</td><td align="left">-</td></tr><tr><td align="left"><code>resourceBefore.data</code></td><td align="left"><code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>></td><td align="left">-</td></tr><tr><td align="left"><code>resourceBefore.exists</code></td><td align="left"><code>boolean</code></td><td align="left">-</td></tr><tr><td align="left"><a id="result"></a> <code>result</code></td><td align="left"><a href="#activityresult"><code>ActivityResult</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="service-1"></a> <code>service?</code></td><td align="left"><a href="#activityservice"><code>ActivityService</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="triggeredby"></a> <code>triggeredBy?</code></td><td align="left">{ <code>method</code>: <code>string</code>; <code>path</code>: <code>string</code>; }</td><td align="left">-</td></tr><tr><td align="left"><code>triggeredBy.method</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><code>triggeredBy.path</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr></tbody></table></div>
+<hr>
+<p><a id="activityrow"></a></p>
+<h3 id="activityrow">ActivityRow</h3>
+<p>A single grid row — the projection of one event onto the
+<code>target · change · for · lens · when</code> column contract from
+<code>c-result.html</code>. All display-ready strings plus the structured
+provenance the host may style on.</p>
+<h4 id="properties-11">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="actor-2"></a> <code>actor</code></td><td align="left"><a href="#activityactor"><code>ActivityActor</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="at-1"></a> <code>at</code></td><td align="left"><code>number</code></td><td align="left"><code>Date.now()</code> at the op. Drives the <code>when</code> column + recency sort.</td></tr><tr><td align="left"><a id="authlens-2"></a> <code>authLens</code></td><td align="left"><a href="#activitylens"><code>ActivityLens</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="band"></a> <code>band</code></td><td align="left"><a href="#activitybandkey-1"><code>ActivityBandKey</code></a></td><td align="left">Which band this row was sorted into.</td></tr><tr><td align="left"><a id="change"></a> <code>change</code></td><td align="left"><code>string</code></td><td align="left"><code>change</code> — a short human description of the mutation (<code>update, owner rule</code>, <code>done → true</code>, <code>created</code>, <code>signed in</code>).</td></tr><tr><td align="left"><a id="denied"></a> <code>denied</code></td><td align="left"><code>boolean</code></td><td align="left">True for denials — first-class so hosts flag the row distinctly.</td></tr><tr><td align="left"><a id="event"></a> <code>event</code></td><td align="left"><a href="#activityevent"><code>ActivityEvent</code></a></td><td align="left">The original event, for drill-in.</td></tr><tr><td align="left"><a id="for"></a> <code>for</code></td><td align="left"><code>string</code></td><td align="left"><code>for</code> — the subject the op acted on behalf of: <code>request.auth.uid</code> for firestore, the affected <code>uid</code> for auth, else the acting identity. Empty when anonymous / not applicable.</td></tr><tr><td align="left"><a id="groupkey"></a> <code>groupKey?</code></td><td align="left"><code>string</code></td><td align="left">The pivot key this row fell under — set only when the digest was computed with <code>groupBy !== 'none'</code>. Mirrors the row’s <code>subgroup</code>.</td></tr><tr><td align="left"><a id="id-1"></a> <code>id</code></td><td align="left"><code>string</code></td><td align="left">The originating event’s id — stable React key.</td></tr><tr><td align="left"><a id="lens"></a> <code>lens</code></td><td align="left"><code>string</code></td><td align="left"><code>lens</code> — the privilege the op ran under, display-ready (<code>app</code>, <code>as alice</code>, <code>admin</code>).</td></tr><tr><td align="left"><a id="planid-2"></a> <code>planId?</code></td><td align="left"><code>string</code></td><td align="left">Agent plan id, when the op was part of a plan.</td></tr><tr><td align="left"><a id="service-2"></a> <code>service</code></td><td align="left"><a href="#activityservice"><code>ActivityService</code></a></td><td align="left">Originating service.</td></tr><tr><td align="left"><a id="subjectuid"></a> <code>subjectUid</code></td><td align="left"><code>string</code></td><td align="left">The on-behalf-of subject uid, structured (mirrors <code>for</code>).</td></tr><tr><td align="left"><a id="target"></a> <code>target</code></td><td align="left"><code>string</code></td><td align="left"><code>target</code> — what was mutated, in the service’s addressing scheme (a doc path <code>notes/3agHoZHZ</code>, a <code>uid</code>, a storage <code>fullPath</code>, an rtdb path). Empty string when the event has no addressable target.</td></tr><tr><td align="left"><a id="when"></a> <code>when</code></td><td align="left"><code>string</code></td><td align="left"><code>when</code> — left undterived here; the grid formats <code>at</code> itself, but a pre-rendered relative string is offered for headless consumers.</td></tr></tbody></table></div>
+<hr>
+<p><a id="activityservicemutationevent"></a></p>
+<h3 id="activityservicemutationevent">ActivityServiceMutationEvent</h3>
+<p>Cross-service mutation — the unified envelope auth / storage / rtdb
+emit. The digest maps <code>service</code> + <code>op</code> to a band (signed-in, added,
+updated, removed, …). Subset of <code>ServiceMutationEvent</code>.</p>
+<h4 id="extends-2">Extends</h4>
+<ul>
+<li><a href="#activityprovenance"><code>ActivityProvenance</code></a></li>
+</ul>
+<h4 id="properties-12">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th><th align="left">Overrides</th></tr></thead><tbody><tr><td align="left"><a id="actor-3"></a> <code>actor?</code></td><td align="left"><a href="#activityactor"><code>ActivityActor</code></a></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="after"></a> <code>after?</code></td><td align="left"><code>unknown</code></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="at-2"></a> <code>at</code></td><td align="left"><code>number</code></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="auth-1"></a> <code>auth</code></td><td align="left"><a href="#activityauthstate"><code>ActivityAuthState</code></a></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="authlens-3"></a> <code>authLens?</code></td><td align="left"><a href="#activitylens"><code>ActivityLens</code></a></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="before"></a> <code>before?</code></td><td align="left"><code>unknown</code></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="detail"></a> <code>detail?</code></td><td align="left"><code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="id-2"></a> <code>id</code></td><td align="left"><code>string</code></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="kind-1"></a> <code>kind</code></td><td align="left"><code>"service_mutation"</code></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="op"></a> <code>op</code></td><td align="left"><code>string</code></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="path-1"></a> <code>path?</code></td><td align="left"><code>string</code></td><td align="left">-</td><td align="left">-</td></tr><tr><td align="left"><a id="planid-3"></a> <code>planId?</code></td><td align="left"><code>string</code></td><td align="left">Set when the op is part of an agent plan (dry-run / accept).</td><td align="left">-</td></tr><tr><td align="left"><a id="service-3"></a> <code>service</code></td><td align="left"><code>"auth"</code> | <code>"storage"</code> | <code>"rtdb"</code></td><td align="left">-</td><td align="left"><a href="#activityprovenance"><code>ActivityProvenance</code></a>.<a href="#service"><code>service</code></a></td></tr></tbody></table></div>
+<hr>
+<p><a id="activitysubgroup"></a></p>
+<h3 id="activitysubgroup">ActivitySubgroup</h3>
+<h4 id="properties-13">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><a id="count-2"></a> <code>count</code></td><td align="left"><code>number</code></td></tr><tr><td align="left"><a id="key-3"></a> <code>key</code></td><td align="left"><code>string</code></td></tr><tr><td align="left"><a id="rows-3"></a> <code>rows</code></td><td align="left"><a href="#activityrow"><code>ActivityRow</code></a>[]</td></tr></tbody></table></div>
+<hr>
+<p><a id="activitywriteevent"></a></p>
+<h3 id="activitywriteevent">ActivityWriteEvent</h3>
+<p>A committed Firestore write — <code>create</code>/<code>update</code>/<code>set</code>/<code>delete</code> that
+the rule engine allowed and the keyspace applied. The digest leads
+with these for the added/updated/removed bands (richer than <code>request</code>:
+carries prior/next state for the change summary). Subset of
+<code>WriteSandboxEvent</code>.</p>
+<h4 id="extends-3">Extends</h4>
+<ul>
+<li><a href="#activityprovenance"><code>ActivityProvenance</code></a></li>
+</ul>
+<h4 id="properties-14">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="actor-4"></a> <code>actor?</code></td><td align="left"><a href="#activityactor"><code>ActivityActor</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="at-3"></a> <code>at</code></td><td align="left"><code>number</code></td><td align="left">-</td></tr><tr><td align="left"><a id="auth-2"></a> <code>auth</code></td><td align="left"><a href="#activityauthstate"><code>ActivityAuthState</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="authlens-4"></a> <code>authLens?</code></td><td align="left"><a href="#activitylens"><code>ActivityLens</code></a></td><td align="left">-</td></tr><tr><td align="left"><a id="data"></a> <code>data?</code></td><td align="left"><code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>></td><td align="left">-</td></tr><tr><td align="left"><a id="groupid-1"></a> <code>groupId?</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="id-3"></a> <code>id</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="kind-2"></a> <code>kind</code></td><td align="left"><code>"write"</code></td><td align="left">-</td></tr><tr><td align="left"><a id="method-1"></a> <code>method</code></td><td align="left"><code>"create"</code> | <code>"update"</code> | <code>"set"</code> | <code>"delete"</code></td><td align="left">-</td></tr><tr><td align="left"><a id="nextstate"></a> <code>nextState</code></td><td align="left"><code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>></td><td align="left">-</td></tr><tr><td align="left"><a id="path-2"></a> <code>path</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="planid-4"></a> <code>planId?</code></td><td align="left"><code>string</code></td><td align="left">Set when the op is part of an agent plan (dry-run / accept).</td></tr><tr><td align="left"><a id="priorstate"></a> <code>priorState</code></td><td align="left"><code>Record</code>&#x3C;<code>string</code>, <code>unknown</code>></td><td align="left">-</td></tr><tr><td align="left"><a id="service-4"></a> <code>service?</code></td><td align="left"><a href="#activityservice"><code>ActivityService</code></a></td><td align="left">-</td></tr></tbody></table></div>
+<hr>
+<p><a id="createdauthuser"></a></p>
+<h3 id="createdauthuser">CreatedAuthUser</h3>
+<p>An auth user a staged proposal creates (a sign-in account, distinct from
+Firestore documents). The host adapts its backend request (e.g. a
+<code>CreateUserRequest</code>) into this UI-level shape.</p>
+<h4 id="properties-15">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><a id="displayname"></a> <code>displayName?</code></td><td align="left"><code>string</code></td></tr><tr><td align="left"><a id="email"></a> <code>email?</code></td><td align="left"><code>string</code></td></tr><tr><td align="left"><a id="emailverified"></a> <code>emailVerified?</code></td><td align="left"><code>boolean</code></td></tr><tr><td align="left"><a id="provider"></a> <code>provider?</code></td><td align="left"><code>string</code></td></tr><tr><td align="left"><a id="uid-1"></a> <code>uid</code></td><td align="left"><code>string</code></td></tr></tbody></table></div>
+<hr>
+<p><a id="fieldchange"></a></p>
+<h3 id="fieldchange">FieldChange</h3>
+<p>One field-level change in a staged proposal. A UI-level diff row: the host
+adapts its backend diff (e.g. the sandbox’s <code>Divergence[]</code>) into these so the
+component stays decoupled from any backend type.</p>
+<h4 id="properties-16">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="after-1"></a> <code>after</code></td><td align="left"><code>unknown</code></td><td align="left">-</td></tr><tr><td align="left"><a id="before-1"></a> <code>before</code></td><td align="left"><code>unknown</code></td><td align="left">-</td></tr><tr><td align="left"><a id="docpath"></a> <code>docPath</code></td><td align="left"><code>string</code></td><td align="left">Full document path, e.g. <code>notes/abc123</code>.</td></tr><tr><td align="left"><a id="field"></a> <code>field</code></td><td align="left"><code>string</code></td><td align="left">The field that changed.</td></tr><tr><td align="left"><a id="kind-3"></a> <code>kind</code></td><td align="left"><code>"added"</code> | <code>"removed"</code> | <code>"changed"</code></td><td align="left"><code>added</code> = new field, <code>removed</code> = cleared, <code>changed</code> = value differs.</td></tr></tbody></table></div>
+<hr>
+<p><a id="proposedchangediffprops"></a></p>
+<h3 id="proposedchangediffprops">ProposedChangeDiffProps</h3>
+<h4 id="properties-17">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="authusers"></a> <code>authUsers?</code></td><td align="left">readonly <a href="#createdauthuser"><code>CreatedAuthUser</code></a>[]</td><td align="left">Auth users the proposal creates, shown as a leading “auth users” group.</td></tr><tr><td align="left"><a id="changes"></a> <code>changes</code></td><td align="left"><a href="#fieldchange"><code>FieldChange</code></a>[]</td><td align="left">-</td></tr><tr><td align="left"><a id="classname-3"></a> <code>className?</code></td><td align="left"><code>string</code></td><td align="left">-</td></tr><tr><td align="left"><a id="emptystate-2"></a> <code>emptyState?</code></td><td align="left"><code>ReactNode</code></td><td align="left">Rendered when there are no changes. Defaults to nothing.</td></tr><tr><td align="left"><a id="formatvalue"></a> <code>formatValue?</code></td><td align="left">(<code>value</code>: <code>unknown</code>) => <code>ReactNode</code></td><td align="left">Format a value for display. Default: JSON-ish, empty for <code>undefined</code>.</td></tr></tbody></table></div>
+<hr>
+<p><a id="useactivitydigestoptions"></a></p>
+<h3 id="useactivitydigestoptions">UseActivityDigestOptions</h3>
+<h4 id="extends-4">Extends</h4>
+<ul>
+<li><a href="#activitydigestoptions"><code>ActivityDigestOptions</code></a></li>
+</ul>
+<h4 id="properties-18">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="groupby-1"></a> <code>groupBy?</code></td><td align="left"><a href="#activitygroupby"><code>ActivityGroupBy</code></a></td><td align="left">Pivot rows within each band by an attribution axis. <code>'none'</code> (default) leaves the band flat. Any other value splits each band’s rows into sub-groups keyed by that axis — surfaced on the row via <code>groupKey</code> and exposed as <code>band.subgroups</code>. The flat <code>rows</code> are always present regardless.</td></tr><tr><td align="left"><a id="now-2"></a> <code>now?</code></td><td align="left"><code>number</code></td><td align="left">Clock injection for the relative <code>when</code> column. Defaults to <code>Date.now()</code> read once per recompute. Pass a fixed value (or a frozen “session now”) for deterministic rendering / tests. NOTE: changing <code>now</code> between renders re-folds the digest, so don’t pass a fresh <code>Date.now()</code> inline unless you want a recompute every render — pin it (e.g. a ticking value updated on an interval).</td></tr><tr><td align="left"><a id="order-1"></a> <code>order?</code></td><td align="left"><code>"recency"</code> | <code>"chronological"</code></td><td align="left">Row order within a band. <code>recency</code> (default) is newest-first to match the mock’s <code>when</code> column. <code>chronological</code> is oldest-first.</td></tr><tr><td align="left"><a id="rowsperband-1"></a> <code>rowsPerBand?</code></td><td align="left"><code>number</code></td><td align="left">Cap rows kept per band (the mock shows ~3–4 then “N more”). The digest keeps ALL rows but records the overflow via <code>band.count</code> vs <code>rows.length</code>. Set to a number to actually trim <code>rows</code>; the header <code>count</code> still reflects the true total. Default: keep all.</td></tr></tbody></table></div>
+<hr>
+<p><a id="useactivitystreamoptions"></a></p>
+<h3 id="useactivitystreamoptions">UseActivityStreamOptions</h3>
+<h4 id="properties-19">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="buffersize"></a> <code>bufferSize?</code></td><td align="left"><code>number</code></td><td align="left">Ring-buffer cap. Once exceeded, the oldest events drop. Default 5000 (mirrors the traffic monitor’s cap — a load-test session can emit 100k+ events).</td></tr><tr><td align="left"><a id="initial"></a> <code>initial?</code></td><td align="left">readonly <a href="#anyactivityevent"><code>AnyActivityEvent</code></a>[]</td><td align="left">Seed the buffer with a snapshot before the live subscription attaches — typically <code>sandbox.history()</code>, so a late-attaching consumer sees the whole session, not just events from <code>subscribe</code> onward. Read once on mount.</td></tr><tr><td align="left"><a id="paused"></a> <code>paused?</code></td><td align="left"><code>boolean</code></td><td align="left">Start paused — incoming events drop (not queued) while paused.</td></tr><tr><td align="left"><a id="source"></a> <code>source</code></td><td align="left"><a href="#activitysource"><code>ActivitySource</code></a></td><td align="left">The subscription — <code>sandbox.onEvent</code> satisfies this directly. Pass a stable reference; the hook re-subscribes on identity change.</td></tr></tbody></table></div>
+<hr>
+<p><a id="useactivitystreamresult"></a></p>
+<h3 id="useactivitystreamresult">UseActivityStreamResult</h3>
+<h4 id="properties-20">Properties</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Property</th><th align="left">Type</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><a id="clear"></a> <code>clear</code></td><td align="left">() => <code>void</code></td><td align="left">Empty the buffer (does NOT re-seed from <code>initial</code>).</td></tr><tr><td align="left"><a id="events-1"></a> <code>events</code></td><td align="left"><a href="#anyactivityevent"><code>AnyActivityEvent</code></a>[]</td><td align="left">The buffered events, oldest-first. Stable per emission — safe to hand straight to <a href="#useactivitydigest">useActivityDigest</a>.</td></tr><tr><td align="left"><a id="ispaused"></a> <code>isPaused</code></td><td align="left"><code>boolean</code></td><td align="left">-</td></tr><tr><td align="left"><a id="pause"></a> <code>pause</code></td><td align="left">() => <code>void</code></td><td align="left">-</td></tr><tr><td align="left"><a id="resume"></a> <code>resume</code></td><td align="left">() => <code>void</code></td><td align="left">-</td></tr></tbody></table></div>
+<h2 id="type-aliases">Type Aliases</h2>
+<p><a id="activityactor"></a></p>
+<h3 id="activityactor">ActivityActor</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">type</span><span style="color:#E5C07B"> ActivityActor</span><span style="color:#56B6C2"> =</span></span>
+<span class="line"><span style="color:#ABB2BF">  | {</span></span>
+<span class="line"><span style="color:#E06C75">  kind</span><span style="color:#ABB2BF">: </span><span style="color:#98C379">"app"</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#ABB2BF">}</span></span>
+<span class="line"><span style="color:#ABB2BF">  | {</span></span>
+<span class="line"><span style="color:#E06C75">  kind</span><span style="color:#ABB2BF">: </span><span style="color:#98C379">"studio"</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#ABB2BF">}</span></span>
+<span class="line"><span style="color:#ABB2BF">  | {</span></span>
+<span class="line"><span style="color:#E06C75">  kind</span><span style="color:#ABB2BF">: </span><span style="color:#98C379">"agent"</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#E06C75">  name</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">string</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#ABB2BF">}</span></span>
+<span class="line"><span style="color:#ABB2BF">  | {</span></span>
+<span class="line"><span style="color:#E06C75">  kind</span><span style="color:#ABB2BF">: </span><span style="color:#98C379">"app-builder"</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#ABB2BF">};</span></span></code></pre>
+<p>Who initiated the op behind an event. Absent ⇒ the served app.</p>
+<hr>
+<p><a id="activitybandkey-1"></a></p>
+<h3 id="activitybandkey">ActivityBandKey</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">type</span><span style="color:#E5C07B"> ActivityBandKey</span><span style="color:#56B6C2"> =</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#98C379">"denied"</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#98C379">"errored"</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#98C379">"added"</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#98C379">"updated"</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#98C379">"removed"</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#98C379">"signed-in"</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#98C379">"signed-out"</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#98C379">"read"</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#98C379">"other"</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>The band a row falls into. <code>denied</code> leads; the write bands
+(added/updated/removed) and the auth bands (signed-in/signed-out)
+follow; <code>read</code>, <code>errored</code>, and <code>other</code> are the long-tail catch-alls.</p>
+<ul>
+<li><code>denied</code>     — a rules denial (firestore <code>request</code> with <code>result: 'deny'</code>).</li>
+<li><code>errored</code>    — an operational failure (<code>request</code> with <code>result: 'unsupported'</code>).</li>
+<li><code>added</code>      — a doc/object created, or a user created.</li>
+<li><code>updated</code>    — a doc/object/user/rtdb path mutated in place.</li>
+<li><code>removed</code>    — a doc/object/user deleted.</li>
+<li><code>signed-in</code>  — an auth sign-in.</li>
+<li><code>signed-out</code> — an auth sign-out.</li>
+<li><code>read</code>       — an allowed firestore read (<code>get</code>/<code>list</code>).</li>
+<li><code>other</code>      — anything modelled but uncategorized (e.g. an unknown service op).</li>
+</ul>
+<hr>
+<p><a id="activityevent"></a></p>
+<h3 id="activityevent">ActivityEvent</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">type</span><span style="color:#E5C07B"> ActivityEvent</span><span style="color:#56B6C2"> =</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#E5C07B">ActivityRequestEvent</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#E5C07B">ActivityWriteEvent</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#E5C07B">ActivityServiceMutationEvent</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>The union members the activity digest aggregates. This is a SUBSET of
+<code>pyric</code>’s <code>SandboxEvent</code> — the listener-lifecycle / snapshot-delivery /
+session-boundary kinds carry no user-visible mutation, so the digest
+ignores them. The reducer accepts any object with a <code>kind</code> and skips
+the kinds it doesn’t model, so a full <code>SandboxEvent[]</code> passes through
+cleanly (the extra kinds fall into the “unknown ⇒ skipped” branch).</p>
+<hr>
+<p><a id="activitygroupby"></a></p>
+<h3 id="activitygroupby">ActivityGroupBy</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">type</span><span style="color:#E5C07B"> ActivityGroupBy</span><span style="color:#56B6C2"> =</span><span style="color:#98C379"> "none"</span><span style="color:#ABB2BF"> | </span><span style="color:#98C379">"actor"</span><span style="color:#ABB2BF"> | </span><span style="color:#98C379">"lens"</span><span style="color:#ABB2BF"> | </span><span style="color:#98C379">"subject"</span><span style="color:#ABB2BF"> | </span><span style="color:#98C379">"service"</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>How rows within each band are pivoted/grouped.</p>
+<hr>
+<p><a id="activitylens"></a></p>
+<h3 id="activitylens">ActivityLens</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">type</span><span style="color:#E5C07B"> ActivityLens</span><span style="color:#56B6C2"> =</span></span>
+<span class="line"><span style="color:#ABB2BF">  | {</span></span>
+<span class="line"><span style="color:#E06C75">  mode</span><span style="color:#ABB2BF">: </span><span style="color:#98C379">"admin"</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#ABB2BF">}</span></span>
+<span class="line"><span style="color:#ABB2BF">  | {</span></span>
+<span class="line"><span style="color:#E06C75">  mode</span><span style="color:#ABB2BF">: </span><span style="color:#98C379">"as"</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#E06C75">  uid</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">string</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#ABB2BF">}</span></span>
+<span class="line"><span style="color:#ABB2BF">  | {</span></span>
+<span class="line"><span style="color:#E06C75">  mode</span><span style="color:#ABB2BF">: </span><span style="color:#98C379">"app-session"</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#ABB2BF">};</span></span></code></pre>
+<p>The auth lens an op ran under. <code>admin</code> bypasses rules, <code>as</code> evaluates
+rules as a specific uid (impersonation), <code>app-session</code> is the app’s
+own signed-in user. Absent ⇒ <code>app-session</code>.</p>
+<hr>
+<p><a id="activityresult"></a></p>
+<h3 id="activityresult">ActivityResult</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">type</span><span style="color:#E5C07B"> ActivityResult</span><span style="color:#56B6C2"> =</span><span style="color:#98C379"> "allow"</span><span style="color:#ABB2BF"> | </span><span style="color:#98C379">"deny"</span><span style="color:#ABB2BF"> | </span><span style="color:#98C379">"unsupported"</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>Firestore op outcome — present on <code>request</code> events only.</p>
+<hr>
+<p><a id="activityservice"></a></p>
+<h3 id="activityservice">ActivityService</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">type</span><span style="color:#E5C07B"> ActivityService</span><span style="color:#56B6C2"> =</span><span style="color:#98C379"> "firestore"</span><span style="color:#ABB2BF"> | </span><span style="color:#98C379">"auth"</span><span style="color:#ABB2BF"> | </span><span style="color:#98C379">"storage"</span><span style="color:#ABB2BF"> | </span><span style="color:#98C379">"rtdb"</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>Which sandbox service emitted an event. Absent ⇒ <code>'firestore'</code>.</p>
+<hr>
+<p><a id="activitysource"></a></p>
+<h3 id="activitysource">ActivitySource()</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">type</span><span style="color:#E5C07B"> ActivitySource</span><span style="color:#56B6C2"> =</span><span style="color:#ABB2BF"> (</span><span style="color:#61AFEF">cb</span><span style="color:#ABB2BF">: (</span><span style="color:#E06C75;font-style:italic">event</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">AnyActivityEvent</span><span style="color:#ABB2BF">) </span><span style="color:#C678DD">=></span><span style="color:#E5C07B"> void</span><span style="color:#ABB2BF">) </span><span style="color:#C678DD">=></span><span style="color:#ABB2BF"> () </span><span style="color:#C678DD">=></span><span style="color:#E5C07B"> void</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>A subscription: register a callback, get an unsubscribe.
+<code>sandbox.onEvent</code> matches this signature.</p>
+<h4 id="parameters">Parameters</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Parameter</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><code>cb</code></td><td align="left">(<code>event</code>: <a href="#anyactivityevent"><code>AnyActivityEvent</code></a>) => <code>void</code></td></tr></tbody></table></div>
+<h4 id="returns">Returns</h4>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#ABB2BF">(): </span><span style="color:#E5C07B">void</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<h5 id="returns-1">Returns</h5>
+<p><code>void</code></p>
+<hr>
+<p><a id="anyactivityevent"></a></p>
+<h3 id="anyactivityevent">AnyActivityEvent</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">type</span><span style="color:#E5C07B"> AnyActivityEvent</span><span style="color:#56B6C2"> =</span></span>
+<span class="line"><span style="color:#ABB2BF">  | </span><span style="color:#E5C07B">ActivityEvent</span></span>
+<span class="line"><span style="color:#ABB2BF">  | {</span></span>
+<span class="line"><span style="color:#ABB2BF">[</span><span style="color:#E06C75;font-style:italic">k</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">string</span><span style="color:#ABB2BF">]: </span><span style="color:#E5C07B">unknown</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#E06C75">  kind</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">string</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#ABB2BF">};</span></span></code></pre>
+<p>The widened input the reducer accepts: any <code>ActivityEvent</code>, plus a
+permissive escape for unmodelled <code>SandboxEvent</code> kinds carrying a
+string <code>kind</code> (skipped). Lets <code>sandbox.history()</code> flow in unfiltered.</p>
+<h2 id="functions">Functions</h2>
+<p><a id="activityactionitems"></a></p>
+<h3 id="activityactionitems">ActivityActionItems()</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">function</span><span style="color:#61AFEF"> ActivityActionItems</span><span style="color:#ABB2BF">(</span><span style="color:#E06C75;font-style:italic">__namedParameters</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">ActivityActionItemsProps</span><span style="color:#ABB2BF">): </span><span style="color:#E5C07B">ReactNode</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>The action-items tier — the few things wanting a decision, surfaced
+ABOVE the activity grid (design-ideation Tier 2 / “Needs you”).
+Denials lead and are first-class. Mechanical copy by default; the host
+supplies the action affordance (e.g. a “Debug” link into the rules
+debugger) via <code>renderAction</code>.</p>
+<p>Data contract:</p>
+<ul>
+<li><code>[data-pyric-ui="activity-action-items"]</code> — the root (absent when
+empty and no <code>emptyState</code>).</li>
+<li><code>[data-pyric-action-item]</code> (+ <code>data-pyric-action-type</code>,
+<code>data-pyric-action-count</code>) — one item.</li>
+<li><code>[data-pyric-action-title]</code> / <code>[data-pyric-action-meta]</code> — the copy.</li>
+<li><code>[data-pyric-action-affordance]</code> — wraps the host’s action node.</li>
+</ul>
+<h4 id="parameters-1">Parameters</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Parameter</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><code>__namedParameters</code></td><td align="left"><a href="#activityactionitemsprops"><code>ActivityActionItemsProps</code></a></td></tr></tbody></table></div>
+<h4 id="returns-2">Returns</h4>
+<p><code>ReactNode</code></p>
+<hr>
+<p><a id="activitygrid"></a></p>
+<h3 id="activitygrid">ActivityGrid()</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">function</span><span style="color:#61AFEF"> ActivityGrid</span><span style="color:#ABB2BF">(</span><span style="color:#E06C75;font-style:italic">__namedParameters</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">ActivityGridProps</span><span style="color:#ABB2BF">): </span><span style="color:#E5C07B">ReactNode</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>Headless activity grid over the unified <code>SandboxEvent</code> stream. Folds
+events into category bands (Denied / Added / Updated / Removed /
+Signed in / …), each band a <code>target · change · for · lens · when</code>
+column grid grouped under a <code>label · count · attribution</code> header.
+Denials lead (lead-with-consequence) and are flagged first-class.</p>
+<p>Ships ZERO styling — the host (Pyric Studio) applies the rigid column
+grid + band typography via the <code>data-pyric-*</code> contract:</p>
+<ul>
+<li><code>[data-pyric-ui="activity-grid"]</code> — the root.</li>
+<li><code>[data-pyric-band]</code> — a band header, with <code>data-pyric-band-key</code>,
+<code>data-pyric-band-count</code>, <code>data-pyric-band-denied</code> (on the denied
+band). Children: <code>[data-pyric-band-label]</code>, <code>[data-pyric-band-n]</code>,
+<code>[data-pyric-band-attr]</code> (omitted when attribution is mixed).</li>
+<li><code>[data-pyric-band-rows]</code> — the row container; with grouping,
+<code>[data-pyric-band-subgroup]</code> (+ <code>data-pyric-subgroup-key</code>) wraps
+each pivot bucket.</li>
+<li><code>[data-pyric-band-more]</code> — the “N more” overflow stub.</li>
+<li>the <code>&#x3C;ActivityGridRow></code> contract for each row.</li>
+</ul>
+<h4 id="parameters-2">Parameters</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Parameter</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><code>__namedParameters</code></td><td align="left"><a href="#activitygridprops"><code>ActivityGridProps</code></a></td></tr></tbody></table></div>
+<h4 id="returns-3">Returns</h4>
+<p><code>ReactNode</code></p>
+<hr>
+<p><a id="activitygridrow"></a></p>
+<h3 id="activitygridrow">ActivityGridRow()</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">function</span><span style="color:#61AFEF"> ActivityGridRow</span><span style="color:#ABB2BF">(</span><span style="color:#E06C75;font-style:italic">__namedParameters</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">ActivityGridRowProps</span><span style="color:#ABB2BF">): </span><span style="color:#E5C07B">ReactNode</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>One activity grid row — the <code>target · change · for · lens · when</code>
+column contract from <code>c-result.html</code>, plus a trailing drill affordance
+column. Headless: every cell is a <code>data-pyric-event-*</code> span the host
+styles into the rigid column grid.</p>
+<p>Styling / data contract:</p>
+<ul>
+<li><code>[data-pyric-event-row]</code> — the row, with <code>data-pyric-event-band</code>,
+<code>data-pyric-event-service</code>, <code>data-pyric-event-lens</code>,
+<code>data-pyric-event-denied</code> (present only on denials), and
+<code>data-pyric-selected</code> when active.</li>
+<li><code>[data-pyric-event-target]</code> / <code>-change</code> / <code>-for</code> / <code>-lens</code> / <code>-when</code>
+— the five columns, in order.</li>
+</ul>
+<h4 id="parameters-3">Parameters</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Parameter</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><code>__namedParameters</code></td><td align="left"><a href="#activitygridrowprops"><code>ActivityGridRowProps</code></a></td></tr></tbody></table></div>
+<h4 id="returns-4">Returns</h4>
+<p><code>ReactNode</code></p>
+<hr>
+<p><a id="computeactivitydigest"></a></p>
+<h3 id="computeactivitydigest">computeActivityDigest()</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">function</span><span style="color:#61AFEF"> computeActivityDigest</span><span style="color:#ABB2BF">(</span><span style="color:#E06C75;font-style:italic">events</span><span style="color:#ABB2BF">: </span><span style="color:#C678DD">readonly</span><span style="color:#E5C07B"> AnyActivityEvent</span><span style="color:#ABB2BF">[], </span><span style="color:#E06C75;font-style:italic">opts</span><span style="color:#C678DD">?</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">ActivityDigestOptions</span><span style="color:#ABB2BF"> &#x26; {</span></span>
+<span class="line"><span style="color:#E06C75">  now</span><span style="color:#C678DD">?</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">number</span><span style="color:#ABB2BF">;</span></span>
+<span class="line"><span style="color:#ABB2BF">}): </span><span style="color:#E5C07B">ActivityDigest</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>Fold a unified event stream into the banded activity digest. PURE —
+no React, no clock reads except the injected <code>now</code> (defaults to
+<code>Date.now()</code>, but pass a fixed value in tests for determinism).</p>
+<p>Events the digest doesn’t model (listener lifecycle, snapshot
+delivery, session boundaries, unknown kinds) are skipped — a full
+<code>SandboxEvent[]</code> from <code>sandbox.history()</code> flows in unfiltered.</p>
+<h4 id="parameters-4">Parameters</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Parameter</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><code>events</code></td><td align="left">readonly <a href="#anyactivityevent"><code>AnyActivityEvent</code></a>[]</td></tr><tr><td align="left"><code>opts?</code></td><td align="left"><a href="#activitydigestoptions"><code>ActivityDigestOptions</code></a> &#x26; { <code>now?</code>: <code>number</code>; }</td></tr></tbody></table></div>
+<h4 id="returns-5">Returns</h4>
+<p><a href="#activitydigest"><code>ActivityDigest</code></a></p>
+<hr>
+<p><a id="defaultformatwhen"></a></p>
+<h3 id="defaultformatwhen">defaultFormatWhen()</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">function</span><span style="color:#61AFEF"> defaultFormatWhen</span><span style="color:#ABB2BF">(</span><span style="color:#E06C75;font-style:italic">at</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">number</span><span style="color:#ABB2BF">, </span><span style="color:#E06C75;font-style:italic">now</span><span style="color:#C678DD">?</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">number</span><span style="color:#ABB2BF">): </span><span style="color:#E5C07B">string</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>Default <code>when</code>-column formatter: a session-relative duration
+(<code>now</code> / <code>12s</code> / <code>3m</code> / <code>1h</code>), matching the mock’s <code>c-when</code> strings.
+The grid is session-scoped (see design-ideation “FRAME CORRECTION”)
+so anchors are relative, never absolute calendar dates.</p>
+<p>Override via <code>&#x3C;ActivityGrid formatWhen={...} /></code> when the host has a
+better clock anchor (e.g. a ticking “session now”).</p>
+<h4 id="parameters-5">Parameters</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Parameter</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><code>at</code></td><td align="left"><code>number</code></td></tr><tr><td align="left"><code>now?</code></td><td align="left"><code>number</code></td></tr></tbody></table></div>
+<h4 id="returns-6">Returns</h4>
+<p><code>string</code></p>
+<hr>
+<p><a id="proposedchangediff"></a></p>
+<h3 id="proposedchangediff">ProposedChangeDiff()</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">function</span><span style="color:#61AFEF"> ProposedChangeDiff</span><span style="color:#ABB2BF">(</span><span style="color:#E06C75;font-style:italic">__namedParameters</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">ProposedChangeDiffProps</span><span style="color:#ABB2BF">): </span><span style="color:#E5C07B">Element</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>Headless renderer for a staged change: the documents a proposal touches, with
+per-field before/after. Grouped by collection. Ships zero styling; the host
+styles the <code>data-pyric-*</code> contract (<code>proposed-change-diff</code> /
+<code>data-pyric-change-*</code>). The c-review diff grid is this, styled.</p>
+<h4 id="parameters-6">Parameters</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Parameter</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><code>__namedParameters</code></td><td align="left"><a href="#proposedchangediffprops"><code>ProposedChangeDiffProps</code></a></td></tr></tbody></table></div>
+<h4 id="returns-7">Returns</h4>
+<p><code>Element</code></p>
+<hr>
+<p><a id="useactivitydigest"></a></p>
+<h3 id="useactivitydigest">useActivityDigest()</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">function</span><span style="color:#61AFEF"> useActivityDigest</span><span style="color:#ABB2BF">(</span><span style="color:#E06C75;font-style:italic">events</span><span style="color:#ABB2BF">: </span><span style="color:#C678DD">readonly</span><span style="color:#E5C07B"> AnyActivityEvent</span><span style="color:#ABB2BF">[], </span><span style="color:#E06C75;font-style:italic">options</span><span style="color:#C678DD">?</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">UseActivityDigestOptions</span><span style="color:#ABB2BF">): </span><span style="color:#E5C07B">ActivityDigest</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>React wrapper over <a href="#computeactivitydigest">computeActivityDigest</a> — memoizes the pure
+fold over the unified <code>SandboxEvent</code> stream into the banded activity
+digest. Feed it <code>sandbox.history()</code> (a snapshot) or the live buffer
+from <a href="#useactivitystream">useActivityStream</a>; the reducer is identical either way.</p>
+<p>The fold re-runs when <code>events</code> identity, any grouping option, or
+<code>now</code> changes. Keep <code>events</code> referentially stable across renders that
+shouldn’t recompute (the stream hook already returns a stable array
+per emission).</p>
+<h4 id="parameters-7">Parameters</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Parameter</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><code>events</code></td><td align="left">readonly <a href="#anyactivityevent"><code>AnyActivityEvent</code></a>[]</td></tr><tr><td align="left"><code>options?</code></td><td align="left"><a href="#useactivitydigestoptions"><code>UseActivityDigestOptions</code></a></td></tr></tbody></table></div>
+<h4 id="returns-8">Returns</h4>
+<p><a href="#activitydigest"><code>ActivityDigest</code></a></p>
+<hr>
+<p><a id="useactivitystream"></a></p>
+<h3 id="useactivitystream">useActivityStream()</h3>
+<pre class="astro-code one-dark-pro" style="background-color:#282c34;color:#abb2bf; overflow-x: auto;" tabindex="0" data-language="ts"><code><span class="line"><span style="color:#C678DD">function</span><span style="color:#61AFEF"> useActivityStream</span><span style="color:#ABB2BF">(</span><span style="color:#E06C75;font-style:italic">__namedParameters</span><span style="color:#ABB2BF">: </span><span style="color:#E5C07B">UseActivityStreamOptions</span><span style="color:#ABB2BF">): </span><span style="color:#E5C07B">UseActivityStreamResult</span><span style="color:#ABB2BF">;</span></span></code></pre>
+<p>Buffers the unified sandbox event stream into a capped ring buffer
+with optional history seeding + pause/resume/clear. Decoupled from
+<code>pyric</code> — <code>source</code> is just a <code>(cb) => unsubscribe</code>.</p>
+<p>Sibling to the traffic monitor’s <code>useTrafficMonitor</code>; the difference
+is the wider event type (<code>AnyActivityEvent</code>, the full union) and the
+<code>initial</code> seed so <code>history()</code> + live compose into one buffer.</p>
+<h4 id="parameters-8">Parameters</h4>
+<div class="table-scroll">
+<table><thead><tr><th align="left">Parameter</th><th align="left">Type</th></tr></thead><tbody><tr><td align="left"><code>__namedParameters</code></td><td align="left"><a href="#useactivitystreamoptions"><code>UseActivityStreamOptions</code></a></td></tr></tbody></table></div>
+<h4 id="returns-9">Returns</h4>
+<p><a href="#useactivitystreamresult"><code>UseActivityStreamResult</code></a></p>  </article> </main> <aside class="doc-toc api-symbols" aria-label="API symbols"> <h2 class="doc-toc-heading">Symbols</h2> <input class="api-symbol-filter" type="search" placeholder="Filter symbols" aria-label="Filter API symbols" data-api-symbol-filter> <div class="api-symbol-groups" data-api-symbol-groups> <section class="api-symbol-group" data-api-symbol-group> <a class="api-symbol-kind" href="#interfaces"> Interfaces </a> <ul> <li data-api-symbol="activityactionitem"> <a href="#activityactionitem">ActivityActionItem</a> </li><li data-api-symbol="activityactionitemsprops"> <a href="#activityactionitemsprops">ActivityActionItemsProps</a> </li><li data-api-symbol="activityauthstate"> <a href="#activityauthstate">ActivityAuthState</a> </li><li data-api-symbol="activityband"> <a href="#activityband">ActivityBand</a> </li><li data-api-symbol="activitybandwithgroups"> <a href="#activitybandwithgroups">ActivityBandWithGroups</a> </li><li data-api-symbol="activitydigest"> <a href="#activitydigest">ActivityDigest</a> </li><li data-api-symbol="activitydigestoptions"> <a href="#activitydigestoptions">ActivityDigestOptions</a> </li><li data-api-symbol="activitygridprops"> <a href="#activitygridprops">ActivityGridProps</a> </li><li data-api-symbol="activitygridrowprops"> <a href="#activitygridrowprops">ActivityGridRowProps</a> </li><li data-api-symbol="activityprovenance"> <a href="#activityprovenance">ActivityProvenance</a> </li><li data-api-symbol="activityrequestevent"> <a href="#activityrequestevent">ActivityRequestEvent</a> </li><li data-api-symbol="activityrow"> <a href="#activityrow">ActivityRow</a> </li><li data-api-symbol="activityservicemutationevent"> <a href="#activityservicemutationevent">ActivityServiceMutationEvent</a> </li><li data-api-symbol="activitysubgroup"> <a href="#activitysubgroup">ActivitySubgroup</a> </li><li data-api-symbol="activitywriteevent"> <a href="#activitywriteevent">ActivityWriteEvent</a> </li><li data-api-symbol="createdauthuser"> <a href="#createdauthuser">CreatedAuthUser</a> </li><li data-api-symbol="fieldchange"> <a href="#fieldchange">FieldChange</a> </li><li data-api-symbol="proposedchangediffprops"> <a href="#proposedchangediffprops">ProposedChangeDiffProps</a> </li><li data-api-symbol="useactivitydigestoptions"> <a href="#useactivitydigestoptions">UseActivityDigestOptions</a> </li><li data-api-symbol="useactivitystreamoptions"> <a href="#useactivitystreamoptions">UseActivityStreamOptions</a> </li><li data-api-symbol="useactivitystreamresult"> <a href="#useactivitystreamresult">UseActivityStreamResult</a> </li> </ul> </section><section class="api-symbol-group" data-api-symbol-group> <a class="api-symbol-kind" href="#type-aliases"> Type Aliases </a> <ul> <li data-api-symbol="activityactor"> <a href="#activityactor">ActivityActor</a> </li><li data-api-symbol="activitybandkey"> <a href="#activitybandkey">ActivityBandKey</a> </li><li data-api-symbol="activityevent"> <a href="#activityevent">ActivityEvent</a> </li><li data-api-symbol="activitygroupby"> <a href="#activitygroupby">ActivityGroupBy</a> </li><li data-api-symbol="activitylens"> <a href="#activitylens">ActivityLens</a> </li><li data-api-symbol="activityresult"> <a href="#activityresult">ActivityResult</a> </li><li data-api-symbol="activityservice"> <a href="#activityservice">ActivityService</a> </li><li data-api-symbol="activitysource()"> <a href="#activitysource">ActivitySource()</a> </li><li data-api-symbol="anyactivityevent"> <a href="#anyactivityevent">AnyActivityEvent</a> </li> </ul> </section><section class="api-symbol-group" data-api-symbol-group> <a class="api-symbol-kind" href="#functions"> Functions </a> <ul> <li data-api-symbol="activityactionitems()"> <a href="#activityactionitems">ActivityActionItems()</a> </li><li data-api-symbol="activitygrid()"> <a href="#activitygrid">ActivityGrid()</a> </li><li data-api-symbol="activitygridrow()"> <a href="#activitygridrow">ActivityGridRow()</a> </li><li data-api-symbol="computeactivitydigest()"> <a href="#computeactivitydigest">computeActivityDigest()</a> </li><li data-api-symbol="defaultformatwhen()"> <a href="#defaultformatwhen">defaultFormatWhen()</a> </li><li data-api-symbol="proposedchangediff()"> <a href="#proposedchangediff">ProposedChangeDiff()</a> </li><li data-api-symbol="useactivitydigest()"> <a href="#useactivitydigest">useActivityDigest()</a> </li><li data-api-symbol="useactivitystream()"> <a href="#useactivitystream">useActivityStream()</a> </li> </ul> </section> <p class="api-symbol-empty" data-api-symbol-empty hidden>No matching symbols</p> </div> </aside> </div> <script type="module">const a=document.querySelector("[data-api-symbol-filter]"),d=[...document.querySelectorAll("[data-api-symbol-group]")],n=document.querySelector("[data-api-symbol-empty]");a?.addEventListener("input",()=>{const t=a.value.trim().toLowerCase();let o=0;for(const i of d){let e=0;i.querySelectorAll("[data-api-symbol]").forEach(l=>{const r=!t||(l.dataset.apiSymbol??"").includes(t);l.hidden=!r,r&&e++}),i.hidden=e===0,o+=e}n&&(n.hidden=o>0)});</script> <script type="module">const s=new Map;document.querySelectorAll('.doc-toc a[href^="#"]').forEach(t=>s.set(decodeURIComponent(t.hash.slice(1)),t));if(s.size>0){const t=new Set,n=()=>{let o=null;for(const e of s.keys())if(t.has(e)){o=e;break}s.forEach((e,c)=>e.classList.toggle("active",c===o))},r=new IntersectionObserver(o=>{for(const e of o)e.isIntersecting?t.add(e.target.id):t.delete(e.target.id);n()},{rootMargin:"-72px 0px -60% 0px"});s.forEach((o,e)=>{const c=document.getElementById(e);c&&r.observe(c)})}</script> <script type="module">document.querySelector('.studio__nav [aria-current="page"]')?.scrollIntoView({block:"nearest",inline:"center"});</script> </body> </html>