npm - @laitszkin/apollo-toolkit - Versions diffs - 3.10.0 → 3.11.1 - Mend

@laitszkin/apollo-toolkit 3.10.0 → 3.11.1

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 (47) hide show

package/init-project-html/sample-demo/resources/project-architecture/features/get-invite-codes/postgresql.html CHANGED Viewed

@@ -1,165 +1,84 @@
 <!DOCTYPE html>
-<html lang="zh-Hant">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>子模組 · postgresql — 獲取邀請碼（iss 視角）</title>
-    <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=Fraunces:opsz,wght@9..144,500;600&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="stylesheet" href="../../assets/architecture.css" />
-  </head>
-  <body>
-    <main class="atlas-page atlas-page--feature">
-      <nav class="breadcrumb" aria-label="階層導航">
-        <a href="../../index.html">宏觀架構</a> · <a href="./index.html">獲取邀請碼</a> · <span>postgresql</span>
-      </nav>
-      <header class="atlas-header">
-        <p class="atlas-kicker">Submodule · postgresql（iss 視角）</p>
-        <h1 class="atlas-title">postgresql — 發放側操作</h1>
-        <p class="atlas-meta">
-          自身職責：對 <code>invite_codes</code> 表執行<strong>計數</strong>與<strong>插入</strong>。寫入的列會在「邀請碼註冊」功能裡被另一個視角讀取（跨功能資料流見<a href="../../index.html">宏觀架構圖</a>）。本頁只列自身 SQL 函式的 I/O。
-        </p>
-      </header>
-      <section class="sub-io">
-        <h2>SQL 函式 I/O</h2>
-        <table>
-          <thead><tr><th>函式</th><th>簽名／SQL</th><th>副作用</th><th>用途</th></tr></thead>
-          <tbody>
-            <tr>
-              <td><code>CountInvitesSince</code></td>
-              <td class="sub-io__signature">
-                <strong>in:</strong> <code>tx</code>, <code>userID</code>, <code>since</code><br>
-                <strong>out:</strong> <code>int64</code><br>
-                SQL: <code>SELECT count(*) FROM invite_codes WHERE owner_user_id=$1 AND created_at &gt; $2</code>
-              </td>
-              <td><span class="sub-io__side sub-io__side--io">read</span></td>
-              <td>滑動視窗計數，給呼叫端做額度判斷。</td>
-            </tr>
-            <tr>
-              <td><code>InsertInviteCode</code></td>
-              <td class="sub-io__signature">
-                <strong>in:</strong> <code>tx</code>, <code>InviteCodeRecord</code><br>
-                <strong>out:</strong> <code>InviteID</code> | <code>UniqueViolation</code><br>
-                SQL: <code>INSERT INTO invite_codes (code, owner_user_id, allowed_registration, ...) VALUES (...) RETURNING id</code>
-              </td>
-              <td><span class="sub-io__side sub-io__side--write">write</span> 新列（待 commit）</td>
-              <td><code>invite_codes.code UNIQUE</code>；衝突時呼叫端負責換碼重試。</td>
-            </tr>
-            <tr>
-              <td><code>GetUserStatus</code></td>
-              <td class="sub-io__signature">
-                <strong>in:</strong> <code>tx</code>, <code>userID</code><br>
-                <strong>out:</strong> <code>UserStatus</code> | <code>NotFound</code><br>
-                SQL: <code>SELECT status, banned_at FROM users WHERE id=$1</code>
-              </td>
-              <td><span class="sub-io__side sub-io__side--io">read</span></td>
-              <td>給呼叫端做帳號狀態檢查。</td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="sub-vars">
-        <h2>變數與業務用途</h2>
-        <p class="sub-vars__intro">本表分兩段：上半為 SQL 函式參數／回傳，下半為 <code>invite_codes</code> / <code>users</code> 表上的關鍵列欄位（被本子模組寫入或讀取）。</p>
-        <table>
-          <thead><tr><th>變數</th><th>型別</th><th>作用域</th><th>業務用途</th></tr></thead>
-          <tbody>
-            <tr>
-              <td class="sub-vars__name">tx</td>
-              <td class="sub-vars__type">*sql.Tx</td>
-              <td><span class="sub-vars__scope sub-vars__scope--tx">tx</span></td>
-              <td>上層管理的隔離單元；本子模組所有 SQL 都掛在這個 <code>tx</code> 上以保證原子寫入。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">userID</td>
-              <td class="sub-vars__type">UUID</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td>SQL 參數；標記新邀請碼擁有者，也是計數視窗鍵；錯誤帶入會把額度算到別人頭上。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">since</td>
-              <td class="sub-vars__type">timestamp</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td>滑動視窗起點；決定 <code>count(*)</code> 的時段；起點漂移會讓額度執行不準。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">InviteCodeRecord</td>
-              <td class="sub-vars__type">{code, owner_user_id, allowed_registration, ...}</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td>待插入的邀請碼資料；其欄位直接落在 <code>invite_codes</code> 列上。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">UserStatus</td>
-              <td class="sub-vars__type">{status, banned_at}</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td><code>GetUserStatus</code> 的回傳；給呼叫端判定是否准予發放。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">invite_codes.code</td>
-              <td class="sub-vars__type">text UNIQUE</td>
-              <td><span class="sub-vars__scope sub-vars__scope--persist">persist</span></td>
-              <td>列上欄位；UNIQUE 約束在本子模組是「衝突信號源」，呼叫端據此換碼重試。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">invite_codes.owner_user_id</td>
-              <td class="sub-vars__type">FK → users.id</td>
-              <td><span class="sub-vars__scope sub-vars__scope--persist">persist</span></td>
-              <td>列上欄位；建立「誰擁有這張邀請」的關聯；額度查詢與後續審計都依此欄。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">invite_codes.allowed_registration</td>
-              <td class="sub-vars__type">boolean</td>
-              <td><span class="sub-vars__scope sub-vars__scope--persist">persist</span></td>
-              <td>列上欄位；發放時寫 <code>true</code>；「邀請碼註冊」功能在判定時讀此欄，<code>false</code> 即拒絕該邀請可用。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">invite_codes.consumed_at</td>
-              <td class="sub-vars__type">timestamp NULL</td>
-              <td><span class="sub-vars__scope sub-vars__scope--persist">persist</span></td>
-              <td>列上欄位；本子模組寫入時為 <code>NULL</code>；之後由「邀請碼註冊」標記消費，是橋接兩個功能模組的關鍵欄位。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">invite_codes.created_at</td>
-              <td class="sub-vars__type">timestamp</td>
-              <td><span class="sub-vars__scope sub-vars__scope--persist">persist</span></td>
-              <td>列上欄位；額度的滑動視窗計數憑此欄位，業務上要與 <code>now</code> 同步以免漂移。</td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="sub-dataflow">
-        <h2>內部資料流（單一交易視角）</h2>
-        <ol>
-          <li>呼叫端開 <code>tx</code> → 本子模組以該 <code>tx</code> 執行 SQL；交易控制不在本子模組內。</li>
-          <li><code>CountInvitesSince</code> 與 <code>GetUserStatus</code> 為純讀；不變動列。</li>
-          <li><code>InsertInviteCode</code>：寫入後回傳 <code>InviteID</code> 或 <code>UniqueViolation</code>；<strong>無</strong> partial row。</li>
-          <li>所有寫入皆在 <code>tx</code> 內；本子模組對外只報告每個 SQL 結果。</li>
-        </ol>
-      </section>
-      <section class="sub-errors">
-        <h2>本子模組會回傳的錯誤</h2>
-        <table>
-          <thead><tr><th>錯誤</th><th>觸發 SQL</th></tr></thead>
-          <tbody>
-            <tr><td><code>UniqueViolation</code></td><td><code>InsertInviteCode</code>（<code>code</code> 已存在）</td></tr>
-            <tr><td><code>NotFound</code></td><td><code>GetUserStatus</code></td></tr>
-            <tr><td><code>ConnTransient</code></td><td>任意</td></tr>
-          </tbody>
-        </table>
-      </section>
-      <footer class="atlas-meta" style="margin-top: 2rem">
-        <p><a href="../../index.html">← 宏觀架構</a> · <a href="./index.html">← 功能總覽</a></p>
-      </footer>
-    </main>
-  </body>
+<html lang="en" data-atlas-page="submodule">
+<head>
+  <meta charset="utf-8">
+  <title>Get invite codes · postgresql</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="../../assets/architecture.css">
+</head>
+<body>
+  <header class="submodule-header">
+    <nav class="submodule-breadcrumb"><a href="../../index.html">← Atlas</a> · <a href="index.html">← Get invite codes</a></nav>
+    <h1>postgresql <small class="submodule-kind submodule-kind--db">DB</small></h1>
+    <p class="submodule-role">Owns the `invite_codes` table (producer side of the cross-feature data row).</p>
+  </header>
+  <main class="submodule-main">
+    <section class="sub-io" aria-label="Function I/O">
+      <h2>Function I/O</h2>
+      <table class="sub-table">
+        <thead><tr><th scope="col">Name</th><th scope="col">In</th><th scope="col">Out</th><th scope="col">Side</th><th scope="col">Purpose</th></tr></thead>
+        <tbody>
+          <tr><td>INSERT_invite_codes</td><td>row</td><td>rowid</td><td>write</td><td>Persists the issued invite row.</td></tr>
+        </tbody>
+      </table>
+    </section>
+    <section class="sub-vars" aria-label="Variables">
+      <h2>Variables</h2>
+      <table class="sub-table">
+        <thead><tr><th scope="col">Name</th><th scope="col">Type</th><th scope="col">Scope</th><th scope="col">Purpose</th></tr></thead>
+        <tbody>
+          <tr><td>invite_codes.code</td><td>text</td><td>persist</td><td>Unique business key consumed by the registration flow.</td></tr>
+          <tr><td>invite_codes.consumed_at</td><td>timestamptz</td><td>persist</td><td>Stays null until the registration flow consumes the code.</td></tr>
+        </tbody>
+      </table>
+    </section>
+    <section class="sub-dataflow" aria-label="Internal data flow">
+      <h2>Internal data flow</h2>
+      <div class="sub-dataflow__canvas" data-pan-zoom-container>
+        <div class="sub-dataflow__toolbar" role="toolbar" aria-label="Diagram controls">
+          <button type="button" data-pan-zoom="zoom-in" aria-label="Zoom in">+</button>
+          <button type="button" data-pan-zoom="zoom-out" aria-label="Zoom out">−</button>
+          <button type="button" data-pan-zoom="fit" aria-label="Reset view">Fit</button>
+        </div>
+        <div class="sub-dataflow__viewport" data-pan-zoom-viewport>
+          <svg class="sub-dataflow__svg" data-atlas-svg="sub-dataflow" viewBox="0 0 628 368" role="img" aria-label="Internal dataflow">
+  <defs>
+    <marker id="sub-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="9" markerHeight="9" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 Z" /></marker>
+  </defs>
+  <g class="sub-dataflow__step">
+    <circle class="sub-dataflow__badge" cx="42" cy="68" r="18" />
+    <text class="sub-dataflow__badge-text" x="42" y="73" text-anchor="middle">1</text>
+    <rect class="sub-dataflow__box" x="80" y="32" width="520" height="72" rx="14" ry="14" />
+    <text class="sub-dataflow__text" x="340" y="74" text-anchor="middle">Accept INSERT from invite-issuance-service.</text>
+  </g>
+  <line class="sub-dataflow__arrow" x1="340" y1="110" x2="340" y2="140" marker-end="url(#sub-arrow)" />
+  <g class="sub-dataflow__step">
+    <circle class="sub-dataflow__badge" cx="42" cy="184" r="18" />
+    <text class="sub-dataflow__badge-text" x="42" y="189" text-anchor="middle">2</text>
+    <rect class="sub-dataflow__box" x="80" y="148" width="520" height="72" rx="14" ry="14" />
+    <text class="sub-dataflow__text" x="340" y="190" text-anchor="middle">Enforce unique constraint on code.</text>
+  </g>
+  <line class="sub-dataflow__arrow" x1="340" y1="226" x2="340" y2="256" marker-end="url(#sub-arrow)" />
+  <g class="sub-dataflow__step">
+    <circle class="sub-dataflow__badge" cx="42" cy="300" r="18" />
+    <text class="sub-dataflow__badge-text" x="42" y="305" text-anchor="middle">3</text>
+    <rect class="sub-dataflow__box" x="80" y="264" width="520" height="72" rx="14" ry="14" />
+    <text class="sub-dataflow__text" x="340" y="306" text-anchor="middle">Return new rowid.</text>
+  </g>
+</svg>
+        </div>
+      </div>
+    </section>
+    <section class="sub-errors" aria-label="Errors">
+      <h2>Errors</h2>
+      <table class="sub-table">
+        <thead><tr><th scope="col">Name</th><th scope="col">When</th><th scope="col">Means</th></tr></thead>
+        <tbody>
+          <tr><td>ErrUniqueViolation</td><td>Two issuance attempts pick the same code.</td><td>Bubble up so issuance can retry.</td></tr>
+        </tbody>
+      </table>
+    </section>
+  </main>
+  <script src="../../assets/viewer.client.js" defer></script>
+</body>
 </html>

package/init-project-html/sample-demo/resources/project-architecture/features/get-invite-codes/public-api.html CHANGED Viewed

@@ -1,152 +1,90 @@
 <!DOCTYPE html>
-<html lang="zh-Hant">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>子模組 · public-api — 獲取邀請碼</title>
-    <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=Fraunces:opsz,wght@9..144,500;600&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="stylesheet" href="../../assets/architecture.css" />
-  </head>
-  <body>
-    <main class="atlas-page atlas-page--feature">
-      <nav class="breadcrumb" aria-label="階層導航">
-        <a href="../../index.html">宏觀架構</a> · <a href="./index.html">獲取邀請碼</a> · <span>public-api</span>
-      </nav>
-      <header class="atlas-header">
-        <p class="atlas-kicker">Submodule · public-api</p>
-        <h1 class="atlas-title">public-api（iss）</h1>
-        <p class="atlas-meta">自身職責：HTTP 邊界：認證解析、輸入綁定、把網域結果映射為狀態碼。</p>
-      </header>
-      <section class="sub-io">
-        <h2>函式 I/O</h2>
-        <table>
-          <thead><tr><th>函式</th><th>簽名</th><th>副作用</th><th>用途</th></tr></thead>
-          <tbody>
-            <tr>
-              <td><code>AuthMiddleware</code></td>
-              <td class="sub-io__signature">
-                <strong>in:</strong> <code>http.Request</code><br>
-                <strong>out:</strong> <code>Principal</code> | <code>401</code>
-              </td>
-              <td><span class="sub-io__side sub-io__side--io">io</span> 解 cookie / JWT</td>
-              <td>驗證並注入 <code>Principal.UserID</code>。</td>
-            </tr>
-            <tr>
-              <td><code>CreateInviteCodeHandler</code></td>
-              <td class="sub-io__signature">
-                <strong>in:</strong> <code>http.Request</code>, <code>Principal</code><br>
-                <strong>out:</strong> <code>http.Response</code>
-              </td>
-              <td><span class="sub-io__side sub-io__side--io">io</span> 寫 body</td>
-              <td>路由綁定的對外入口。</td>
-            </tr>
-            <tr>
-              <td><code>mapDomainError</code></td>
-              <td class="sub-io__signature">
-                <strong>in:</strong> <code>error</code><br>
-                <strong>out:</strong> <code>(httpStatus, ErrorBody)</code>
-              </td>
-              <td><span class="sub-io__side sub-io__side--pure">pure</span></td>
-              <td>quota → 429（含 <code>Retry-After</code>）等對映。</td>
-            </tr>
-            <tr>
-              <td><code>writeCreated</code></td>
-              <td class="sub-io__signature">
-                <strong>in:</strong> <code>NewCode</code>, <code>http.ResponseWriter</code><br>
-                <strong>out:</strong> —
-              </td>
-              <td><span class="sub-io__side sub-io__side--write">io</span> 寫 201 body</td>
-              <td>序列化新碼 + metadata。</td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="sub-vars">
-        <h2>變數與業務用途</h2>
-        <p class="sub-vars__intro">HTTP 邊界子模組持有的識別子；本子模組的責任是「正確識別調用者」與「正確翻譯網域結果為協議語意」。</p>
-        <table>
-          <thead><tr><th>變數</th><th>型別</th><th>作用域</th><th>業務用途</th></tr></thead>
-          <tbody>
-            <tr>
-              <td class="sub-vars__name">http.Request</td>
-              <td class="sub-vars__type">request</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td>邊界輸入；只在 handler 期間有效。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">Principal.UserID</td>
-              <td class="sub-vars__type">UUID</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td>由 middleware 注入；業務上代表「為誰生成邀請碼」；<strong>禁止</strong>從 body 取以避免使用者冒名為他人發碼。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">httpStatus</td>
-              <td class="sub-vars__type">int</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td><code>mapDomainError</code> 的輸出之一；<code>ErrQuotaExceeded</code> 必須對映成 <code>429</code> 才能搭配 <code>Retry-After</code> 讓 UI 知道是節流。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">ErrorBody</td>
-              <td class="sub-vars__type">{code, message}</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td>結構化錯誤體；<code>code</code> 給 UI 對映本地化文字（例如「今日額度用盡」）。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">Retry-After</td>
-              <td class="sub-vars__type">int seconds</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td>節流提示 header；UI 透過它倒數禁用按鈕，避免使用者反覆 429。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">NewCode</td>
-              <td class="sub-vars__type">string</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td>網域回傳的新碼；序列化為 201 body 給使用者複製分享。</td>
-            </tr>
-            <tr>
-              <td class="sub-vars__name">http.ResponseWriter</td>
-              <td class="sub-vars__type">writer</td>
-              <td><span class="sub-vars__scope sub-vars__scope--call">call</span></td>
-              <td>對外副作用通道；保證一次回應只寫一次。</td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <section class="sub-dataflow">
-        <h2>內部資料流</h2>
-        <ol>
-          <li><code>Request</code> → <code>AuthMiddleware</code> → 注入 <code>Principal{UserID}</code>，失敗即 <code>401</code>。</li>
-          <li><code>Principal.UserID</code> 作為網域層輸入；本子模組不持有 token 明文。</li>
-          <li>從網域層取得 <code>NewCode | error</code>。</li>
-          <li><code>NewCode</code> → <code>writeCreated</code>；<code>error</code> → <code>mapDomainError</code>。</li>
-        </ol>
-      </section>
-      <section class="sub-errors">
-        <h2>HTTP 對映</h2>
-        <table>
-          <thead><tr><th>條件</th><th>HTTP</th></tr></thead>
-          <tbody>
-            <tr><td>無 session</td><td><code>401</code></td></tr>
-            <tr><td>網域 <code>ErrQuotaExceeded</code></td><td><code>429</code> + <code>Retry-After</code></td></tr>
-            <tr><td>網域 <code>ErrForbidden</code></td><td><code>403</code></td></tr>
-            <tr><td>網域 <code>ErrTransient</code></td><td><code>503</code></td></tr>
-          </tbody>
-        </table>
-      </section>
-      <footer class="atlas-meta" style="margin-top: 2rem">
-        <p><a href="../../index.html">← 宏觀架構</a> · <a href="./index.html">← 功能總覽</a></p>
-      </footer>
-    </main>
-  </body>
+<html lang="en" data-atlas-page="submodule">
+<head>
+  <meta charset="utf-8">
+  <title>Get invite codes · public-api</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="../../assets/architecture.css">
+</head>
+<body>
+  <header class="submodule-header">
+    <nav class="submodule-breadcrumb"><a href="../../index.html">← Atlas</a> · <a href="index.html">← Get invite codes</a></nav>
+    <h1>public-api <small class="submodule-kind submodule-kind--api">API</small></h1>
+    <p class="submodule-role">HTTP boundary for `/api/invites` POST requests.</p>
+  </header>
+  <main class="submodule-main">
+    <section class="sub-io" aria-label="Function I/O">
+      <h2>Function I/O</h2>
+      <table class="sub-table">
+        <thead><tr><th scope="col">Name</th><th scope="col">In</th><th scope="col">Out</th><th scope="col">Side</th><th scope="col">Purpose</th></tr></thead>
+        <tbody>
+          <tr><td>postInvites</td><td>HttpRequest</td><td>HttpResponse</td><td>network</td><td>Validates the bearer token then delegates to invite-issuance-service.</td></tr>
+        </tbody>
+      </table>
+    </section>
+    <section class="sub-vars" aria-label="Variables">
+      <h2>Variables</h2>
+      <table class="sub-table">
+        <thead><tr><th scope="col">Name</th><th scope="col">Type</th><th scope="col">Scope</th><th scope="col">Purpose</th></tr></thead>
+        <tbody>
+          <tr><td>token</td><td>string</td><td>call</td><td>Bearer token used to resolve the requesting member.</td></tr>
+        </tbody>
+      </table>
+    </section>
+    <section class="sub-dataflow" aria-label="Internal data flow">
+      <h2>Internal data flow</h2>
+      <div class="sub-dataflow__canvas" data-pan-zoom-container>
+        <div class="sub-dataflow__toolbar" role="toolbar" aria-label="Diagram controls">
+          <button type="button" data-pan-zoom="zoom-in" aria-label="Zoom in">+</button>
+          <button type="button" data-pan-zoom="zoom-out" aria-label="Zoom out">−</button>
+          <button type="button" data-pan-zoom="fit" aria-label="Reset view">Fit</button>
+        </div>
+        <div class="sub-dataflow__viewport" data-pan-zoom-viewport>
+          <svg class="sub-dataflow__svg" data-atlas-svg="sub-dataflow" viewBox="0 0 628 484" role="img" aria-label="Internal dataflow">
+  <defs>
+    <marker id="sub-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="9" markerHeight="9" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10 Z" /></marker>
+  </defs>
+  <g class="sub-dataflow__step">
+    <circle class="sub-dataflow__badge" cx="42" cy="68" r="18" />
+    <text class="sub-dataflow__badge-text" x="42" y="73" text-anchor="middle">1</text>
+    <rect class="sub-dataflow__box" x="80" y="32" width="520" height="72" rx="14" ry="14" />
+    <text class="sub-dataflow__text" x="340" y="74" text-anchor="middle">Validate Authorization header.</text>
+  </g>
+  <line class="sub-dataflow__arrow" x1="340" y1="110" x2="340" y2="140" marker-end="url(#sub-arrow)" />
+  <g class="sub-dataflow__step">
+    <circle class="sub-dataflow__badge" cx="42" cy="184" r="18" />
+    <text class="sub-dataflow__badge-text" x="42" y="189" text-anchor="middle">2</text>
+    <rect class="sub-dataflow__box" x="80" y="148" width="520" height="72" rx="14" ry="14" />
+    <text class="sub-dataflow__text" x="340" y="190" text-anchor="middle">Resolve userId from token.</text>
+  </g>
+  <line class="sub-dataflow__arrow" x1="340" y1="226" x2="340" y2="256" marker-end="url(#sub-arrow)" />
+  <g class="sub-dataflow__step">
+    <circle class="sub-dataflow__badge" cx="42" cy="300" r="18" />
+    <text class="sub-dataflow__badge-text" x="42" y="305" text-anchor="middle">3</text>
+    <rect class="sub-dataflow__box" x="80" y="264" width="520" height="72" rx="14" ry="14" />
+    <text class="sub-dataflow__text" x="340" y="306" text-anchor="middle">Call invite-issuance-service.Issue.</text>
+  </g>
+  <line class="sub-dataflow__arrow" x1="340" y1="342" x2="340" y2="372" marker-end="url(#sub-arrow)" />
+  <g class="sub-dataflow__step">
+    <circle class="sub-dataflow__badge" cx="42" cy="416" r="18" />
+    <text class="sub-dataflow__badge-text" x="42" y="421" text-anchor="middle">4</text>
+    <rect class="sub-dataflow__box" x="80" y="380" width="520" height="72" rx="14" ry="14" />
+    <text class="sub-dataflow__text" x="340" y="422" text-anchor="middle">Serialize response.</text>
+  </g>
+</svg>
+        </div>
+      </div>
+    </section>
+    <section class="sub-errors" aria-label="Errors">
+      <h2>Errors</h2>
+      <table class="sub-table">
+        <thead><tr><th scope="col">Name</th><th scope="col">When</th><th scope="col">Means</th></tr></thead>
+        <tbody>
+          <tr><td>ErrUnauthorized</td><td>Token missing or invalid.</td><td>401 response.</td></tr>
+        </tbody>
+      </table>
+    </section>
+  </main>
+  <script src="../../assets/viewer.client.js" defer></script>
+</body>
 </html>