diff --git a/.cspell/custom-words.txt b/.cspell/custom-words.txt
index 006f8e820..555ca6a52 100644
--- a/.cspell/custom-words.txt
+++ b/.cspell/custom-words.txt
@@ -28,6 +28,7 @@ rustc
 rustflags
 rustup
 subl
+Substitutors
 Tauri
 Ulhaq
 Wahlstrom
diff --git a/.cspell/holochain-words.txt b/.cspell/holochain-words.txt
index 7cdbcc054..24f59059a 100644
--- a/.cspell/holochain-words.txt
+++ b/.cspell/holochain-words.txt
@@ -10,6 +10,7 @@ Holochain
 Holochain's
 Holonix
 Lightningrod
+memproof
 Mythosthesia
 sharded
 Snapmail
diff --git a/.cspell/template-words.txt b/.cspell/template-words.txt
index 498e535fb..9512697e7 100644
--- a/.cspell/template-words.txt
+++ b/.cspell/template-words.txt
@@ -15,6 +15,7 @@ newblock
 pagefind
 rocketship
 renderlayoutblock
+shellsession
 srcset
 storystep
 surpress
diff --git a/.cspell/words-that-should-exist.txt b/.cspell/words-that-should-exist.txt
index f0303fc5a..741ebf7ba 100644
--- a/.cspell/words-that-should-exist.txt
+++ b/.cspell/words-that-should-exist.txt
@@ -17,8 +17,11 @@ permissioned
 permissivity
 runtimes
 sandboxed
+signup
 scaffolder
 spacebar
+subcomponent
+subcomponents
 todo
 todos
 unforgeable
diff --git a/package-lock.json b/package-lock.json
index ffe27fcdd..829ed646e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,6 +39,7 @@
         "posthtml-noopener": "^1.0.5",
         "rollup": "^3.2.5",
         "sass": "^1.56.0",
+        "sketchviz": "github:gpotter2/sketchviz",
         "tslib": "^2.6.2",
         "typescript": "^4.8.4",
         "uglify-js": "^3.17.4"
@@ -522,6 +523,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/@tootallnate/once": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
+      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -571,6 +581,13 @@
       "integrity": "sha512-RYTOHHdWipFUliRFMCS4X2Yn2X8M87V/OpSqWzKKOGhzqyUxzyVmhHDH9sAvG+ZuQf/TAOFsLCpMw09I1ufUnA==",
       "dev": true
     },
+    "node_modules/abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "deprecated": "Use your platform's native atob() and btoa() methods instead",
+      "dev": true
+    },
     "node_modules/acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -583,6 +600,37 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/acorn-globals": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz",
+      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^7.1.1",
+        "acorn-walk": "^7.1.1"
+      }
+    },
+    "node_modules/acorn-globals/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-globals/node_modules/acorn-walk": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
+      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/acorn-walk": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.2.tgz",
@@ -592,6 +640,18 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -715,6 +775,12 @@
       "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
       "dev": true
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.18",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.18.tgz",
@@ -849,6 +915,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/browser-process-hrtime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
+      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
+      "dev": true
+    },
     "node_modules/browserslist": {
       "version": "4.23.0",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
@@ -1022,6 +1094,18 @@
       "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
       "dev": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -1256,6 +1340,57 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/cssom": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz",
+      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
+      "dev": true
+    },
+    "node_modules/cssstyle": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
+      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "dev": true,
+      "dependencies": {
+        "cssom": "~0.3.6"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cssstyle/node_modules/cssom": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
+      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+      "dev": true
+    },
+    "node_modules/data-urls": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
+      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
+      "dev": true,
+      "dependencies": {
+        "abab": "^2.0.6",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/data-urls/node_modules/whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "dev": true,
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -1273,6 +1408,12 @@
         }
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
+      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
+      "dev": true
+    },
     "node_modules/deepmerge": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
@@ -1316,6 +1457,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/dependency-graph": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz",
@@ -1381,6 +1531,19 @@
         }
       ]
     },
+    "node_modules/domexception": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
+      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "dev": true,
+      "dependencies": {
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/domhandler": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
@@ -1601,6 +1764,27 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
     "node_modules/esm-import-transformer": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/esm-import-transformer/-/esm-import-transformer-3.0.2.tgz",
@@ -1623,12 +1807,30 @@
         "node": ">=4"
       }
     },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "dev": true
     },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/evaluate-value": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/evaluate-value/-/evaluate-value-2.0.0.tgz",
@@ -1738,6 +1940,20 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dev": true,
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@@ -1989,6 +2205,12 @@
         "node": ">=6.0"
       }
     },
+    "node_modules/hachure-fill": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/hachure-fill/-/hachure-fill-0.5.2.tgz",
+      "integrity": "sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==",
+      "dev": true
+    },
     "node_modules/has-bigints": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
@@ -2091,6 +2313,18 @@
       "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
       "dev": true
     },
+    "node_modules/html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "dev": true,
+      "dependencies": {
+        "whatwg-encoding": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/html-minifier": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-4.0.0.tgz",
@@ -2160,6 +2394,45 @@
         "node": ">= 6"
       }
     },
+    "node_modules/http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "dev": true,
+      "dependencies": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
@@ -2421,6 +2694,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true
+    },
     "node_modules/is-regex": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
@@ -2543,6 +2822,52 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsdom": {
+      "version": "18.1.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-18.1.1.tgz",
+      "integrity": "sha512-NmJQbjQ/gpS/1at/ce3nCx89HbXL/f5OcenBe8wU1Eik0ROhyUc3LtmG3567dEHAGXkN8rmILW/qtCOPxPHQJw==",
+      "dev": true,
+      "dependencies": {
+        "abab": "^2.0.5",
+        "acorn": "^8.5.0",
+        "acorn-globals": "^6.0.0",
+        "cssom": "^0.5.0",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^3.0.1",
+        "decimal.js": "^10.3.1",
+        "domexception": "^4.0.0",
+        "escodegen": "^2.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.0",
+        "parse5": "6.0.1",
+        "saxes": "^5.0.1",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.0.0",
+        "w3c-hr-time": "^1.0.2",
+        "w3c-xmlserializer": "^3.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^10.0.0",
+        "ws": "^8.2.3",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -2891,6 +3216,27 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -3337,6 +3683,12 @@
         "node": ">= 6"
       }
     },
+    "node_modules/nwsapi": {
+      "version": "2.2.9",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.9.tgz",
+      "integrity": "sha512-2f3F0SEEer8bBu0dsNCFF50N0cTThV1nWFYcEYFZttdW0lDAoybv9cQoK7X7/68Z89S7FoRrVjP1LPX4XRf9vg==",
+      "dev": true
+    },
     "node_modules/object-inspect": {
       "version": "1.13.1",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
@@ -3451,6 +3803,12 @@
       "integrity": "sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q==",
       "dev": true
     },
+    "node_modules/parse5": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
+      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
+      "dev": true
+    },
     "node_modules/parseley": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/parseley/-/parseley-0.7.0.tgz",
@@ -3473,6 +3831,12 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/path-data-parser": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/path-data-parser/-/path-data-parser-0.1.0.tgz",
+      "integrity": "sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==",
+      "dev": true
+    },
     "node_modules/path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -3554,6 +3918,22 @@
         "semver-compare": "^1.0.0"
       }
     },
+    "node_modules/points-on-curve": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/points-on-curve/-/points-on-curve-0.2.0.tgz",
+      "integrity": "sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==",
+      "dev": true
+    },
+    "node_modules/points-on-path": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/points-on-path/-/points-on-path-0.2.1.tgz",
+      "integrity": "sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==",
+      "dev": true,
+      "dependencies": {
+        "path-data-parser": "0.1.0",
+        "points-on-curve": "0.2.0"
+      }
+    },
     "node_modules/possible-typed-array-names": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
@@ -4337,6 +4717,21 @@
       "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
       "dev": true
     },
+    "node_modules/psl": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
+      "dev": true
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/punycode.js": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
@@ -4346,6 +4741,12 @@
         "node": ">=6"
       }
     },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "dev": true
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -4526,6 +4927,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "dev": true
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -4590,6 +4997,18 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/roughjs": {
+      "version": "4.6.6",
+      "resolved": "https://registry.npmjs.org/roughjs/-/roughjs-4.6.6.tgz",
+      "integrity": "sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==",
+      "dev": true,
+      "dependencies": {
+        "hachure-fill": "^0.5.2",
+        "path-data-parser": "^0.1.0",
+        "points-on-curve": "^0.2.0",
+        "points-on-path": "^0.2.1"
+      }
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -4668,6 +5087,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
     "node_modules/sass": {
       "version": "1.71.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.71.1.tgz",
@@ -4685,6 +5110,18 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/saxes": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz",
+      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
+      "dev": true,
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/section-matter": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
@@ -4820,6 +5257,29 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/sketchviz": {
+      "version": "0.0.1",
+      "resolved": "git+ssh://git@github.com/gpotter2/sketchviz.git#d9779055748745172507d41950c03e49acfcccd7",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^11.1.0",
+        "jsdom": "^18.0.0",
+        "roughjs": "^4.4.1"
+      },
+      "bin": {
+        "sketchviz": "src/sketch.js"
+      }
+    },
+    "node_modules/sketchviz/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/slash": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
@@ -5130,6 +5590,12 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true
+    },
     "node_modules/terser": {
       "version": "5.28.1",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.28.1.tgz",
@@ -5166,30 +5632,66 @@
         "node": ">=8.0"
       }
     },
-    "node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
-      "dev": true
-    },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+    "node_modules/tough-cookie": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.13"
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=6"
       }
     },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
-      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+    "node_modules/tough-cookie/node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
+      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.7",
@@ -5345,6 +5847,16 @@
       "integrity": "sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==",
       "dev": true
     },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "dev": true,
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -5361,6 +5873,71 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "node_modules/w3c-hr-time": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
+      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
+      "deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
+      "dev": true,
+      "dependencies": {
+        "browser-process-hrtime": "^1.0.0"
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
+      "integrity": "sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==",
+      "dev": true,
+      "dependencies": {
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "dev": true,
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-10.0.0.tgz",
+      "integrity": "sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==",
+      "dev": true,
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -5455,6 +6032,21 @@
         }
       }
     },
+    "node_modules/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
@@ -5828,6 +6420,12 @@
         }
       }
     },
+    "@tootallnate/once": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
+      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
+      "dev": true
+    },
     "@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -5874,18 +6472,57 @@
       "integrity": "sha512-RYTOHHdWipFUliRFMCS4X2Yn2X8M87V/OpSqWzKKOGhzqyUxzyVmhHDH9sAvG+ZuQf/TAOFsLCpMw09I1ufUnA==",
       "dev": true
     },
+    "abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "dev": true
+    },
     "acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
       "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
       "dev": true
     },
+    "acorn-globals": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz",
+      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
+      "dev": true,
+      "requires": {
+        "acorn": "^7.1.1",
+        "acorn-walk": "^7.1.1"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "7.4.1",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+          "dev": true
+        },
+        "acorn-walk": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
+          "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+          "dev": true
+        }
+      }
+    },
     "acorn-walk": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.2.tgz",
       "integrity": "sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==",
       "dev": true
     },
+    "agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "requires": {
+        "debug": "4"
+      }
+    },
     "ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -5970,6 +6607,12 @@
       "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
       "dev": true
     },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true
+    },
     "autoprefixer": {
       "version": "10.4.18",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.18.tgz",
@@ -6057,6 +6700,12 @@
         "fill-range": "^7.0.1"
       }
     },
+    "browser-process-hrtime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
+      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
+      "dev": true
+    },
     "browserslist": {
       "version": "4.23.0",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
@@ -6173,6 +6822,15 @@
       "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
       "dev": true
     },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
     "commander": {
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -6341,6 +6999,52 @@
         "css-tree": "^1.1.2"
       }
     },
+    "cssom": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz",
+      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
+      "dev": true
+    },
+    "cssstyle": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
+      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "dev": true,
+      "requires": {
+        "cssom": "~0.3.6"
+      },
+      "dependencies": {
+        "cssom": {
+          "version": "0.3.8",
+          "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
+          "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+          "dev": true
+        }
+      }
+    },
+    "data-urls": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
+      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
+      "dev": true,
+      "requires": {
+        "abab": "^2.0.6",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0"
+      },
+      "dependencies": {
+        "whatwg-url": {
+          "version": "11.0.0",
+          "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+          "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+          "dev": true,
+          "requires": {
+            "tr46": "^3.0.0",
+            "webidl-conversions": "^7.0.0"
+          }
+        }
+      }
+    },
     "debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -6350,6 +7054,12 @@
         "ms": "2.1.2"
       }
     },
+    "decimal.js": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
+      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
+      "dev": true
+    },
     "deepmerge": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
@@ -6378,6 +7088,12 @@
         "object-keys": "^1.1.1"
       }
     },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true
+    },
     "dependency-graph": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz",
@@ -6422,6 +7138,15 @@
       "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
       "dev": true
     },
+    "domexception": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
+      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
+      "dev": true,
+      "requires": {
+        "webidl-conversions": "^7.0.0"
+      }
+    },
     "domhandler": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
@@ -6594,6 +7319,18 @@
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
       "dev": true
     },
+    "escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "requires": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2",
+        "source-map": "~0.6.1"
+      }
+    },
     "esm-import-transformer": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/esm-import-transformer/-/esm-import-transformer-3.0.2.tgz",
@@ -6609,12 +7346,24 @@
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
       "dev": true
     },
+    "estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true
+    },
     "estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "dev": true
     },
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true
+    },
     "evaluate-value": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/evaluate-value/-/evaluate-value-2.0.0.tgz",
@@ -6708,6 +7457,17 @@
         "is-callable": "^1.1.3"
       }
     },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dev": true,
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
     "fraction.js": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@@ -6878,6 +7638,12 @@
         "strip-bom-string": "^1.0.0"
       }
     },
+    "hachure-fill": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/hachure-fill/-/hachure-fill-0.5.2.tgz",
+      "integrity": "sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==",
+      "dev": true
+    },
     "has-bigints": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
@@ -6947,6 +7713,15 @@
       "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
       "dev": true
     },
+    "html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "dev": true,
+      "requires": {
+        "whatwg-encoding": "^2.0.0"
+      }
+    },
     "html-minifier": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-4.0.0.tgz",
@@ -6994,6 +7769,36 @@
       "integrity": "sha512-XJpDL/MLkV3dKwLzHwr2dY05dYNfBNlyPu4STQ8WvKCFdc6vC5tPXuq28of663+gHVg03C+16pHHs/+FmmDjcw==",
       "dev": true
     },
+    "http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "dev": true,
+      "requires": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      }
+    },
+    "https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "requires": {
+        "agent-base": "6",
+        "debug": "4"
+      }
+    },
+    "iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      }
+    },
     "ignore": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
@@ -7177,6 +7982,12 @@
         "has-tostringtag": "^1.0.0"
       }
     },
+    "is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true
+    },
     "is-regex": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
@@ -7260,6 +8071,41 @@
         "esprima": "^4.0.0"
       }
     },
+    "jsdom": {
+      "version": "18.1.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-18.1.1.tgz",
+      "integrity": "sha512-NmJQbjQ/gpS/1at/ce3nCx89HbXL/f5OcenBe8wU1Eik0ROhyUc3LtmG3567dEHAGXkN8rmILW/qtCOPxPHQJw==",
+      "dev": true,
+      "requires": {
+        "abab": "^2.0.5",
+        "acorn": "^8.5.0",
+        "acorn-globals": "^6.0.0",
+        "cssom": "^0.5.0",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^3.0.1",
+        "decimal.js": "^10.3.1",
+        "domexception": "^4.0.0",
+        "escodegen": "^2.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.0",
+        "parse5": "6.0.1",
+        "saxes": "^5.0.1",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.0.0",
+        "w3c-hr-time": "^1.0.2",
+        "w3c-xmlserializer": "^3.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^10.0.0",
+        "ws": "^8.2.3",
+        "xml-name-validator": "^4.0.0"
+      }
+    },
     "json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -7526,6 +8372,21 @@
       "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
       "dev": true
     },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true
+    },
+    "mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.52.0"
+      }
+    },
     "minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -7858,6 +8719,12 @@
         }
       }
     },
+    "nwsapi": {
+      "version": "2.2.9",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.9.tgz",
+      "integrity": "sha512-2f3F0SEEer8bBu0dsNCFF50N0cTThV1nWFYcEYFZttdW0lDAoybv9cQoK7X7/68Z89S7FoRrVjP1LPX4XRf9vg==",
+      "dev": true
+    },
     "object-inspect": {
       "version": "1.13.1",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
@@ -7948,6 +8815,12 @@
       "integrity": "sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q==",
       "dev": true
     },
+    "parse5": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
+      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
+      "dev": true
+    },
     "parseley": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/parseley/-/parseley-0.7.0.tgz",
@@ -7964,6 +8837,12 @@
       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
       "dev": true
     },
+    "path-data-parser": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/path-data-parser/-/path-data-parser-0.1.0.tgz",
+      "integrity": "sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==",
+      "dev": true
+    },
     "path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -8021,6 +8900,22 @@
         "semver-compare": "^1.0.0"
       }
     },
+    "points-on-curve": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/points-on-curve/-/points-on-curve-0.2.0.tgz",
+      "integrity": "sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==",
+      "dev": true
+    },
+    "points-on-path": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/points-on-path/-/points-on-path-0.2.1.tgz",
+      "integrity": "sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==",
+      "dev": true,
+      "requires": {
+        "path-data-parser": "0.1.0",
+        "points-on-curve": "0.2.0"
+      }
+    },
     "possible-typed-array-names": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
@@ -8533,12 +9428,30 @@
       "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
       "dev": true
     },
+    "psl": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
+      "dev": true
+    },
+    "punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true
+    },
     "punycode.js": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
       "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
       "dev": true
     },
+    "querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "dev": true
+    },
     "queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -8676,6 +9589,12 @@
       "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
       "dev": true
     },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "dev": true
+    },
     "resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -8717,6 +9636,18 @@
         "fsevents": "~2.3.2"
       }
     },
+    "roughjs": {
+      "version": "4.6.6",
+      "resolved": "https://registry.npmjs.org/roughjs/-/roughjs-4.6.6.tgz",
+      "integrity": "sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==",
+      "dev": true,
+      "requires": {
+        "hachure-fill": "^0.5.2",
+        "path-data-parser": "^0.1.0",
+        "points-on-curve": "^0.2.0",
+        "points-on-path": "^0.2.1"
+      }
+    },
     "run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -8755,6 +9686,12 @@
         "is-regex": "^1.1.4"
       }
     },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
     "sass": {
       "version": "1.71.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.71.1.tgz",
@@ -8766,6 +9703,15 @@
         "source-map-js": ">=0.6.2 <2.0.0"
       }
     },
+    "saxes": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz",
+      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
+      "dev": true,
+      "requires": {
+        "xmlchars": "^2.2.0"
+      }
+    },
     "section-matter": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
@@ -8868,6 +9814,24 @@
         "object-inspect": "^1.13.1"
       }
     },
+    "sketchviz": {
+      "version": "git+ssh://git@github.com/gpotter2/sketchviz.git#d9779055748745172507d41950c03e49acfcccd7",
+      "dev": true,
+      "from": "sketchviz@https://github.com/gpotter2/sketchviz.git",
+      "requires": {
+        "commander": "^11.1.0",
+        "jsdom": "^18.0.0",
+        "roughjs": "^4.4.1"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "11.1.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+          "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+          "dev": true
+        }
+      }
+    },
     "slash": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
@@ -9104,6 +10068,12 @@
         }
       }
     },
+    "symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true
+    },
     "terser": {
       "version": "5.28.1",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.28.1.tgz",
@@ -9131,6 +10101,35 @@
         "is-number": "^7.0.0"
       }
     },
+    "tough-cookie": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "dev": true,
+      "requires": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "dependencies": {
+        "universalify": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+          "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+          "dev": true
+        }
+      }
+    },
+    "tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.1.1"
+      }
+    },
     "tslib": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
@@ -9247,6 +10246,16 @@
       "integrity": "sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==",
       "dev": true
     },
+    "url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "dev": true,
+      "requires": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -9263,6 +10272,55 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "w3c-hr-time": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
+      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
+      "dev": true,
+      "requires": {
+        "browser-process-hrtime": "^1.0.0"
+      }
+    },
+    "w3c-xmlserializer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
+      "integrity": "sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==",
+      "dev": true,
+      "requires": {
+        "xml-name-validator": "^4.0.0"
+      }
+    },
+    "webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true
+    },
+    "whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "dev": true,
+      "requires": {
+        "iconv-lite": "0.6.3"
+      }
+    },
+    "whatwg-mimetype": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+      "dev": true
+    },
+    "whatwg-url": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-10.0.0.tgz",
+      "integrity": "sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==",
+      "dev": true,
+      "requires": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      }
+    },
     "which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -9322,6 +10380,18 @@
       "dev": true,
       "requires": {}
     },
+    "xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true
+    },
+    "xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true
+    },
     "y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/package.json b/package.json
index 3768d0150..b1197631d 100644
--- a/package.json
+++ b/package.json
@@ -70,6 +70,7 @@
     "posthtml-noopener": "^1.0.5",
     "rollup": "^3.2.5",
     "sass": "^1.56.0",
+    "sketchviz": "github:gpotter2/sketchviz",
     "tslib": "^2.6.2",
     "typescript": "^4.8.4",
     "uglify-js": "^3.17.4"
diff --git a/src/assets/img/enable-holo/holo-hosting-infrastructure.png b/src/assets/img/enable-holo/holo-hosting-infrastructure.png
new file mode 100644
index 000000000..8d9d80744
Binary files /dev/null and b/src/assets/img/enable-holo/holo-hosting-infrastructure.png differ
diff --git a/src/assets/img/enable-holo/scaffolded-todos.png b/src/assets/img/enable-holo/scaffolded-todos.png
new file mode 100644
index 000000000..60263fb4a
Binary files /dev/null and b/src/assets/img/enable-holo/scaffolded-todos.png differ
diff --git a/src/assets/img/enable-holo/signup-signin-modal.png b/src/assets/img/enable-holo/signup-signin-modal.png
new file mode 100644
index 000000000..aad3a08d0
Binary files /dev/null and b/src/assets/img/enable-holo/signup-signin-modal.png differ
diff --git a/src/pages/_data/navigation/mainNav.json5 b/src/pages/_data/navigation/mainNav.json5
index 2f18278b5..008af59c7 100644
--- a/src/pages/_data/navigation/mainNav.json5
+++ b/src/pages/_data/navigation/mainNav.json5
@@ -40,6 +40,8 @@
         { title: "Client (Rust)", url: "https://github.com/holochain/holochain-client-rust", external: true},
         { title: "hc dev tool", url: "https://github.com/holochain/holochain/tree/main/crates/hc", external: true },
         { title: "Glossary", url: "/resources/glossary/" },
+        { title: "Enable Apps for Holo Hosting", url: "/resources/enable-holo/" },
+        { title: "Publish an App on the Holo Hosting Network", url: "/resources/publish-app-on-holo/" },
       ]
     },
     { title: "Get Involved", url: "/get-involved/" },
diff --git a/src/pages/concepts/9_signals.md b/src/pages/concepts/9_signals.md
index 6c42560c3..cf64a5265 100644
--- a/src/pages/concepts/9_signals.md
+++ b/src/pages/concepts/9_signals.md
@@ -60,7 +60,7 @@ Signals are a fairly simple construct right now, and it's likely that your app w
 ## Key takeaways
 
 * Signals allow a cell to communicate with listeners without expecting a response.
-* Signals can be used to avoid
+* Signals can be used to avoid writing data to the source chain or DHT that doesn't need to be permanent.
 * A signal doesn't have guaranteed delivery because there's no way to tell whether it's been received.
 * A signal is simply a message payload consisting of arbitrary bytes.
 * Local signals are emitted over the WebSocket application interface to listening clients, and are most useful when emitted from a function call that wasn't triggered by the listening client.
diff --git a/src/pages/resources/enable-holo.md b/src/pages/resources/enable-holo.md
new file mode 100644
index 000000000..3fe459c29
--- /dev/null
+++ b/src/pages/resources/enable-holo.md
@@ -0,0 +1,1151 @@
+---
+title: Enable Apps for Holo Hosting
+tocData:
+  - text: Get started from scaffolding tool
+    href: get-started-from-scaffolding-tool
+    children:
+    - text: DNA
+      href: scaffold-dna
+    - text: UI
+      href: scaffold-ui
+    - text: Testing
+      href: testing
+  - text: Migrate from a pure Holochain app
+    href: migrate-from-a-pure-holochain-app
+    children:
+    - text: UI
+      href: migrate-ui
+    - text: Building and testing
+      href: building-and-testing
+  - text: Deploy
+    href: deploy
+    children:
+    - text: Deploy a UI
+      href: deploy-a-ui
+    - text: Deploy a hApp to the Holo network
+      href: deploy-a-h-app-to-the-holo-network
+  - text: Holo core concepts and further documentation
+    href: holo-core-concepts-and-further-documentation
+    children:
+    - text: Holo architecture
+      href: holo-architecture
+    - text: Client-conductor separation
+      href: client-conductor-separation
+      children:
+      - text: Sign-up, sign-in, sign-out
+        href: sign-up-sign-in-sign-out
+      - text: Handling connection state
+        href: handling-connection-state
+    - text: hApp paradigm
+      href: h-app-paradigm
+      children:
+      - text: Multi-tenant conductor
+        href: multi-tenant-conductor
+    - text: Implementing read-only cells
+      href: implementing-read-only-cells
+      children:
+        - text: Anonymous zome function access
+          href: anonymous-zome-function-access
+  - text: Next steps
+    href: next-steps
+---
+
+!!! info Requires Holochain 0.3
+The Holo hosting network runs the unstable Holochain 0.3 on all its nodes, so you'll need to make sure that your hApp is compatible with 0.3. The scaffolding tool commands in this guide will set up the proper dependencies for you. If you're starting with an existing hApp or have used the scaffolding tool commands in the [Get Started guide](/get-started/), you'll need to upgrade your hApp manually.
+!!!
+
+::: intro
+This guide will help you build a Holo-enabled hApp from scratch or enable your existing hApp to be deployed on Holo.
+:::
+
+Holo is cloud hosting for Holochain. Holo helps you enable your users to experience your Holochain application with the simplicity of a web browser and without maintaining a node.
+
+A core distinction versus running an app on the traditional cloud is that Holo provides the key management and signing infrastructure for users' keys to be held client-side, so your users always have full agency.
+
+We assume you're familiar with Holochain and have installed the pre-requisites from step 2 of the [Get Started guide](/get-started/).
+
+There are two pathways in this section --- [**scaffolding a new hApp**](#get-started-from-scaffolding-tool) or [**migrating an existing hApp**](#migrate-from-a-pure-holochain-app). Both pathways contain largely the same information, so choose the one that best applies to your situation.
+
+In both cases there are no required DNA changes for Holo Hosting --- only UI changes. However, there are **some cases where DNA changes are recommended**; Holo operates under a different context and we highly recommend that you read the [Holo core concepts](#holo-core-concepts-and-further-documentation), in particular the section on anonymous access, as this **will need DNA changes to enable certain features**.
+
+## Get started from scaffolding tool
+
+In this section we'll create a simple to-do app. Our commentary will focus on the UI differences compared to a pure Holochain context. If you need more information about creating a DNA, please refer to the [Get Started Guide](/get-started/3-forum-app-tutorial/).
+
+### DNA {#scaffold-dna}
+
+The Holochain scaffolding tool provides a `--holo` flag for scaffolding a hApp whose UI is compatible with both Holo hosting and pure Holochain environments. Additionally, because the Holo hosting infrastructure currently runs the unstable Holochain 0.3, you'll need to override the Holochain version that the scaffolding tool targets. Run the tool **with these flags** by typing in your terminal:
+
+```shell
+nix run github:holochain/holochain#hc-scaffold -- web-app --holo
+```
+
+You should then see:
+
+::: output-block
+```text
+? App name (no whitespaces):
+```
+:::
+
+Type your hApp's name using snake_case:
+
+```text
+super_todos
+```
+
+You should then see:
+
+::: output-block
+```text
+? Choose UI framework: ›
+❯ Vue
+  Svelte
+  Lit
+```
+:::
+
+Use the arrow keys to select a UI framework for your front-end and then press <kbd>Enter</kbd>. For this example choose `Vue`. You should then see:
+
+::: output-block
+```text
+? Do you want to set up the holonix development environment for this project? ›
+❯ Yes (recommended)
+  No
+```
+:::
+
+Choose `Yes` and press <kbd>Enter</kbd>.
+
+You should then see `Setting up nix development environment...` with some details of what is being added, followed by instructions of next steps for setting up the development environment for your hApp and continuing to scaffold more of its elements. Let's follow those instructions. First, enter the hApp project directory:
+
+```shell
+cd super_todos
+```
+
+Now enter the nix development shell (which makes all scaffolding tools as well as the Holochain binaries directly available from the command line) with:
+
+```shell
+nix develop
+```
+
+After it's finished downloading some packages, you should see:
+
+::: output-block
+```text
+Holochain development shell spawned. Type exit to leave.
+```
+:::
+
+Finally, install the `npm` dependencies with:
+
+```shell
+npm install
+```
+
+Now let's create a new DNA using the scaffolding tool, which is now directly available in the shell. Type:
+
+```shell
+hc scaffold dna
+```
+
+You should then see:
+
+::: output-block
+```text
+? DNA name (snake_case):
+```
+:::
+
+This hApp, like many hApps, has just one DNA. Give it a name now:
+
+```text
+todos
+```
+
+You should then see:
+
+::: output-block
+```text
+DNA "todos" scaffolded!
+```
+:::
+
+DNAs are [composed of code modules](/concepts/2_application_architecture/), which we call zomes. A DNA should have at least two zomes, an *integrity zome* which declares the data structures and validation code, and a *coordinator zome* which contains, among other things, the API functions your UI will call to access your DNA.
+
+Create your DNA's first pair of zomes with:
+
+```shell
+hc scaffold zome
+```
+
+You should then see:
+
+::: output-block
+```text
+? What do you want to scaffold? ›
+❯ Integrity/coordinator zome-pair (recommended)
+  Only an integrity zome
+  Only a coordinator zome
+```
+:::
+
+Press <kbd>Enter</kbd> to select `Integrity/coordinator zome-pair`. You should then see:
+
+::: output-block
+```text
+? Enter coordinator zome name (snake_case):
+ (The integrity zome will automatically be named '{name of coordinator zome}_integrity')
+```
+:::
+
+Type in a name for the zome. In this case you can just use the same name as the DNA:
+
+```text
+todos
+```
+
+Press <kbd>y</kbd> to say yes to the next two questions, which will scaffold an integrity zome and a coordinator zome in default folders:
+
+::: output-block
+```text
+✔ Scaffold integrity zome in folder "dnas/todos/zomes/integrity/"? · yes
+Integrity zome "todos_integrity" scaffolded!
+✔ Scaffold coordinator zome in "dnas/todos/zomes/coordinator/"? · yes
+Coordinator zome "todos" scaffolded!
+```
+:::
+
+You will see confirmation messages after each zome is scaffolded, along with output from the initial downloading and setting up of the Holochain Rust HDK, followed by instructions for adding your first entry type.
+
+Now we get to the really exciting part! In the next steps you will specify your data model, and the scaffolding tool will automatically add both zome and UI code to your hApp.
+
+In this to-do hApp, every to-do item is stored as an [entry](/resources/glossary/#entry). Add a new entry definition with:
+
+```shell
+  hc scaffold entry-type
+```
+
+You should see:
+
+```shell
+✔ Entry type name (snake_case): ·
+```
+
+Enter the name:
+
+```text
+todo_item
+```
+
+You should then see:
+
+::: output-block
+```text
+Which fields should the entry contain?
+
+? Choose field type: ›
+❯ String
+  bool
+  u32
+  i32
+  f32
+  Timestamp
+  ActionHash
+  EntryHash
+  AgentPubKey
+  Option of...
+  Vector of...
+```
+:::
+
+For this example, you will just have a text field describing the to-do item. Press <kbd>Enter</kbd> to select `String`.
+
+You should see:
+
+::: output-block
+```text
+? Field name: ›
+```
+:::
+
+Enter this name:
+
+```text
+description
+```
+
+You should then see:
+
+::: output-block
+```text
+? Should this field be visible in the UI? (y/n) ›
+```
+:::
+
+Press <kbd>Y</kbd>. You should then see:
+
+::: output-block
+```text
+? Choose widget to render this field: ›
+❯ TextArea
+  TextField
+```
+:::
+
+Press <kbd>Enter</kbd> to choose a `TextArea` because you want multi-line to-dos. You should then see:
+
+::: output-block
+```text
+? Add another field to the entry? (y/n) ›
+```
+:::
+
+Press <kbd>N</kbd>. You should then see:
+
+::: output-block
+```text
+? Which CRUD functions should be scaffolded (SPACE to select/unselect, ENTER to continue)? ›
+✔ Update
+✔ Delete
+```
+:::
+
+The scaffolding tool can add coordinator zome functions and front-end code for updating and deleting entries. In the case of our to-do app we want to be able to do both, which is the default, so just press <kbd>Enter</kbd>. You should then see:
+
+::: output-block
+```text
+? Should a link from the original entry be created when this entry is updated? ›
+❯ Yes (more storage cost but better read performance, recommended)
+  No (less storage cost but worse read performance)
+```
+:::
+
+Because Holochain stores data in append-only [source chains](/concepts/3_source_chain/), updating requires choosing a strategy of how to find updated data. The scaffolding tool allows you to choose between two strategies, one where updates are only linked to the _previous_ version, and one where an extra link is also added to the _original_ entry for each update. For this use case either strategy would work fine, so press <kbd>Enter</kbd> to choose the default. You should then see:
+
+::: output-block
+```text
+Entry type "todo_item" scaffolded!
+```
+:::
+
+The final step is to create a collection that can be used to retrieve all of the to-do items that a user has created. To create a collection, type:
+
+```shell
+hc scaffold collection
+```
+
+You should then see:
+
+::: output-block
+```text
+Collection name (snake_case, eg. "all_posts"): ›
+```
+:::
+
+Enter
+
+```text
+todos_by_author
+```
+
+and press <kbd>Enter</kbd>. You should then see:
+
+::: output-block
+```text
+? Which type of collection should be scaffolded? ›
+❯ Global (get all entries of the selected entry types)
+  By author (get entries of the selected entry types that a given author has created)
+```
+:::
+
+Use the arrow key to select `By author` and press <kbd>Enter</kbd>. You should then see:
+
+::: output-block
+```text
+? Which entry type should be collected? ›
+❯ TodoItem
+```
+:::
+
+Press <kbd>Enter</kbd>. You should then see:
+
+::: output-block
+```text
+Collection "todos_by_author" scaffolded!
+```
+:::
+
+### UI {#scaffold-ui}
+
+The biggest difference between a Holo application and a pure Holochain application is in the UI. The scaffolding tool should automatically have generated everything required here, so we'll simply point out the primary differences, which will all be in `ui/src/App.vue`.
+
+Open up this file in your favorite text editor now and follow along!
+
+In a Holo setting we use the [`@holo-host/web-sdk`](https://www.npmjs.com/package/@holo-host/web-sdk) library instead of `@holochain/client`. Web SDK provides its own implementation of `AppAgentClient`, which is almost the same as the `AppAgentClient` implementation called `AppAgentWebsocket` provided by `@holochain/client`. Scroll down to the beginning of the `<script lang="ts">` section and you can see where these modules are imported:
+
+```typescript
+import WebSdk from '@holo-host/web-sdk';
+import type { AgentState } from '@holo-host/web-sdk';
+```
+
+Just below this, you can see that this Vue component's state has an `IS_HOLO` property, which is set by looking for an environment variable:
+
+```typescript
+export default defineComponent({
+  components: {
+    // Add your subcomponents here
+  },
+  data(): {
+    client: AppAgentClient | undefined;
+    loading: boolean;
+    IS_HOLO: boolean;
+  } {
+    return {
+      client: undefined,
+      loading: true,
+      IS_HOLO: ['true', '1', 't'].includes(import.meta.env.VITE_APP_IS_HOLO?.toLowerCase()),
+    };
+  },
+```
+
+Next, the component looks for this property and tries to connect to a Holo hosting device via the Web SDK if `VITE_APP_IS_HOLO == true`. In addition to handling connections, the Web SDK also provides an authentication form for users to generate in-browser keys and install [cells](/resources/glossary/#cell) on the network. This form is customizable --- here we set the name of the app.
+
+```typescript
+  async mounted() {
+    if (this.IS_HOLO) {
+      const client: WebSdk = await WebSdk.connect({
+        chaperoneUrl: import.meta.env.VITE_APP_CHAPERONE_URL,
+        authFormCustomization: {
+          appName: 'super_todos',
+        }
+      });
+```
+
+Now we handle connection state changes --- the `WebSdk` client can be either connected to a host or disconnected, and once it's connected, it can either be logged in or anonymous. The default scaffolded UI shows a loading spinner until the user is logged in; you may want to change this to show some UI for anonymous users. (Read more about anonymous users in the [Holo core concepts](#holo-core-concepts-and-further-documentation) below.)
+
+```typescript
+      client.on('agent-state', (agent_state: AgentState) => {
+        this.loading = !agent_state.isAvailable || agent_state.isAnonymous
+      });
+```
+
+Now we show the login/signup form. If you wanted to show some UI to anonymous users, you might want to call `client.signUp({ cancellable: true })` when a 'log in' button is pressed.
+
+```typescript
+      client.signUp({ cancellable: false });
+
+      this.client = client
+```
+
+Finally, if we're not in a Holo context, just use the standard Holochain client.
+
+```typescript
+    } else {
+      // We pass '' as url because it will dynamically be replaced in launcher
+      // environments.
+      this.client = await AppAgentWebsocket.connect(new URL('https://UNUSED'), 'super_todos');
+      this.loading = false;
+    }
+```
+
+Because there is a concept of 'logging in', we also need a 'log out' option to clear user keys from the client. In the UI:
+
+```html
+<mwc-button
+  v-if="IS_HOLO"
+  style="margin-top: 16px"
+  raised
+  label="Logout"
+  @click="logout"
+/>
+```
+
+And in the script (note again that, because we don't want to show any UI to anonymous users, we show them the login form immediately after logging out):
+
+```typescript
+    async logout () {
+      await (this.client as WebSdk).signOut();
+      await (this.client as WebSdk).signIn({ cancellable: false });
+    }
+```
+
+### Testing
+
+Holo provides the `holo-dev-server` binary, which simulates the Holo network locally for development. `holo-dev-server` spins up a Holochain conductor, along with a local instance of the Chaperone service, which delivers a JavaScript file that connects the browser to the Holo network. Like the real Holo network, `holo-dev-server` uses `.happ` bundles, which do not include a UI. (The `hc` developer tool creates both a `.happ` bundle and a `.webhapp` bundle in the `workdir/` folder for you.) When you scaffold an app with the `--holo` flag, its dev environment will provide `holo-dev-server` on the command line for you.
+
+1. Ensure you're in the nix development environment by checking the shell prompt. Run `nix develop` in the root of your project's folder if you aren't.
+2. Run `npm run start:holo`, which:
+    1. Starts `holo-dev-server` and provisions instances (cells) of your DNA for two agents,
+    2. Automatically opens an instance of a cell and network inspector called [Holochain Playground](https://github.com/darksoil-studio/holochain-playground) in your browser, and
+    3. Runs two instances of a local dev web server for the UI called [Vite](https://vitejs.dev), one for each of the agents.
+3. Access your two agents' UIs in your browser at the random URLs that the last command gave you.
+
+The windows should not be very exciting yet, because you haven't edited the hApp to use the generated UI elements, but what you see on the screen should give you some hints on how to proceed.
+
+So let's follow those hints. Switch to a code editor for these steps:
+
+1. Open the Vue file `ui/src/App.vue` and add two imports near the top, just below `<script lang="ts">`:
+
+    ```typescript
+    import MyTodos from './todos/todos/MyTodos.vue';
+    import CreateTodoItem from './todos/todos/CreateTodoItem.vue';
+    ```
+
+2. Replace the "EDIT ME" text further down with:
+
+    ```html
+    <CreateTodoItem></CreateTodoItem>
+    <MyTodos author={client.myPubKey}></MyTodos>
+    ```
+
+Save the file, and you should see that the windows have auto-updated to show something that should look like this:
+
+![Two web browser windows showing basic widgets to manipulate the shared to-do list](/assets/img/enable-holo/scaffolded-todos.png)
+
+You now have a fully functional Holo app up and running!
+
+## Migrate from a pure Holochain app
+
+Only minor UI changes are technically required for Holo hosting. However, Holo operates under a different set of assumptions and we highly recommend that you read the [Holo core concepts](#holo-core-concepts-and-further-documentation) section of this guide. It is likely that you will want to reconsider certain UX flows.
+
+This example will use an example forum hApp with a Vue-based UI, but feel free to follow along with your own hApp instead. Remember that your hApp needs to target Holochain 0.3 in order to run on the Holo network. <!-- [FIXME -- UPDATE THIS TEXT], so you might need to follow the [0.1 → 0.2 migration guide](/get-started/upgrade-holochain/) first -->
+
+```shell
+nix run github:holochain/holochain#hc-scaffold -- example forum
+```
+
+### UI {#migrate-ui}
+
+In the forum hApp, the relevant UI code is in `App.vue`. In your hApp, it'll likely be where you initialize your `AppWebsocket` client.
+
+In a Holo setting we use [`@holo-host/web-sdk`](https://www.npmjs.com/package/@holo-host/web-sdk) which provides an instance of `WebSdk`. This object has a `.connect()` method just like `AppAgentWebsocket` from `@holochain/client`.
+
+You'll first need to add Web SDK to your UI project:
+
+```shell
+cd ui
+```
+```shell
+npm install @holo-host/web-sdk
+```
+
+And import it into your `App.vue` file:
+
+```typescript
+import WebSdk from '@holo-host/web-sdk';
+```
+
+If you're updating your hApp from Holochain 0.1, which uses `@holochain/client` 0.12, check to make sure that the component's `client` data property is typed to `AppAgentClient`:
+
+```typescript
+export default defineComponent({
+  components: {
+    //...
+  },
+  data(): {
+    client: AppAgentClient | undefined; // Ensure that client is not AppAgentWebsocket
+    //...
+  } {
+    // ...
+  }
+```
+
+You can then initialize a client for both self-hosted Holochain and Holo-hosted users, assuming you want your UI to be compatible with both. Edit the body of the `data()` function above to check for a `VITE_APP_IS_HOLO` environment variable that you'll pass at build time:
+
+```typescript
+  data(): {
+    client: AppAgentClient | undefined;
+    loading: boolean;
+    IS_HOLO: boolean;
+  } {
+    return {
+      client: undefined,
+      loading: true,
+      IS_HOLO: ['true', '1', 't'].includes(import.meta.env.VITE_APP_IS_HOLO?.toLowerCase()),
+    };
+  },
+```
+
+The Web SDK client loads and connects to an iframe called Chaperone. Chaperone is a key and connection manager for the Holo network and is invisible to the user unless they're signing up or logging in. Let's initialize this client in the Vue `mounted()` lifecycle hook.
+
+Because the Holo network acts like a remote conductor, you'll need to handle connectivity issues. Changes to the connection are emitted as events, and you can register an event handler. You can see the full list of emitted events in the [Web SDK documentation](https://github.com/Holo-Host/web-sdk).
+
+```typescript
+  async mounted() {
+    if (this.IS_HOLO) {
+      const client: WebSdk = await WebSdk.connect({
+        // The following will be passed as an environment variable at runtime or
+        // build time; we'll explain this in the testing section.
+        chaperoneUrl: import.meta.env.VITE_APP_CHAPERONE_URL,
+        authFormCustomization: {
+          // Display name on the sign-up/login form. You can also set it in
+          // Cloud Console when deploying, which overrides this value.
+          appName: 'forum-app',
+        }
+      });
+
+      // Register an event handler for connection status changes.
+      client.on('agent-state', (agent_state: AgentState) => {
+        this.loading = !agent_state.isAvailable
+      });
+
+      this.client = client
+    } else {
+      this.client = await AppAgentWebsocket.connect('', 'forum');
+      this.loading = false;
+    }
+}
+```
+
+Now your UI can connect to the Holo network and read forum posts. However, before they log in, users can't post or comment yet because they don't yet have a source chain. They are considered "anonymous" and can only request public data from the network.
+
+!!! note
+Unlike in pure Holochain, you **cannot assume that a user has provided their keys** when the connection is established, because Holo hosting allows anonymous access to hApp data that's meant to be seen publicly, such as forum posts. This may require changes to your application logic. Read more about how to implement this feature in the [Holo core concepts](#holo-core-concepts-and-further-documentation) section of this guide.
+!!!
+
+Holo uses "sign-up" and "sign-in" terminology but there is no external authentication process. In both processes Chaperone derives a key pair for the user from the email and password they enter, with sign-up also triggering the provisioning of new hApp cells on a hosting device in the Holo network.
+
+So let's add sign-up and sign-in functionality to the app. Again, in the forum example the relevant code is in `App.vue`.
+
+```html
+<main>
+  <h1>Forum</h1>
+  <!-- Add these buttons -->
+  <div v-if="IS_HOLO && !isLoggedIn">
+    <mwc-button
+      style="margin-top: 16px"
+      raised
+      label="Sign Up"
+      @click="signUp"
+    />
+
+    <mwc-button
+      style="margin-top: 16px"
+      raised
+      label="Sign In"
+      @click="signIn"
+    />
+  </div>
+  <!-- End of changes -->
+
+  <div id="content">
+    <h2>All Posts</h2>
+    <AllPosts></AllPosts>
+    <span style="margin-bottom: 16px"></span>
+    <CreatePost></CreatePost>
+  </div>
+</main>
+```
+
+```typescript
+// If you haven't already added any methods to App.vue, you may need to create
+// this object -- it goes in the object you pass to `defineComponent`.
+  methods: {
+    // ...
+    async signUp () {
+      await (this.client as WebSdk).signUp({ cancellable: true });
+    },
+
+    async signIn () {
+      await (this.client as WebSdk).signIn({ cancellable: true });
+    },
+
+    // ...
+  }
+```
+
+These trigger the display of a full-screen credentials modal dialog from the Chaperone iframe, defaulting to either a sign-up or sign-in form. The user can also toggle between them directly.
+
+![An example of the Chaperone sign-up/sign-in modal form](/assets/img/enable-holo/signup-signin-modal.png)
+
+During sign-up, a registration code field can be shown to enable [**membrane proof**](/resources/glossary/#membrane-proof) workflows. This field allows the user to submit some sort of joining code on signup. Read more about membrane proofs in the [Holo core concepts](#implementing-read-only-cells) section of this guide.
+
+Finally, we will also need sign-out functionality to clear user keys from local browser storage. In the markup section:
+
+```html
+  <!-- Add this button just below the two buttons you previously added. -->
+  <div v-else>
+    <mwc-button
+      style="margin-top: 16px"
+      raised
+      label="Sign Out"
+      @click="signOut"
+    />
+  </div>
+```
+
+And in the script section:
+
+```typescript
+  methods: {
+    // ...
+    async signOut () {
+      await (this.client as WebSdk).signOut());
+    },
+
+    // ...
+  }
+```
+
+Now you're ready to build and test!
+
+### Building and testing
+
+Holo provides the `holo-dev-server` binary, which simulates the Holo network locally for development. `holo-dev-server` serves a copy of Chaperone, the JavaScript library that connects the browser to the Holo network and manages user keys, and runs a Holochain conductor. Like the real Holo network, `holo-dev-server` uses `.happ` bundles, which do not include a UI. (The `hc` developer tool creates both a `.happ` bundle and a `.webhapp` bundle for you.)
+
+To include `holo-dev-server` in your development environment, update your project's `flake.nix` file to match the below, and re-enter the shell:
+
+```nix
+{
+  description = "Template for Holochain app development";
+
+  inputs = {
+    // Change this line -- holo-dev-server isn't available in the 0_1 and 0_2
+    // channels.
+    versions.url = "github:holochain/holochain?dir=versions/weekly";
+    holochain-flake.url = "github:holochain/holochain";
+    // If you're updating from Holochain 0.2, this line may need to be changed.
+    holochain-flake.inputs.versions.follows = "versions";
+
+    nixpkgs.follows = "holochain-flake/nixpkgs";
+    flake-parts.follows = "holochain-flake/flake-parts";
+  };
+
+  // Add `hds-releases` to the following list.
+  outputs = inputs @ { flake-parts, holochain-flake, hds-releases, ... }:
+    flake-parts.lib.mkFlake {
+      inherit inputs;
+    }
+    {
+      systems = builtins.attrNames inputs.holochain-flake.devShells;
+      perSystem =
+        { config
+        , pkgs
+        , system
+        , ...
+        }: {
+          devShells.default = pkgs.mkShell {
+            inputsFrom = [ holochain-flake.devShells.${system}.holonix ];
+            // Add an element in this list to import the Holo dev server binary package.
+            packages = [ pkgs.nodejs_20, hds-releases.packages.holo-dev-server-bin ];
+          };
+        };
+    };
+}
+```
+
+To connect your application to `holo-dev-server`, point the client's `chaperoneUrl` to `https://localhost:24274`. The easiest way to do this is to supply an environment variable that you can then look for in your UI:
+
+```typescript
+const client: WebSdk = await WebSdk.connect({
+  // We'll explain this in the testing section.
+  chaperoneUrl: import.meta.env.VITE_APP_CHAPERONE_URL,
+  authFormCustomization: {
+    // Display name on the credentials form.
+    // You can also set it in Cloud Console when deploying.
+    appName: 'forum-app',
+  }
+});
+```
+
+Let's add some build, run, and test scripts to your project's `package.json` file. You should already have scripts to build a `.hApp` file, like below.
+
+```json
+  "scripts": {
+    // ...
+    "build:happ": "npm run build:zomes && hc app pack workdir --recursive",
+    "build:zomes": "RUSTFLAGS='' CARGO_TARGET_DIR=target cargo build --release --target wasm32-unknown-unknown",
+    // ...
+  },
+```
+
+Let's add the following scripts to the top of the `"scripts"` object. These will:
+
+1. Build your `.happ` file,
+2. Run `holo-dev-server` with your `.happ` file and make it available on port `24274` (make sure you change `workdir/forum.happ` to match your hApp),
+3. Serve the `holochain-playground` UI at `localhost:4444` and open it in a browser, and
+4. Start two agents and open their UIs in the browser, pointing them both to the local URL that `holo-dev-server` is running on.
+
+Take note of the `"network:holo"` script; it's what passes the `VITE_APP_CHAPERONE_URL` and `VITE_APP_IS_HOLO` environment variables to your UI so that it knows to connect to Holo, and specifically to a local `holo_dev_server`.
+
+```json
+    "start:holo": "AGENTS=2 BOOTSTRAP_PORT=$(port) SIGNAL_PORT=$(port) npm run network:holo",
+    "network:holo": "npm run build:happ && UI_PORT=$(port) concurrently \"npm run launch:holo-dev-server\" \"holochain-playground ws://localhost:4444\" \"concurrently-repeat 'VITE_APP_CHAPERONE_URL=http://localhost:24274 VITE_APP_IS_HOLO=true npm start -w ui' $AGENTS\"",
+    "launch:holo-dev-server": "holo-dev-server workdir/forum.happ",
+```
+
+These scripts assume that you have a `start` script set up in a `ui` workspace that serves your UI at a local URL, which you should have if you created the hApp using our scaffolding tool.
+
+You now have a fully functional Holo app up and running!
+
+!!! info
+When you build your UI for production, make sure that the `VITE_APP_CHAPERONE_URL` environment variable is set to `https://chaperone.holo.hosting`.
+!!!
+
+## Deploy
+
+This process assumes you already have a Cloud Console account. If you do not, you can sign up at https://register.holo.host
+
+### Deploy a UI
+
+Holo does not currently offer UI hosting. hApp managers will need to deploy their UI separately for now.
+
+!!! info
+Holo supports "headless hosting" where there is no Holo-enabled UI. In this case Holo will maintain copies of the [DHT](/resources/glossary/#distributed-hash-table-dht), but will not hold any source chains. Holo hosting requires a special [membrane proof](#implementing-read-only-cells) for read-only host agents in order to make this work.
+
+Holo does not support direct programmatic/API access to deployed hApps.
+!!!
+
+### Deploy a hApp to the Holo network
+
+1. Log into Cloud Console.
+2. Click on "Add a hApp".
+3. Fill out hApp details:
+    * "Link to hApp file" must point to a publicly accessible `.happ` file.
+    * (Optional) "URL of hosted UI" is the URL which your users will access your UI from.
+    * (Optional) Configuration of memproof/registration code.
+4. Click "Deploy".
+5. Wait for deployment to take effect. It may take up to 30 minutes.
+
+## Holo core concepts and further documentation
+
+Holochain assumes that agents are in control of their own conductor, meaning:
+
+* Agent key pairs are located on the same machine as their data and hApp instance, which is typically a computer they own.
+* Agents can choose which hApps / DNAs are co-located on the same conductor.
+* All hApps running on a conductor belong to a single user who may have multiple keys.
+* The client and conductor are located on the same machine.
+* Agents have access to the conductor's [admin API WebSocket](https://docs.rs/holochain_conductor_api/latest/holochain_conductor_api/enum.AdminRequest.html).
+
+These assumptions are not true for Holo, and this has architectural implications for hApp development.
+
+### Holo architecture
+
+![The Holo hosting network. A typical HoloPort hosting device sits at the middle, bridging a peer-to-peer network of Holochain app participants (including other Holo hosting devices) to a user's web browser via an intermediary infrastructure consisting of a matchmaking service, a user-to-host resolver service, a traffic proxy, and a privileged iframe containing Chaperone in the user's browser.](/assets/img/enable-holo/holo-hosting-infrastructure.png)
+
+The diagram above shows the interconnections between different parts of the Holo network. In particular, note that:
+
+* Keys are on the client, and conductor is on the host.
+* A user has no guarantee that any two hApps hosted for them will share the same conductor.
+* Multiple users may share the same conductor.
+
+### Client-conductor separation
+
+In Holo hosting, the client and conductor are assumed to be both physically distinct and under the control of different agents. To enable and support this, Holo provides an alternative to the [`@holochain/client`](https://www.npmjs.com/package/@holochain/client) library in the form of [`@holo-host/web-sdk`](https://www.npmjs.com/package/@holo-host/web-sdk).
+
+Both the Holo Web SDK and `@holochain/client` provide implementations of `AppAgentClient`, which allows a user to connect to their cells in a conductor (whether those cells live on their own device or a Holo hosting device), and therefore have a mostly unified interface. However, Web SDK instantiates a secure iframe within the UI called Chaperone, which serves as a key signer and connection manager. Chaperone derives keys for users and handles all Holochain signing requests in the Holo context, without sending any key material back to the Holo network.
+
+To use the Web SDK, import and instantiate it wherever you would normally import and instantiate `@holochain/client`. If you want your UI to support both self-hosted Holochain and Holo-hosted users, you can import both the WebSDK and `@holochain/client` and instantiate a client as necessary based on the presence of an environment variable passed in at build time (as an example, a UI generated by the scaffolding tool uses `VITE_APP_IS_HOLO`; see [code samples above](#scaffold-ui)).
+
+```typescript
+Import { AppAgentWebsocket, AppAgentClient } from '@holochain/client';
+import WebSdk from '@holo-host/web-sdk';
+
+// You will want a way for your UI build tool to flag Holo vs Holochain client
+// instantiation. Many front-end build tools allow you to pass environment
+// variables which are then made available to your UI code's JavaScript.
+// The Vite dev server, for instance, makes them available in a global object
+// called `import.meta.env`.
+const client: AppAgentClient = import.meta.env.VITE_APP_IS_HOLO
+  ? await WebSdk.connect({
+    // Here we use this same environment variable technique to pass the local
+    // holo-dev-server's URL during local testing.
+    chaperoneUrl: import.meta.env.VITE_APP_CHAPERONE_URL || 'https://chaperone.holo.hosting',
+    authFormCustomization: {
+      appName: 'example-happ',
+    }
+  })
+  : await AppAgentWebsocket.connect({
+    new URL('https://UNUSED'),
+    'example_happ'
+  });
+```
+
+WebSDK documentation can be found [here](https://github.com/Holo-Host/web-sdk#holo-hosting-web-sdk).
+
+#### Sign-up, sign-in, sign-out
+
+Users derive application-specific keys directly in Chaperone using their email and password. This is done directly in the iframe provided by the Chaperone connection manager, which the application developer can customize and must invoke somewhere in their user flow:
+
+```typescript
+client.signUp();
+client.signIn();
+```
+
+Holo decides whether to show a sign-up or log-in form based on whether a user has already had an instance of the hApp provisioned for them on a hosting device in the network.
+
+In Holo, `AdminWebsocket` functionality is handled completely by Envoy, a service running on Holo hosts that handles the provisioning of hApps. That means that, just like with the [Holochain Launcher](https://github.com/holochain/launcher), the admin API isn't available to UIs. Some application API endpoints, such as `client.agent_info()`, are also not available before the user has signed in.
+
+Users should also have a means of clearing their keys from local storage using:
+
+```typescript
+client.signOut();
+```
+
+#### Handling connection state
+
+Since the host conductor is remote and a connection to it isn't guaranteed, UIs need to handle different connection states appropriately. In addition to the `'signal'` event, Chaperone makes connection state information available to the client via the `'agent-state'` event that the UI can listen for and handle. Example:
+
+```typescript
+client.on('agent-state', (agent_state: AgentState) => {
+  if (!agent_state.isAvailable) {
+    if (agent_state.unrecoverableError) {
+      // Show a dialog with the error message.
+    } else {
+      // Show some sort of disconnected/reconnecting status.
+    }
+  } else if (agent_state.isAnonymous) {
+    // Modify the UI to hide things that should only be accessible to logged-in
+    // users.
+  }
+});
+```
+
+!!! info A note on conductor API WebSocket access
+Due to the security implications of multi-tenant conductors, `AdminWebsocket` (and some `AppWebsocket`) functionality is not directly exposed to Holo clients. Instead, this functionality is exposed indirectly via Holo Web SDK methods where appropriate.
+!!!
+
+### hApp paradigm
+
+As with self-hosted Holochain, hApps are the fundamental unit within Holo. But unlike self-hosted Holochain, a user's hApps aren't guaranteed to all exist on the same machine. This means:
+
+* All cells for a hApp are guaranteed to be co-located on the same Holo host.
+* Cloned cells are treated as part of their parent hApp bundle and are thus also co-located with the other cells in the hApp.
+* hApps are deployed onto the Holo network by an agent of the Cloud Console app, who is the designated manager for the hApp.
+* hApp managers are responsible for deploying application updates and paying host invoices.
+
+#### Multi-tenant conductor
+
+Holo makes use of multi-tenant conductors to provide functionality typically expected of traditional web applications. Each conductor runs application instances belonging to multiple users.
+
+If the application allows it, Holo will run **read-only cells** of deployed applications **under each host's agent** in addition to any user cells. These cells serve two purposes:
+
+* **Providing high-uptime nodes**: These nodes will send and receive gossip to sustain the network as long as hosts are online. They also ensure that when users connect to their host they already have the latest data available, since Holochain maintains a single local copy of a DHT for all cells of that DNA.
+* **Serving data to anonymous users**: For some use cases, it's not desirable to require users to create an account, for example, reading an article. Where developers make these use cases available to their users, the data is retrieved by a read-only cell.
+
+This behavior isn't available by default; you'll have to implement functionality to both give anonymous users access to read-only functions and prevent them from making writes. This is described in the next section.
+
+### Implementing read-only cells
+
+In order to provide high-uptime nodes and anonymous hosted user access via read-only cells while keeping your hApp safe from defacement, you'll need to restrict what a read-only cell can do. A read-only cell is **read-only by convention**; that is, it's only because you're checking whether the cell has been provisioned for a real user or as a read-only cell.
+
+The most secure way to restrict access to a hApp's data is with [**membrane proofs**](/resources/glossary/#membrane-proof). A membrane proof is supplied at installation time and acts like an ID card, allowing the hApp to admit valid members only. However, this prevents Holo hosting devices from provisioning read-only cells unless explicit affordances are made.
+
+Hosting devices instantiate read-only cells using a zero-byte membrane proof. (Note: Holochain makes a distinction between _no_ membrane proof and an _empty_, zero-byte membrane proof using Rust's `Option<>` type.)
+
+However, a secure membrane proof should be either hard to guess or bound exclusively to the user's public key. A zero-byte membrane proof is neither, which essentially means that anyone can join your application and read its data. But it does mean you can enforce write restrictions on agents that have joined using a zero-byte membrane proof. **Make sure this is appropriate for your users' security and privacy** before implementing the following pattern!
+
+To implement logic to allow read-only cells to join a DNA's network but not write data, your integrity zome's validation function should check the author's membrane proof, then allow them to join the network but reject [CRUD](/resources/glossary/#create-read-update-delete-crud) operations if the proof is zero bytes. The following code shows an example of how to do both of these things.
+
+```rust
+/// A helper function to check whether a membrane proof is from a special Holo-
+/// hosted read-only agent.
+fn is_read_only_membrane_proof(membrane_proof: &Option<MembraneProof>) -> bool {
+    match membrane_proof {
+        // A membrane proof can either be:
+        //
+        // 1. some app-specific bytes,
+        // 2. zero bytes (Holo read-only instance), or
+        // 3. `None` (no membrane proof supplied)
+        //
+        // In this example, we're treating 2 and 3 the same.
+        // In your app, you may want to treat 3 differently.
+        Some(p) => p.bytes() == &[0],
+        None => true
+    }
+}
+
+/// A helper function to validate a membrane proof. You can use this in both
+/// your `genesis_self_check` and `validate` functions.
+fn validate_membrane_proof(membrane_proof: &Option<MembraneProof>) -> ExternResult<ValidateCallbackResult> {
+    // Read-only membrane proofs are always permitted.
+    if is_read_only_membrane_proof(membrane_proof) {
+        return Ok(ValidateCallbackResult::Valid);
+    }
+
+    // Your custom membrane proof validation should go here.
+}
+
+/// A helper function to check whether a CRUD op should be allowed. In the
+/// sample `validate` function, it's used for both entry and link CRUD actions.
+/// Note that this DOES NOT implement all the write permissions your app may
+/// need; it only implements this simple logic:
+///
+/// * Read-only cells may only write system actions, plus CRUD actions within
+///   the `init()` callback.
+/// * All other cells may write anything they wish.
+fn has_permission_to_write(op: &Op) -> Result<bool, WasmError> {
+    let action_type = op.action_type();
+
+    // All non-CRUD actions should be allowed.
+    if let ActionType::Dna | ActionType::AgentValidationPkg | ActionType::InitZomesComplete | ActionType::OpenChain | ActionType::CloseChain = action_type {
+        return Ok(true);
+    }
+
+    // In general, all CRUD actions for a read-only node should be invalid.
+    // The only ones that _must_ be valid are actions that create (but don't
+    // update) special system entries:
+    //
+    // * `AgentPubKey`
+    // * `CapGrant`
+    // * `CapClaim` (optional)
+    //
+    // When allowing cap grants, we're unable to check whether the grant should
+    // be allowed -- that has to happen in the coordinator zome.
+    if let ActionType::Create = action_type {
+        match op.entry_data().map(|d| d.1) {
+            Some(EntryType::AgentPubKey | EntryType::CapClaim | EntryType::CapGrant) => {
+                return Ok(true);
+            },
+            Some(_) => { },
+            None => {
+                // This should be an impossible condition, as an op produced
+                // from a `Create` action should always know its entry type.
+                unreachable!("Undefined behavior; entry type missing from Create action");
+            }
+        }
+    }
+
+    // Your app may also want to allow certain CRUD actions for public or
+    // private app data, such as anonymous page view counters for blog posts, or
+    // updates/deletes on system actions. Keep in mind the risk of anonymous
+    // spamming though!
+
+    // We don't always look at the membrane proof, because that would cause too
+    // much network traffic and processing as source chains grew larger.
+    // Instead, we use 'inductive' validation, in which we assume that, if
+    // there's a prior CRUD action on the chain and another validator has marked
+    // it as valid, it's because that validator has also applied these same
+    // rules. A sequence of such checks eventually leads back to a check on the
+    // membrane proof.
+
+    // Walk back through the source chain until we find something interesting --
+    // either a CRUD action or a membrane proof.
+    let mut prior_action_hash = op.prev_action().map(|h| h.clone());
+
+    // Most read-only apps will want to do a few writes to set up state at app
+    // initialization time. These writes happen in each zome's `init` function,
+    // if defined, and if all inits succeed, an `InitZomesComplete` action is
+    // written to the chain. So we need to keep track of whether the op
+    // currently being validated comes before or after that point.
+    let mut init_zomes_complete_found = false;
+
+    while let Some(ref hash) = prior_action_hash {
+        let record = must_get_valid_record(hash.clone())?;
+        let action = record.action();
+        let entry_type = action.entry_type();
+        match (action, entry_type) {
+            (Action::CreateLink(_), _)
+            | (Action::DeleteLink(_), _)
+            | (Action::Create(_), Some(EntryType::App(_)))
+            | (Action::Update(_), Some(EntryType::App(_)))
+            | (Action::Delete(_), _) => {
+                if !init_zomes_complete_found {
+                    // If we've found a prior app CRUD action without seeing the
+                    // `InitZomesComplete` action, it's either because it
+                    // happened after that point or because both it and the op
+                    // being validated happened within `init`. Either way, the
+                    // prior CRUD action was valid so this must be too.
+                    return Ok(true);
+                }
+
+                // If, however, we have seen the `InitZomesComplete` action,
+                // the op being validated happened after `init` but the prior
+                // action we're currently inspecting happened within `init`.
+                // Skip this and all prior CRUD actions, and keep looking until
+                // we find the membrane proof.
+            }
+            (Action::AgentValidationPkg(action_data), _) => {
+                // This action contains the membrane proof. We only reach this
+                // if no prior CRUD actions were found, excepting possible ones
+                // done within `init` which we skipped if we're validating an
+                // op produced after `init`. Allow all ops produced before
+                // `init`, and subject all ops produced after `init` to the
+                // read-only membrane proof check.
+                return Ok(!init_zomes_complete_found || !is_read_only_membrane_proof(&action_data.membrane_proof));
+            }
+            (Action::InitZomesComplete(_), _) => {
+                // Keep track of the fact that we've seen this action, which
+                // means the currently validated op should be subject to a
+                // read-only membrane proof check. Keep going backwards
+                // until we hit the membrane proof.
+                init_zomes_complete_found = true;
+            }
+            (a, _) => {
+                // Prior action was neither CRUD nor membrane proof; walk
+                // further back along the source chain.
+                prior_action_hash = a.prev_action().map(|h| h.clone());
+            }
+        }
+    }
+
+    Err(wasm_error!("Undefined behavior; could not find agent validation package"))
+}
+
+#[hdk_extern]
+pub fn genesis_self_check(
+    data: GenesisSelfCheckData,
+) -> ExternResult<ValidateCallbackResult> {
+    validate_membrane_proof(&data.membrane_proof)
+}
+
+#[hdk_extern]
+pub fn validate(op: Op) -> ExternResult<ValidateCallbackResult> {
+    // Here the membrane proof itself is being validated.
+    // The AgentValidationPkg action produces two different ops that
+    // contain a membrane proof; let's check both of them.
+    if let Some(Action::AgentValidationPkg(action)) = match &op {
+        Op::StoreRecord(store_record) => Some(store_record.record.signed_action.hashed.content.clone()),
+        Op::RegisterAgentActivity(register_agent_activity) => Some(register_agent_activity.action.hashed.content.clone()),
+        _ => None
+    } {
+        return validate_membrane_proof(&action.membrane_proof);
+    }
+
+    // Now we validate write permissions on the op.
+    if let false = has_permission_to_write(&op)? {
+        return Ok(ValidateCallbackResult::Invalid("Read-only instance can't write CRUD data".to_string()));
+    }
+
+    // ... Put the rest of your validation code here.
+}
+```
+
+#### Anonymous zome function access
+
+Every function call to a coordinator zome must be signed, and a call will only be successful if a [capability grant](/resources/glossary/#capability-grant) has been issued for it. Capability grants can be unrestricted, or they can be restricted to a particular token or public key.
+
+Normally, when a Holo agent is logged in, or the user is running the hApp on their own machine, the key pair used to sign function calls is the same as the key pair used to author data in the cell. This is called the [author grant](/concepts/8_calls_capabilities/#author-grant), and it's automatically privileged to call every function. For an anonymous agent accessing a read-only instance, however, this is not true. For them to be able to make a function call, you need to also create an unrestricted capability grant for that function.
+
+```rust
+fn set_read_only_cap_tokens() -> ExternResult<()> {
+    let mut fn = BTreeSet::new();
+    // Grant unrestricted anonymous access to the two article getter functions.
+    fns.insert((zome_info()?.name, "get_article".into()));
+    fns.insert((zome_info()?.name, "get_all_articles".into()));
+
+    let functions = GrantedFunctions::Listed(fns);
+    create_cap_grant(CapGrantEntry {
+        tag: "read-only anonymous access".into(),
+        access: CapAccess::Unrestricted,
+        functions,
+    })?;
+    Ok(())
+}
+
+#[hdk_extern]
+fn init(_: ()) -> ExternResult<InitCallbackResult> {
+    set_read_only_cap_tokens()?;
+
+    Ok(InitCallbackResult::Pass)
+}
+```
+
+In general, you should not list functions in the above grant that write new capability grants to the read-only instance's chain, to prevent an attacker from expanding their privileges. And depending on your app, it's probably also good practice to limit access to functions that don't write to the source chain but can still be disruptive, such as [calling other cells' APIs](/concepts/8_calls_capabilities/) or [sending signals to other cells](/concepts/9_signals/).
+
+Note that these protections implemented in a coordinator zome also do not prevent reads by people who run the hApp on their own devices and supply a zero-byte membrane proof. When you implement the read-only pattern, you're **making a conscious choice to make the DHT public** for reading while restricting who can write to it.
+
+## Next steps
+
+Now that you've prepared your hApp for Holo, it's time to deploy it. Learn how to [publish your hApp on the Holo hosting network](/resources/publish-app-on-holo/).
\ No newline at end of file
diff --git a/src/pages/resources/glossary.md b/src/pages/resources/glossary.md
index 0188d8f1d..5feafe66c 100644
--- a/src/pages/resources/glossary.md
+++ b/src/pages/resources/glossary.md
@@ -598,6 +598,10 @@ One of two types of permeable boundaries that allow or disallow access:
 
 A [record](#record) written to an agent's [source chain](#source-chain) that proves they have permission to join a [DHT](#distributed-hash-table-dht), for example, an invite code or signed authorization from an existing member. The [DNA](#dna) for the DHT has a [validation function](#validation-function) that checks the validity of the membrane proof; if agents validating the membrane proof determine that it's invalid, they can refuse to communicate with the new agent. This is the [immune system's](#immune-system) first line of defense against malicious actors.
 
+#### Memproof
+
+See [membrane proof](#membrane-proof).
+
 #### Metadata
 
 Supplementary data attached to a [base](#base) in a [DHT](#distributed-hash-table-dht). Metadata can be one of:
diff --git a/src/pages/resources/publish-app-on-holo.md b/src/pages/resources/publish-app-on-holo.md
new file mode 100644
index 000000000..772da2161
--- /dev/null
+++ b/src/pages/resources/publish-app-on-holo.md
@@ -0,0 +1,95 @@
+---
+title: Publish an App on the Holo Hosting Network
+---
+
+Publishing a hApp means making it available on the Holo network for your registered website to connect to and interact with, similar to other cloud hosting platforms. Each user is its own separate app instance, called a [cell](/resources/glossary/#cell), on one of our hosts, and Holo will automatically handle instance assignment, provisioning, and load balancing across hosts.
+
+On the Holo network, users' cells run on hosts' devices. This context has security implications which require architectural changes compared to the standard Holochain setup, including:
+
+* Holo has special client-side key management infrastructure to preserve users' agency. This is handled by a drop-in library that provides a full authentication process.
+* The UI does not have direct access to the conductor's [admin API](https://docs.rs/holochain_conductor_api/latest/holochain_conductor_api/enum.AdminRequest.html).
+* Special read-only nodes can optionally be provisioned on the Holo network for high availability and public access to application data. These nodes must be given special exemption from any [membrane proofs](/resources/glossary/#membrane-proof) (membership codes) your app has implemented.
+
+These changes together, along with the fact that the Holo network is running the Holochain 0.2.x pre-release, mean that backends UIs need to be adapted for Holo. You can learn how to do this for your hApp in the [Enable Apps for Holo Hosting](/resources/enable-holo/) guide.
+
+This guide assumes that you've already adapted your Holochain app to work on the Holo network or have acquired a Holo-ready app and ready to deploy it to the Holo network. It will take you through the following steps to get your app live:
+
+1. Register as a hApp Manager with Holo.
+2. Request and receive a registration code.
+3. Use your registration code to create an account with the Cloud Console.
+4. Submit a hApp bundle and the URL of the hApp's UI to create a hApp listing in Cloud Console.
+
+If you get stuck, reference our more robust step-by-step support document.
+
+If you're still stuck, please reach out to us via the [hApp managers category of the Holo forum](https://forum.holo.host/c/happ-managers/64) or our [support email](mailto:help@holo.host) and let us know where you're stuck.
+
+## Prerequisites
+
+You must have:
+
+* A hApp bundle (one or more DNAs compiled to a `.happ` file with the `hc app pack` tool) available for download at a publicly accessible URL (for example, a GitHub repository). This bundle must have been compiled with versions of the Holochain HDI and HDK libraries that are compatible with the Holo hosting network (currently running Holochain 0.2.4, which is compatible with HDI 0.3.4 and HDK 0.2.4).
+* A UI that uses the latest version of Holo's [Web SDK](https://github.com/Holo-Host/web-sdk) to access the hApp's backend, hosted over HTTPS on its own domain. We recommend Cloudflare's [Free plan](https://www.cloudflare.com/en-ca/plans/free/) for hosting. The Chaperone URL must be `https://chaperone.holo.hosting`, as in this example:
+
+    ```typescript
+    const client: WebSdk = await WebSdk.connect({
+      chaperoneUrl: 'https://chaperone.holo.hosting',
+      authFormCustomization: {
+        appName: 'my-app', // Display name on the credentials form. You can also set it in Cloud Console when deploying
+      }
+    });
+    ```
+
+    Learn more about [how to adapt your UI to Holo hosting](/resources/enable-holo/#migrate-from-a-pure-holochain-app).
+* Ability to edit the DNS records of the domain name that your UI is hosted at.
+
+## 1. Register as a hApp manager
+
+### New registrant --- register with Holo
+
+If you've already registered for a different role (either a host or a HoloFuel user), you can skip this step and go on to [register yourself as a hApp manager](#).
+
+To register, go to [register.holo.host](https://register.holo.host) and choose "Yes, it's my first time registering." Fill out the form, selecting **hApp Manager** when asked you're registering as a HoloPort, hApp manager, or HoloFuel user.
+
+After completing all the fields, tick the box to acknowledge your acceptance of the Terms of Service, and click on **Submit**. You'll receive a confirmation email in your inbox with the subject "hApp Manager Registration Submission".
+
+At this point someone from the Holo team will review and approve your submission. Once approved, you'll receive a registration code that you'll use in the next step. This will come in another email from Holo with the subject "Publisher Alpha Program - Registration Code".
+
+### Previously registered with Holo --- register for an additional role
+
+Holo Springboard is the application to use when you've already registered for a role in the Holo network and would like to register for additional roles (Host, hApp manager, or HoloFuel user). At [springboard.holo.host](https://springboard.holo.host), input the email you've used for a previous Holo registration and a "magic" login link will be sent to your email.
+
+Click the link in the email and return to the previous tab, where you will have been logged into your Holo Springboard account. From there, select the option to add a hApp manager registration.
+
+Next, you'll receive a hApp manager registration code that you'll use to sign up for your Cloud Console account. It's currently a manual process for us to generate and send you this code. When the code is ready, you'll receive another email from Holo with the subject line: "hApp Manager Alpha Program - Registration Code".
+
+## 2. Sign up to Cloud Console
+
+Once you've received your hApp manager registration code, go to [cloud-console.holo.host/signup](https://cloud-console.holo.host/signup). Input your registration code, the email you used for registration, and a strong password. **Please note this password cannot be changed, so protect it accordingly.**
+
+Upon successfully signing into the app, you'll be in your Cloud Console account and asked to set your account display name before you can proceed to your dashboard.
+
+Your account display name is the name that will optionally appear on the hApp login screen next to the words "published by: " under each of your hApps' names. Please note that it can't be changed at this time.
+
+## 3. Deploy a hApp
+
+Click on "Add a hApp" on your Cloud Console dashboard and fill in the form. You can save your hApp as a draft, or deploy your hApp immediately.
+
+**IMPORTANT! What you enter in the following three fields can make the difference between a successful or unsuccessful deployment.**
+
+* In the "Link to .hApp file" field, enter a publicly accessible URL that the hApp bundle can be downloaded from.
+* The optional **network seed** acts like a group password, allowing you to reuse a hApp bundle while creating a separate, isolated network space. This can be used for 'white label' apps, for example a generic chat hApp bundle that communities can create their own deployments of. (Note that self-hosted users --- people using the hApp on their own devices rather than via Holo hosting --- will need to know this network seed and enter it at install time in order to get access. Holo-hosted users will not need to do this.)
+* In the "URL of Hosted UI" field, enter the domain name that the UI is hosted at.
+
+Once you've submitted the listing, you'll see the following success message. It will give you instructions for adding a `TXT` record to the domain name of the URL where your UI is hosted. Log into your DNS manager and add this record.
+
+If all went well, you should be able to access and use your hApp at your hosted UI URL within 30 minutes. If you end up waiting a few hours and are not able to access your hApp, let us know so we can help troubleshoot.
+
+Please provide us with any feedback you have about the overall UX of the form. Your feedback is sincerely appreciated and will be discussed. We want to know about any parts that are confusing or any inspiration you have that might make it easier for other hApp managers. You can do this via the [hApp managers category of the Holo forum](https://forum.holo.host/c/happ-managers/64).
+
+## 4. Pause or remove a hApp
+
+Pausing a hApp is straightforward. The change takes effect quite quickly (within minutes). You'll see the "Paused" label for your paused hApps listed on your dashboard.
+
+At this time, only deployed or paused hApps can be removed from hosting (drafts cannot be removed). To remove a hApp from hosting, access the edit form of your paused or published hApp, scroll to the bottom, and click on "Stop Hosting". Follow the instructions, and upon successful removal you will no longer see the hApp show in your list of hApps on your dashboard view. The change should take effect within minutes.
+
+(Note: Currently only three hApps show neatly within the frame of the dashboard view; you can view all hApps via the "See all" link.)
\ No newline at end of file